html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
html {
font-size: 62.5%;
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
background: #fff;
}
article, aside, details, figcaption, figure,
footer, header, main, nav, section {
display: block;
}
input, textarea, select, button {
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: 400;
text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
a:focus {
outline: thin dotted;
}
a:hover, a:active {
outline: 0;
}
a img {
border: 0;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-rendering: optimizeLegibility;
}
/**
* Breakpoints
*/
/**
* Fonts
*/
/**
* Colours
*/
/**
* Animation
*/
/**
* General
*/
/**
* Applys a breakpoint around the provided content
* @param {string} $size size of the breakpoint
* @return {null} nothing returned breakpoint code wrapped around content
*/
/**
* Generates a list of font sizes at specific breakpoints
*/
/**
* If you have to ask what this does, then ask yourself what you are doing!!!
*/
/**
* Creates a class for each colour and a second class with each colour applied as background-color
*/
/**
* Allows control over onscreen movement
**/
body {
font-family: "museo-sans", sans-serif;
font-size: 12px;
font-weight: 300;
line-height: 1.15;
}
@media only screen and (min-width: 300px) {
body {
font-size: 12px;
}
}
@media only screen and (min-width: 850px) {
body {
font-size: 14px;
}
}
@media only screen and (min-width: 1340px) {
body {
font-size: 16px;
}
}
/**
* Headings
*/
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
font-weight: 500;
margin-bottom: 0.8em;
display: block;
}
h1, .h1 {
font-size: 2.75em;
}
@media only screen and (min-width: 550px) {
h1, .h1 {
font-size: 3.75em;
}
}
h2, .h2 {
font-size: 2em;
}
@media only screen and (min-width: 550px) {
h2, .h2 {
font-size: 2.8125em;
}
}
h3, .h3 {
font-size: 1.8em;
}
@media only screen and (min-width: 550px) {
h3, .h3 {
font-size: 2em;
}
}
h4, .h4 {
font-size: 1.6em;
}
@media only screen and (min-width: 550px) {
h4, .h4 {
font-size: 1.875em;
}
}
h5, .h5 {
font-size: 1.5em;
line-height: 30px;
}
h6, .h6 {
font-size: 1.25em;
font-weight: 300;
line-height: 25px;
}
/**
* Weight
**/
.weight-200 {
font-weight: 200;
}
.weight-300 {
font-weight: 300;
}
.weight-400 {
font-weight: 400;
}
.weight-500 {
font-weight: 500;
}
.weight-600 {
font-weight: 600;
}
.weight-700 {
font-weight: 700;
}
/**
* Colour
**/
.primary {
color: #1AA6C0;
}
.secondary {
color: #061937;
}
.white {
color: #fff;
}
/**
* Titles
**/
.subtitle {
color: #1AA6C0;
font-weight: 700;
line-height: 24px;
letter-spacing: 7px;
font-size: 0.875em;
margin-bottom: 20px;
text-transform: uppercase;
}
@media only screen and (min-width: 550px) {
.subtitle {
line-height: 30px;
}
}
.subtitle.extra-pad {
padding-left: 20px;
}
.subtitle.white {
color: #fff;
}
.uppercase {
text-transform: uppercase;
}
.mini-subtitle {
color: #1AA6C0;
font-weight: 600;
line-height: 30px;
letter-spacing: normal;
font-size: 0.875em;
margin-bottom: 10px;
text-transform: uppercase;
}
.icon-title {
align-self: flex-start;
text-transform: uppercase;
padding-left: 10px;
color: #AEAEAE;
}
.icon-title:before {
content: "";
position: relative;
bottom: -14px;
left: -10px;
display: inline-block;
width: 38px;
height: 38px;
mask-position: center;
mask-repeat: no-repeat;
mask-size: 38px;
color: #AEAEAE;
background-color: #AEAEAE;
}
.icon-title.highlighted {
color: #1AA6C0;
}
.icon-title.highlighted:before {
background-color: #1AA6C0;
}
.icon-title.purchase:before {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='37' viewBox='0 0 38 37' fill='none'%3E%3Cg clip-path='url(%23clip0_34_32579)'%3E%3Cpath d='M8.54771 36.9994C8.1165 36.9994 7.68762 36.8616 7.3215 36.5906C6.67296 36.1114 6.35449 35.3139 6.4899 34.5093L8.30014 23.7654L0.632612 16.1578C0.0590291 15.5886 -0.143788 14.7527 0.103777 13.9765C0.351341 13.2003 0.998147 12.6453 1.7914 12.5282L12.3873 10.9604L17.1259 1.1862C17.4804 0.454365 18.1987 0 19 0C19.8014 0 20.5197 0.454365 20.8742 1.1862L25.6128 10.961L36.2093 12.5288C37.0025 12.6459 37.6487 13.2008 37.8963 13.9771C38.1439 14.7533 37.9411 15.5886 37.3675 16.1584L29.6999 23.7666L31.5102 34.5105C31.6456 35.3145 31.3271 36.112 30.6786 36.5918C30.0306 37.071 29.1868 37.1331 28.4778 36.7539L19.0006 31.6813L9.52344 36.7539C9.21485 36.9189 8.8807 37.0006 8.54887 37.0006L8.54771 36.9994ZM19 29.1202C19.3342 29.1202 19.6684 29.2018 19.9729 29.3651L28.9509 34.1703L27.2359 23.9932C27.1197 23.3034 27.344 22.5988 27.8368 22.1101L35.1005 14.9024L25.0631 13.4174C24.382 13.3168 23.7938 12.8814 23.4893 12.2531L19.0006 2.9936L14.5119 12.2531C14.2074 12.8814 13.6187 13.3162 12.9376 13.4168L2.90021 14.9018L10.1633 22.1095C10.6561 22.5988 10.881 23.3028 10.7642 23.9932L9.04923 34.1703L18.0272 29.3651C18.3317 29.2018 18.6659 29.1208 19 29.1208V29.1202Z' fill='%23AEAEAE'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_34_32579'%3E%3Crect width='38' height='37' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.icon-title.rental:before {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='41' height='36' viewBox='0 0 41 36' fill='none'%3E%3Cg clip-path='url(%23clip0_58_41)'%3E%3Cpath d='M38.6661 35.9999H2.32572C1.0437 35.9999 0 34.8898 0 33.5331V6.76742C0 5.41063 1.0437 4.30054 2.32572 4.30054H10.3712C10.7575 4.30054 11.0698 4.61301 11.0698 4.99949C11.0698 5.38596 10.7575 5.69844 10.3712 5.69844H2.32572C1.80798 5.69844 1.39707 6.17537 1.39707 6.76742V33.5331C1.39707 34.1251 1.8162 34.602 2.32572 34.602H38.6661C39.1838 34.602 39.5947 34.1251 39.5947 33.5331V6.76742C39.5947 6.17537 39.1756 5.69844 38.6661 5.69844H31.4424C31.0561 5.69844 30.7438 5.38596 30.7438 4.99949C30.7438 4.61301 31.0561 4.30054 31.4424 4.30054H38.6661C39.9481 4.30054 40.9918 5.41063 40.9918 6.76742V33.5331C40.9918 34.8898 39.9481 35.9999 38.6661 35.9999Z' fill='%23AEAEAE'/%3E%3Cpath d='M27.8107 5.69844H13.1907C12.8045 5.69844 12.4922 5.38596 12.4922 4.99949C12.4922 4.61301 12.8045 4.30054 13.1907 4.30054H27.8107C28.1969 4.30054 28.5092 4.61301 28.5092 4.99949C28.5092 5.38596 28.1969 5.69844 27.8107 5.69844Z' fill='%23AEAEAE'/%3E%3Cpath d='M40.3025 15.0397H30.8353C30.449 15.0397 30.1367 14.7273 30.1367 14.3408C30.1367 13.9543 30.449 13.6418 30.8353 13.6418H40.3025C40.6887 13.6418 41.001 13.9543 41.001 14.3408C41.001 14.7273 40.6887 15.0397 40.3025 15.0397Z' fill='%23AEAEAE'/%3E%3Cpath d='M26.7252 15.0397H0.698537C0.312287 15.0397 0 14.7273 0 14.3408C0 13.9543 0.312287 13.6418 0.698537 13.6418H26.7252C27.1114 13.6418 27.4237 13.9543 27.4237 14.3408C27.4237 14.7273 27.1114 15.0397 26.7252 15.0397Z' fill='%23AEAEAE'/%3E%3Cpath d='M11.3741 10.0073C9.98525 10.0073 8.85938 8.88077 8.85938 7.49109V7.3513C8.85938 6.96482 9.17166 6.65235 9.55791 6.65235C9.94416 6.65235 10.2564 6.96482 10.2564 7.3513V7.49109C10.2564 8.10781 10.7578 8.60941 11.3741 8.60941C11.9905 8.60941 12.4918 8.10781 12.4918 7.49109V2.51622C12.4918 1.8995 11.9905 1.3979 11.3741 1.3979C10.7578 1.3979 10.2564 1.8995 10.2564 2.51622V2.65601C10.2564 3.04249 9.94416 3.35496 9.55791 3.35496C9.17166 3.35496 8.85938 3.04249 8.85938 2.65601V2.51622C8.85938 1.12654 9.98525 0 11.3741 0C12.763 0 13.8888 1.12654 13.8888 2.51622V7.48287C13.8888 8.87255 12.763 9.99909 11.3741 9.99909V10.0073Z' fill='%23AEAEAE'/%3E%3Cpath d='M29.628 10.0073C28.2392 10.0073 27.1133 8.88077 27.1133 7.49109V7.3513C27.1133 6.96482 27.4256 6.65235 27.8118 6.65235C28.1981 6.65235 28.5104 6.96482 28.5104 7.3513V7.49109C28.5104 8.10781 29.0117 8.60941 29.628 8.60941C30.2444 8.60941 30.7457 8.10781 30.7457 7.49109V2.51622C30.7457 1.8995 30.2444 1.3979 29.628 1.3979C29.0117 1.3979 28.5104 1.8995 28.5104 2.51622V2.65601C28.5104 3.04249 28.1981 3.35496 27.8118 3.35496C27.4256 3.35496 27.1133 3.04249 27.1133 2.65601V2.51622C27.1133 1.12654 28.2392 0 29.628 0C31.0169 0 32.1427 1.12654 32.1427 2.51622V7.48287C32.1427 8.87255 31.0169 9.99909 29.628 9.99909V10.0073Z' fill='%23AEAEAE'/%3E%3Cpath d='M8.85138 23.1968H5.35869C4.97244 23.1968 4.66016 22.8844 4.66016 22.4979C4.66016 22.1114 4.97244 21.7989 5.35869 21.7989H8.15284V19.0031C8.15284 18.6167 8.46513 18.3042 8.85138 18.3042C9.23763 18.3042 9.54991 18.6167 9.54991 19.0031V22.4979C9.54991 22.8844 9.23763 23.1968 8.85138 23.1968Z' fill='%23AEAEAE'/%3E%3Cpath d='M17.0037 23.1968H13.511C13.1248 23.1968 12.8125 22.8844 12.8125 22.4979C12.8125 22.1114 13.1248 21.7989 13.511 21.7989H16.3052V19.0031C16.3052 18.6167 16.6175 18.3042 17.0037 18.3042C17.39 18.3042 17.7023 18.6167 17.7023 19.0031V22.4979C17.7023 22.8844 17.39 23.1968 17.0037 23.1968Z' fill='%23AEAEAE'/%3E%3Cpath d='M25.1561 23.1968H21.6634C21.2771 23.1968 20.9648 22.8844 20.9648 22.4979C20.9648 22.1114 21.2771 21.7989 21.6634 21.7989H24.4575V19.0031C24.4575 18.6167 24.7698 18.3042 25.1561 18.3042C25.5423 18.3042 25.8546 18.6167 25.8546 19.0031V22.4979C25.8546 22.8844 25.5423 23.1968 25.1561 23.1968Z' fill='%23AEAEAE'/%3E%3Cpath d='M33.3162 23.1968H29.8235C29.4373 23.1968 29.125 22.8844 29.125 22.4979C29.125 22.1114 29.4373 21.7989 29.8235 21.7989H32.6177V19.0031C32.6177 18.6167 32.93 18.3042 33.3162 18.3042C33.7025 18.3042 34.0148 18.6167 34.0148 19.0031V22.4979C34.0148 22.8844 33.7025 23.1968 33.3162 23.1968Z' fill='%23AEAEAE'/%3E%3Cpath d='M8.85138 30.1945H5.35869C4.97244 30.1945 4.66016 29.8821 4.66016 29.4956C4.66016 29.1091 4.97244 28.7966 5.35869 28.7966H8.15284V26.0008C8.15284 25.6144 8.46513 25.3019 8.85138 25.3019C9.23763 25.3019 9.54991 25.6144 9.54991 26.0008V29.4956C9.54991 29.8821 9.23763 30.1945 8.85138 30.1945Z' fill='%23AEAEAE'/%3E%3Cpath d='M17.0037 30.1945H13.511C13.1248 30.1945 12.8125 29.8821 12.8125 29.4956C12.8125 29.1091 13.1248 28.7966 13.511 28.7966H16.3052V26.0008C16.3052 25.6144 16.6175 25.3019 17.0037 25.3019C17.39 25.3019 17.7023 25.6144 17.7023 26.0008V29.4956C17.7023 29.8821 17.39 30.1945 17.0037 30.1945Z' fill='%23AEAEAE'/%3E%3Cpath d='M25.1561 30.1945H21.6634C21.2771 30.1945 20.9648 29.8821 20.9648 29.4956C20.9648 29.1091 21.2771 28.7966 21.6634 28.7966H24.4575V26.0008C24.4575 25.6144 24.7698 25.3019 25.1561 25.3019C25.5423 25.3019 25.8546 25.6144 25.8546 26.0008V29.4956C25.8546 29.8821 25.5423 30.1945 25.1561 30.1945Z' fill='%23AEAEAE'/%3E%3Cpath d='M33.3162 30.1945H29.8235C29.4373 30.1945 29.125 29.8821 29.125 29.4956C29.125 29.1091 29.4373 28.7966 29.8235 28.7966H32.6177V26.0008C32.6177 25.6144 32.93 25.3019 33.3162 25.3019C33.7025 25.3019 34.0148 25.6144 34.0148 26.0008V29.4956C34.0148 29.8821 33.7025 30.1945 33.3162 30.1945Z' fill='%23AEAEAE'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_58_41'%3E%3Crect width='41' height='36' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
/**
* Paragraphs
*/
p {
margin-bottom: 1em;
line-height: 1.5;
font-weight: 300;
}
p.sm {
font-size: 0.875em;
line-height: 20px;
}
p.xs {
font-size: 0.7em;
line-height: 15px;
}
/**
* Links
*/
a {
color: inherit;
transition: color 0.3s;
text-decoration: none;
}
a:hover {
color: #1AA6C0;
transition: color 0.3s;
}
/**
* Styling
*/
b, strong {
font-weight: 700;
}
i, em {
font-style: italic;
}
u {
text-decoration: underline;
}
.no-margin {
margin: 0;
}
.alternate-title-margin {
margin-bottom: 10px;
margin-left: -3px;
}
@media only screen and (min-width: 850px) {
.limited-width {
max-width: 80%;
}
}
@media only screen and (min-width: 850px) {
.limited-width.very {
max-width: 65%;
}
}
.narrow-p {
margin: 0 auto;
}
@media only screen and (min-width: 850px) {
.narrow-p {
max-width: 70%;
}
}
/**
* Lists
*/
ul, ol {
padding-left: 1em;
margin-bottom: 1em;
line-height: 1.5;
}
ul li, ol li {
padding-bottom: 0.3em;
}
.btn, .wp-block-button .wp-block-button__link {
position: relative;
color: #fff;
background-color: transparent;
font-size: 0.9375em;
min-width: 93px;
display: inline-block;
border: none;
margin: 0.2em 0;
padding: 0.5em 1.3em 0.5em 2.5em;
font-weight: 300;
cursor: pointer;
transition: all 0.3s;
text-decoration: none;
text-align: center;
-webkit-appearance: none;
border-radius: 0;
}
.btn:hover, .wp-block-button .wp-block-button__link:hover {
color: #1AA6C0;
}
.btn:hover:after, .wp-block-button .wp-block-button__link:hover:after {
left: 0.2em;
background-color: #1AA6C0;
}
.btn:after, .wp-block-button .wp-block-button__link:after {
content: "";
mask-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='8.5' stroke='white'/%3E%3Cpath d='M7 13L13 9L7 5' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
position: absolute;
top: 1px;
left: 0;
transition: all 0.3s;
display: inline-block;
width: 22px;
height: 23px;
mask-position: center;
mask-repeat: no-repeat;
mask-size: 22px;
color: #eee;
background-color: #eee;
}
@media only screen and (min-width: 850px) {
.btn:after, .wp-block-button .wp-block-button__link:after {
top: 5px;
}
}
.btn.inverted-colour, .wp-block-button .inverted-colour.wp-block-button__link {
color: #061937;
}
.btn.inverted-colour:hover, .wp-block-button .inverted-colour.wp-block-button__link:hover {
color: #1AA6C0;
}
.btn.inverted-colour:hover:after, .wp-block-button .inverted-colour.wp-block-button__link:hover:after {
background-color: #1AA6C0;
}
.btn.inverted-colour:after, .wp-block-button .inverted-colour.wp-block-button__link:after {
content: "";
background-color: #061937;
mask-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='8.5' stroke='%23061937'/%3E%3Cpath d='M7 13L13 9L7 5' stroke='%23061937' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.btn.product-btn, .wp-block-button .product-btn.wp-block-button__link, .wp-block-button.product-btn .wp-block-button__link {
background-color: #1AA6C0;
color: #fff;
text-transform: uppercase;
padding: 6px 30px;
font-size: 0.875em;
transition: background-color 0.3s;
}
.btn.product-btn:after, .wp-block-button .product-btn.wp-block-button__link:after, .wp-block-button.product-btn .wp-block-button__link:after {
content: "";
mask-image: unset;
background-color: unset;
}
.btn.product-btn:hover, .wp-block-button .product-btn.wp-block-button__link:hover, .wp-block-button.product-btn .wp-block-button__link:hover {
background-color: #061937;
}
.btn.product-btn:hover:after, .wp-block-button .product-btn.wp-block-button__link:hover:after, .wp-block-button.product-btn .wp-block-button__link:hover:after {
content: "";
mask-image: unset;
background-color: unset;
}
.btn.alt-btn, .wp-block-button .alt-btn.wp-block-button__link {
background-color: #fff;
border: 1px solid #1AA6C0;
color: #1AA6C0;
text-transform: uppercase;
padding: 6px 30px;
font-size: 0.875em;
transition: background-color 0.3s;
}
.btn.alt-btn:after, .wp-block-button .alt-btn.wp-block-button__link:after {
content: "";
mask-image: unset;
background-color: unset;
}
.btn.alt-btn:hover, .wp-block-button .alt-btn.wp-block-button__link:hover {
background-color: #061937;
}
.see-all-btn:hover {
cursor: pointer;
background-color: #061937;
}
.pagination {
position: relative;
display: block;
width: 100%;
list-style: none;
text-align: center;
margin: 1em 0;
padding: 0;
overflow: hidden;
}
.pagination nav {
margin: 2em 0;
}
.pagination ul.page-numbers {
color: #061937;
padding: 0;
}
.pagination ul.page-numbers li {
display: inline-block;
margin: 0;
padding: 0;
font-size: 12px;
}
@media only screen and (min-width: 300px) {
.pagination ul.page-numbers li {
font-size: 12px;
}
}
@media only screen and (min-width: 850px) {
.pagination ul.page-numbers li {
font-size: 14px;
}
}
@media only screen and (min-width: 1340px) {
.pagination ul.page-numbers li {
font-size: 16px;
}
}
.pagination ul.page-numbers li a, .pagination ul.page-numbers li span {
position: relative;
text-decoration: none;
font-weight: 600;
text-transform: uppercase;
padding: 0.4em 0.5em;
text-align: center;
}
.pagination ul.page-numbers li a.current, .pagination ul.page-numbers li span.current {
color: #1AA6C0;
}
table {
border-collapse: collapse;
width: 100%;
font-size: 1em;
overflow-x: scroll;
display: block;
margin-bottom: 1em;
}
table tbody {
display: table;
border: none;
min-width: 100%;
}
@media only screen and (min-width: 1340px) {
table {
display: table;
table-layout: fixed;
}
table tbody {
display: table-row-group;
width: 100%;
min-width: 0;
}
}
table tr:nth-child(odd) {
background-color: #fff;
}
table th {
min-width: 12em;
font-size: 1.13em;
font-weight: 700;
padding: 0.5em 15px;
vertical-align: top;
background-color: #1AA6C0;
color: #061937;
}
@media only screen and (min-width: 1340px) {
table th {
min-width: 0;
padding: 0.45em 30px;
}
}
table .alt th {
background-color: #6BE8FF;
}
table td {
padding: 0.5em 15px;
vertical-align: top;
}
@media only screen and (min-width: 1340px) {
table td {
padding: 0.45em 30px;
}
}
input[type=text], input[type=number], input[type=email], input[type=password], input[type=url],
input[type=tel], input[type=search], input[type=date], textarea, select {
padding: 0.7em 0.65em;
margin: 0 0 0.5em;
border: #fff solid 1px;
border-radius: 2px;
background-color: #061937;
line-height: 1.2;
color: #fff;
max-width: 100%;
width: 100%;
transition: border-color 0.3s;
font-size: 12px;
}
@media only screen and (min-width: 300px) {
input[type=text], input[type=number], input[type=email], input[type=password], input[type=url],
input[type=tel], input[type=search], input[type=date], textarea, select {
font-size: 12px;
}
}
@media only screen and (min-width: 850px) {
input[type=text], input[type=number], input[type=email], input[type=password], input[type=url],
input[type=tel], input[type=search], input[type=date], textarea, select {
font-size: 14px;
}
}
@media only screen and (min-width: 1340px) {
input[type=text], input[type=number], input[type=email], input[type=password], input[type=url],
input[type=tel], input[type=search], input[type=date], textarea, select {
font-size: 16px;
}
}
input[type=text]:focus, input[type=number]:focus, input[type=email]:focus, input[type=password]:focus, input[type=url]:focus,
input[type=tel]:focus, input[type=search]:focus, input[type=date]:focus, textarea:focus, select:focus {
transition: border-color 0.3s;
border-color: #1AA6C0;
}
input[type=text].error, input[type=number].error, input[type=email].error, input[type=password].error, input[type=url].error,
input[type=tel].error, input[type=search].error, input[type=date].error, textarea.error, select.error {
transition: border-color 0.3s;
border-color: #D4323E;
}
input[type=text].search, input[type=text].filter, input[type=number].search, input[type=number].filter, input[type=email].search, input[type=email].filter, input[type=password].search, input[type=password].filter, input[type=url].search, input[type=url].filter,
input[type=tel].search,
input[type=tel].filter, input[type=search].search, input[type=search].filter, input[type=date].search, input[type=date].filter, textarea.search, textarea.filter, select.search, select.filter {
background-color: #fff;
color: #061937;
border-color: #061937;
}
label {
margin: 0 0 0.3em;
color: #1AA6C0;
display: block;
}
textarea {
min-height: 120px;
font-family: "museo-sans", sans-serif;
}
input[type=radio] {
display: none;
}
input[type=radio] + label {
width: auto;
cursor: pointer;
margin: 0 1em 12px 0;
padding: 0 0 0 1.8em;
display: block;
color: #061937;
position: relative;
}
input[type=radio] + label:before {
content: "";
display: inline-block;
background-color: transparent;
position: absolute;
top: 0.1em;
left: 0;
vertical-align: middle;
border: #000 solid 1px;
border-radius: 1em;
width: 1em;
height: 1em;
margin: 0 0.4em 0 0;
transition: border-color 0.3s;
}
input[type=radio]:checked + label:before {
background-color: #1AA6C0;
background: -moz-radial-gradient(center, ellipse cover, #1AA6C0 35%, #1AA6C0 35%);
background: -webkit-radial-gradient(center, ellipse cover, #1AA6C0 35%, #1AA6C0 35%);
background: radial-gradient(ellipse at center, #1AA6C0 35%, #1AA6C0 35%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$primary_colour", endColorstr="$primary_colour",GradientType=1 );
}
input[type=radio] + label:focus:before {
transition: border-color 0.3s;
border-color: #1AA6C0;
}
input[type=radio].error + label:before {
border-color: #D4323E;
}
input[type=checkbox] {
display: none;
}
input[type=checkbox] + label {
position: relative;
width: auto;
cursor: pointer;
margin-right: 1em;
padding-left: 1.8em;
display: block;
margin-bottom: 12px;
color: #061937;
}
input[type=checkbox] + label:before {
content: "";
display: inline-block;
position: absolute;
left: 0;
top: 0.1em;
background-color: transparent;
vertical-align: middle;
border: #000 solid 1px;
border-radius: 2px;
width: 1em;
height: 1em;
margin: 0;
transition: border-color 0.3s;
}
input[type=checkbox]:checked + label:before {
content: "";
line-height: 0.9em;
text-align: center;
background-color: #1AA6C0;
}
input[type=checkbox] + label:focus:before {
transition: border-color 0.3s;
border-color: #1AA6C0;
}
input[type=checkbox].error + label:before {
border-color: #D4323E;
}
input[type=submit] {
border: 1px solid #1AA6C0;
color: #1AA6C0;
text-transform: uppercase;
background-color: transparent;
min-width: 93px;
padding: 5px 10px;
transition: all 0.3s;
}
input[type=submit].hidden-submit {
display: none;
}
input[type=submit].alt_submit {
background-color: #1AA6C0;
color: #fff;
}
input[type=submit].alt_submit:hover {
background-color: #061937;
}
input[type=submit].secondary_alt_submit {
background-color: #061937;
color: #fff;
}
input[type=submit].secondary_alt_submit:hover {
background-color: #061937;
color: #1AA6C0;
}
input[type=submit]:hover {
cursor: pointer;
background-color: #1AA6C0;
color: #fff;
}
#feed-anchor {
scroll-margin-top: 175px;
}
.alert {
padding: 0.85em 1em;
margin: 0.35em 0;
border-radius: 2px;
background-color: #fff;
color: #000;
}
.alert.error {
background-color: #D4323E;
color: #061937;
}
.alert.success {
background-color: #7fb905;
color: #061937;
}
.alert.warning {
background-color: #7fb905;
color: #061937;
}
html {
scroll-behavior: smooth;
}
.animate-on-view {
transition: 0.8s cubic-bezier(0.4, 0, 0.2, 1);
opacity: 0;
position: relative;
right: 10px;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.animate-on-view.onScreen {
opacity: 1;
right: 0;
}
.animate-on-view.secondary-delay {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.animate-on-view.tertiary-delay {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.animate-on-view.quaternary-delay {
-webkit-transition-delay: 0.8s;
transition-delay: 0.8s;
}
header {
position: relative;
z-index: 50;
width: 100%;
transition: background 1s;
background: rgba(6, 25, 55, 0.7);
}
@media only screen and (min-width: 550px) {
header {
position: fixed;
}
}
header.home {
background: unset;
}
header .inner {
display: flex;
position: relative;
justify-content: space-between;
padding: 30px;
flex-wrap: wrap;
}
@media only screen and (min-width: 550px) {
header .inner {
gap: 50px;
padding: 60px 30px 20px;
flex-wrap: nowrap;
}
}
@media only screen and (min-width: 1380px) {
header .inner {
padding: 60px 0 20px;
flex-wrap: wrap;
}
}
header .inner .logo-container {
margin-top: 15px;
}
header .inner .menus {
display: none;
width: 100%;
margin-top: 30px;
}
@media only screen and (min-width: 550px) {
header .inner .menus {
display: block;
width: unset;
margin-top: unset;
}
}
header .inner .menus.open {
display: block;
}
header .inner .menus nav.primary-navigation ul {
gap: 20px;
}
@media only screen and (min-width: 850px) {
header .inner .menus nav.primary-navigation ul {
gap: 40px;
}
}
header .inner .menus nav.primary-navigation ul li {
/* &.current-page-ancestor,
&.current-menu-ancestor,
&.current_page_item,
&.current-menu-parent {
color: $primary_colour;
}*/
}
header .inner .menus nav.primary-navigation ul li.nav-heading {
border-bottom: 1px solid #1AA6C0;
margin-bottom: 10px !important;
padding-bottom: 10px;
}
header .inner .menus nav.primary-navigation ul li.menu-item-has-children {
position: relative;
}
header .inner .menus nav.primary-navigation ul li.menu-item-has-children:hover {
padding-bottom: 300px;
}
header .inner .menus nav.primary-navigation ul li.menu-item-has-children:hover .sub-menu {
display: block;
}
header .inner .menus nav.primary-navigation ul li.menu-item-has-children .sub-menu {
display: block;
position: relative;
width: 100%;
margin-top: 30px;
padding: 10px 0;
border-top: 1px solid #1AA6C0;
}
@media only screen and (min-width: 550px) {
header .inner .menus nav.primary-navigation ul li.menu-item-has-children .sub-menu {
display: none;
position: absolute;
padding: 10px 0 40px;
}
}
@media only screen and (min-width: 850px) {
header .inner .menus nav.primary-navigation ul li.menu-item-has-children .sub-menu {
min-width: 300px;
}
}
header .inner .menus nav.primary-navigation ul li.menu-item-has-children .sub-menu li {
display: block;
}
@media screen and (max-width: 550px) {
header .inner .menus nav.primary-navigation ul li.menu-item-has-children .sub-menu li {
margin: 0;
padding: 0;
}
}
@media only screen and (min-width: 550px) {
header .inner .menus nav.primary-navigation ul li.menu-item-has-children .sub-menu li {
margin-bottom: 5px;
}
}
header .inner .menus nav.primary-navigation ul li.menu-item-has-children .sub-menu li a {
font-size: 13px;
}
@media only screen and (min-width: 850px) {
header .inner .menus nav.primary-navigation ul li.slim-submenu .sub-menu {
min-width: 120px;
}
}
header .inner .menus nav.primary-navigation ul li.sm-sub-menu:hover {
padding-bottom: 120px;
}
header .inner .menus nav.primary-navigation ul li.current-menu-item, header .inner .menus nav.primary-navigation ul li.current-menu-parent {
color: #1AA6C0;
}
header .inner .menus nav.primary-navigation.purchase ul li.products-nav-item {
color: #1AA6C0;
}
header .inner .menus nav.primary-navigation.rental ul li.rental-nav-item {
color: #1AA6C0;
}
@media only screen and (min-width: 550px) {
header .inner .menus nav.secondary-navigation {
display: flex;
justify-content: flex-end;
}
}
header .inner .menus nav.secondary-navigation .input-list {
display: flex;
}
header .inner .menus nav.secondary-navigation .input-list input[type=text] {
padding: 5px 10px;
height: 28px;
font-size: 0.8125em;
border: none;
}
header .inner .menus nav.secondary-navigation .input-list input[type=submit] {
min-width: unset;
font-size: 0.8125em;
height: 28px;
}
header .inner .menus nav.secondary-navigation ul {
gap: 30px;
margin-bottom: 30px;
}
header .inner .menus nav.secondary-navigation ul li {
font-size: 1em;
height: 28px;
}
@media only screen and (min-width: 550px) {
header .inner .menus nav.secondary-navigation ul li {
font-size: 0.8125em;
}
}
header .inner .menus nav.secondary-navigation ul li a {
display: flex;
justify-content: center;
align-items: center;
height: 28px;
border: 1px solid #fff;
padding: 5px 10px;
color: #fff;
transition: all 0.3s;
}
@media only screen and (min-width: 550px) {
header .inner .menus nav.secondary-navigation ul li a {
min-width: 93px;
text-align: center;
}
}
header .inner .menus nav.secondary-navigation ul li a:hover {
background-color: #fff;
color: #061937;
}
header .inner .menus nav ul {
list-style-type: none;
}
@media only screen and (min-width: 550px) {
header .inner .menus nav ul {
display: flex;
gap: 50px;
justify-content: flex-end;
}
}
header .inner .menus nav ul li {
color: #fff;
font-weight: 500;
font-size: 1.6em;
}
@media only screen and (min-width: 550px) {
header .inner .menus nav ul li {
font-size: 0.8125em;
}
}
header .inner #mobile-menu-toggle {
display: block;
position: absolute;
right: 30px;
}
@media only screen and (min-width: 550px) {
header .inner #mobile-menu-toggle {
display: none;
}
}
/**
* Menu highlighting for tenuously related pages eg taxonomy
**/
/*body.tax-product-category,
body.single-products {
header .inner .menus nav ul li.products-nav-item {
color: $primary_colour;
}
}*/
footer {
background-image: url("../img/banners/bg-footer.jpg");
background-size: cover;
padding: 50px 30px;
}
@media only screen and (min-width: 550px) {
footer {
padding: 120px 30px 100px;
}
}
@media only screen and (min-width: 1380px) {
footer {
padding: 120px 0 100px;
}
}
footer .inner .logo {
max-width: 114px;
}
@media only screen and (min-width: 550px) {
footer .inner .row {
display: flex;
justify-content: space-between;
gap: 50px;
}
}
footer .inner .row.top {
margin-bottom: 50px;
justify-content: space-between;
}
@media only screen and (min-width: 550px) {
footer .inner .row.top {
margin-bottom: 140px;
}
}
@media screen and (max-width: 550px) {
footer .inner .row .footer-navigation {
margin-bottom: 40px;
}
}
footer .inner .row .social-media {
display: flex;
align-items: flex-start;
gap: 20px;
}
footer .inner .row nav.footer-sub-navigation ul {
gap: 20px;
}
footer .inner .row nav.footer-sub-navigation ul li {
font-size: 1em;
}
@media only screen and (min-width: 550px) {
footer .inner .row nav.footer-sub-navigation ul li {
font-size: 0.7em;
}
}
footer .inner .row nav ul {
list-style-type: none;
margin: 0;
padding: 0;
}
@media only screen and (min-width: 550px) {
footer .inner .row nav ul {
display: flex;
gap: 20px;
}
}
@media only screen and (min-width: 850px) {
footer .inner .row nav ul {
gap: 40px;
}
}
footer .inner .row nav ul li {
font-size: 1em;
}
@media only screen and (min-width: 550px) {
footer .inner .row nav ul li {
font-size: 13px;
}
}
.container {
max-width: 1340px;
width: 100%;
margin: 0 auto;
}
.container.sm {
max-width: 1035px;
}
.container.wide {
max-width: 1440px;
}
.responsive-img {
width: 100%;
height: auto;
}
.line-break {
border-bottom: 1px solid #1AA6C0;
padding: 30px 30px 0;
margin: 0 0 30px 0;
}
@media only screen and (min-width: 1380px) {
.line-break {
padding: 30px 0;
}
}
.line-break.global-offshore {
border-color: #061937;
margin: 60px 0;
padding: 0;
}
.line-break.reduced-margin {
margin: 0;
}
.border-bottom {
border-bottom: 1px solid rgba(126, 126, 126, 0.5);
}
@media only screen and (min-width: 550px) {
.break {
display: block;
}
}
.simple-banner {
background-color: #061937;
}
@media only screen and (min-width: 550px) {
.simple-banner {
height: 220px;
}
}
@media only screen and (min-width: 550px) {
.offset-margin-top {
margin-top: -50px;
}
}
@media only screen and (min-width: 550px) {
.extreme-offset-margin-top {
margin-top: -350px;
}
}
.map-style {
aspect-ratio: 2/1;
height: 100%;
width: 100%;
}
.map-container {
position: relative;
height: 800px;
}
.map-container.subpage {
height: 595px;
}
.map-container .filters {
position: absolute;
bottom: 30px;
left: 30px;
background-color: #fff;
padding: 30px;
}
@media only screen and (min-width: 550px) {
.map-container .filters {
bottom: 20%;
left: 20%;
}
}
.map-popup {
color: #061937;
}
.intro-img {
width: 100%;
height: auto;
}
.fixed-icon-container {
position: relative;
}
.fixed-icon-container .fixed-icon {
max-width: 100px;
max-height: 100px;
right: 0;
position: absolute;
bottom: 28px;
}
@media only screen and (min-width: 550px) {
.fixed-icon-container .fixed-icon {
max-width: 200px;
max-height: 200px;
bottom: -38px;
}
}
@media only screen and (min-width: 850px) {
.fixed-icon-container .fixed-icon {
max-width: 250px;
max-height: 250px;
right: 0;
position: absolute;
bottom: -12px;
}
}
/**
* Colours
**/
.has-theme-primary-background-color {
background-color: #1AA6C0;
color: #fff;
}
.has-theme-primary-alt-background-color {
background-color: #6BE8FF;
color: #fff;
}
.has-theme-secondary-background-color {
background-color: #061937;
color: #fff;
}
.has-theme-primary-color {
color: #1AA6C0;
}
.has-theme-primary-alt-color {
color: #6BE8FF;
}
.has-theme-secondary-color {
color: #061937;
}
.has-theme-text-color {
color: #fff;
}
.has-theme-text-alt-color {
color: #061937;
}
.has-theme-text-background-color {
background-color: #fff;
}
/**
* Buttons
**/
.wp-block-button.inverted-colour .wp-block-button__link {
color: #061937;
}
.wp-block-button.inverted-colour .wp-block-button__link:hover {
color: #1AA6C0;
}
.wp-block-button.inverted-colour .wp-block-button__link:hover:after {
background-color: #1AA6C0;
}
.wp-block-button.inverted-colour .wp-block-button__link:after {
content: "";
background-color: #061937;
mask-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='8.5' stroke='%23061937'/%3E%3Cpath d='M7 13L13 9L7 5' stroke='%23061937' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
/**
* Columns
**/
.wp-block-columns.flush-cols {
gap: 0;
}
.wp-block-columns.gap-200 {
gap: 25px;
}
@media screen and (min-width: 850px) {
.wp-block-columns.gap-200 {
gap: 100px;
}
}
@media screen and (min-width: 1340px) {
.wp-block-columns.gap-200 {
gap: 200px;
}
}
.no-gap {
gap: 0;
}
/**
* Spacers
*
* These are removed for mobile as they are
* rarely wanted at this breakpoint
**/
@media screen and (max-width: 550px) {
.wp-block-spacer {
height: 0 !important;
}
}
@media screen and (max-width: 550px) {
.wp-block-spacer.show-on-mob {
height: 20px !important;
}
}
@media screen and (max-width: 550px) {
.wp-block-cover {
min-height: unset;
padding: 0;
}
}
.case-study-hero .wp-block-cover__background {
background: #061937;
background: linear-gradient(90deg, rgb(6, 25, 55) 20%, rgba(255, 255, 255, 0) 50%) !important;
opacity: 1 !important;
}
.background-icon-inspection {
background-image: url("/wp-content/uploads/2025/11/graphic.png");
background-repeat: no-repeat;
background-position: top right;
background-size: 25%;
}
.header-banner.bg-taxonomy {
background-image: url("../img/banners/tax.jpg");
background-size: cover;
background-position: bottom center;
}
@media only screen and (min-width: 850px) {
.header-banner.large-img {
min-height: 900px;
}
}
.header-banner.locations-header .inner {
padding: 30px;
}
@media only screen and (min-width: 550px) {
.header-banner.locations-header .inner {
padding: 200px 30px 140px;
}
}
@media only screen and (min-width: 850px) {
.header-banner.locations-header .inner {
padding: 300px 30px 140px;
}
}
@media only screen and (min-width: 1380px) {
.header-banner.locations-header .inner {
padding: 300px 0 140px;
}
}
@media only screen and (min-width: 550px) {
.header-banner.align-bottom {
align-content: flex-end;
}
}
.header-banner .inner {
padding: 30px;
}
@media only screen and (min-width: 550px) {
.header-banner .inner {
padding: 200px 30px 30px;
}
}
@media only screen and (min-width: 850px) {
.header-banner .inner {
padding: 300px 30px 30px;
}
}
@media only screen and (min-width: 1380px) {
.header-banner .inner {
padding: 300px 0 30px;
}
}
@media only screen and (min-width: 550px) {
.header-banner .inner .limit-width {
max-width: 80%;
}
}
@media only screen and (min-width: 550px) {
.header-banner .inner .limit-width.additional-subtitle-limit .limited-width-subtitle {
max-width: 85%;
}
}
.banner .inner {
padding: 50px 30px;
}
@media only screen and (min-width: 550px) {
.banner .inner {
padding: 80px 30px 30px;
}
}
@media only screen and (min-width: 1380px) {
.banner .inner {
padding: 80px 0 30px;
}
}
.page-banner .inner {
padding: 50px 30px;
}
@media only screen and (min-width: 550px) {
.page-banner .inner {
padding: 100px 30px;
}
}
@media only screen and (min-width: 1380px) {
.page-banner .inner {
padding: 100px 0;
}
}
.wp-block-cover.height-correction {
overflow: visible;
}
@media only screen and (min-width: 850px) {
.wp-block-cover.height-correction {
min-height: 1625px;
}
}
@media only screen and (min-width: 550px) {
.wp-block-cover.height-correction img {
height: 101%;
}
}
.product-row {
padding: 30px;
}
@media only screen and (min-width: 550px) {
.product-row {
padding: 50px 30px;
}
}
@media only screen and (min-width: 1380px) {
.product-row {
padding: 50px 0;
}
}
@media only screen and (min-width: 1340px) {
.product-row .hero-limited-box {
max-width: 370px;
}
}
.product-row.titanmux-hero {
position: relative;
}
.product-row.titanmux-hero .overlapping-hero-video {
margin-top: 40px;
}
@media only screen and (min-width: 550px) {
.product-row.titanmux-hero .overlapping-hero-video {
position: absolute;
bottom: -350px;
margin-top: -150px;
}
}
.product-row.titanmux-hero .overlapping-hero-video iframe {
z-index: 45;
}
.product-row.titanmux-hero .flush-overlay {
position: absolute;
z-index: 40;
top: -1.5em;
left: -1em;
width: 100vw;
}
.product-row.titanmux-hero .flush-overlay img {
width: 100vw;
}
.product-row.home-row {
padding: 30px;
}
@media only screen and (min-width: 550px) {
.product-row.home-row {
padding: 150px 30px 50px;
}
}
@media only screen and (min-width: 1380px) {
.product-row.home-row {
padding: 150px 0 50px;
}
}
@media only screen and (min-width: 1340px) {
.product-row.alt-text-width .text-inner {
max-width: 90%;
}
}
@media screen and (min-width: 2000px) {
.product-row .wp-block-columns.maintain-ratio .wp-block-column {
flex-basis: 35% !important;
}
}
@media screen and (min-width: 2000px) {
.product-row .wp-block-columns.nonresponsive-ratio .wp-block-column:nth-child(1) {
flex-basis: 50% !important;
}
}
@media screen and (min-width: 2000px) {
.product-row .wp-block-columns.nonresponsive-ratio .wp-block-column:nth-child(2) {
flex-basis: 50% !important;
}
}
@media screen and (min-width: 2000px) {
.product-row .wp-block-columns .wp-block-column {
flex-basis: 50% !important;
}
}
.product-row.first-row {
padding: 30px;
}
@media only screen and (min-width: 550px) {
.product-row.first-row {
padding: 0 30px 30px;
margin-top: 0;
}
}
@media only screen and (min-width: 1380px) {
.product-row.first-row {
padding: 300px 0 30px;
}
}
.product-row.bg-graphic {
background-image: url("../img/banners/bg-graphic.png");
background-size: contain;
background-position: right bottom;
background-repeat: no-repeat;
}
@media only screen and (min-width: 850px) {
.product-row.bg-graphic {
background-size: auto;
}
}
.product-row.bg-graphic.dim-graphic {
background-image: url("../img/banners/new-bg.png");
background-position: center right;
}
@media only screen and (min-width: 550px) {
.product-row .text-inner {
align-content: center;
height: 100%;
}
}
@media only screen and (min-width: 1340px) {
.product-row .text-inner {
max-width: 65%;
}
}
@media screen and (min-width: 2000px) {
.product-row .text-inner {
max-width: 600px;
}
}
@media only screen and (min-width: 850px) {
.product-row .text-inner.wider {
max-width: 75%;
}
}
@media screen and (min-width: 2000px) {
.product-row .text-inner.wider {
max-width: 600px;
}
}
@media only screen and (min-width: 550px) {
.product-row .text-content.limit-width {
max-width: 90%;
}
}
.video-bg {
padding: 0;
}
.simple-block {
padding: 30px;
}
@media only screen and (min-width: 550px) {
.simple-block {
padding: 50px 30px;
}
}
@media only screen and (min-width: 1380px) {
.simple-block {
padding: 50px 0;
}
}
@media only screen and (min-width: 550px) {
.simple-block.increased-pad {
padding: 80px 30px;
}
}
@media only screen and (min-width: 1380px) {
.simple-block.increased-pad {
padding: 80px 0;
}
}
@media only screen and (min-width: 550px) {
.simple-block.increased-pad-plus {
padding: 90px 30px;
}
}
@media only screen and (min-width: 1380px) {
.simple-block.increased-pad-plus {
padding: 120px 0;
}
}
.grid.home-grid .inner {
padding: 0 30px 30px;
}
@media only screen and (min-width: 1380px) {
.grid.home-grid .inner {
padding: 0 0 30px;
}
}
.grid .inner {
padding: 30px;
}
@media only screen and (min-width: 1380px) {
.grid .inner {
padding: 30px 0;
}
}
@media only screen and (min-width: 550px) {
.grid .inner .grid-text.width-limit-1 {
max-width: 79%;
}
}
@media only screen and (min-width: 550px) {
.grid .inner .grid-text.width-limit-2 {
max-width: 80%;
}
}
.contact-block {
background-color: #F0F6F7;
color: #000;
padding: 30px;
scroll-margin-top: 175px;
}
@media only screen and (min-width: 550px) {
.contact-block {
padding: 50px 30px;
}
}
@media only screen and (min-width: 1380px) {
.contact-block {
padding: 50px 0;
}
}
.contact-block.dark-bg {
background-color: transparent;
color: #fff;
}
.contact-block.dark-bg label {
color: #fff;
}
.contact-block label {
color: #000;
}
.contact-block input,
.contact-block textarea {
background-color: #fff;
}
.addresses-block {
padding: 30px;
}
@media only screen and (min-width: 550px) {
.addresses-block {
padding: 100px 30px;
}
}
@media only screen and (min-width: 1380px) {
.addresses-block {
padding: 100px 0;
}
}
.addresses-block .address-block p {
margin-bottom: 5px;
}
@media only screen and (min-width: 550px) {
.lg-background-image-text.extra-lg {
min-height: 900px;
}
}
.lg-background-image-text.align-top {
align-items: flex-start;
}
.lg-background-image-text.align-top .inner {
padding: 30px;
}
@media only screen and (min-width: 550px) {
.lg-background-image-text.align-top .inner {
padding: 120px 30px;
}
}
@media only screen and (min-width: 1380px) {
.lg-background-image-text.align-top .inner {
padding: 120px 0;
}
}
.lg-background-image-text.video-opacity video {
opacity: 0.3;
}
.lg-background-image-text .inner {
padding: 30px;
}
@media only screen and (min-width: 550px) {
.lg-background-image-text .inner {
padding: 200px 30px 300px;
}
}
@media only screen and (min-width: 1380px) {
.lg-background-image-text .inner {
padding: 200px 0 300px;
}
}
.md-background-image-text.align-top {
align-items: flex-start;
}
.md-background-image-text.align-top .inner {
padding: 30px;
}
@media only screen and (min-width: 550px) {
.md-background-image-text.align-top .inner {
padding: 120px 30px;
}
}
@media only screen and (min-width: 1380px) {
.md-background-image-text.align-top .inner {
padding: 120px 0;
}
}
.md-background-image-text .inner {
padding: 30px;
}
@media only screen and (min-width: 550px) {
.md-background-image-text .inner {
padding: 150px 30px 200px;
}
}
@media only screen and (min-width: 1380px) {
.md-background-image-text .inner {
padding: 150px 0 200px;
}
}
@media only screen and (min-width: 550px) {
.text-fullscreen-img.reversed-cols .inner .half-container {
margin-left: unset;
margin-right: auto;
padding: 100px 30px 100px 100px;
}
}
@media only screen and (min-width: 1380px) {
.text-fullscreen-img.reversed-cols .inner .half-container {
padding: 100px 0 100px 100px;
}
}
.text-fullscreen-img .inner .half-container {
padding: 30px;
}
@media only screen and (min-width: 550px) {
.text-fullscreen-img .inner .half-container {
margin-left: auto;
padding: 100px 100px 100px 30px;
max-width: 655px;
}
}
@media only screen and (min-width: 1380px) {
.text-fullscreen-img .inner .half-container {
padding: 100px 100px 100px 0;
}
}
.text-fullscreen-img .inner .image-gallery img {
height: unset;
width: 100%;
}
.text-fullscreen-img .inner .fullscreen-img {
margin-bottom: 0;
}
@media only screen and (min-width: 550px) {
.text-fullscreen-img .inner .fullscreen-img {
width: 100%;
height: 100%;
}
}
@media only screen and (min-width: 550px) {
.text-fullscreen-img .inner .fullscreen-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
}
.testimonial .inner {
padding: 30px;
}
@media only screen and (min-width: 550px) {
.testimonial .inner {
padding: 100px 30px;
}
}
@media only screen and (min-width: 1380px) {
.testimonial .inner {
padding: 100px 0;
}
}
.text-video .inner {
padding: 30px;
}
@media only screen and (min-width: 550px) {
.text-video .inner {
padding: 100px 30px;
}
}
@media only screen and (min-width: 1380px) {
.text-video .inner {
padding: 100px 0;
}
}
@media only screen and (min-width: 550px) {
.text-video .inner .text-content {
max-width: 75%;
}
}
.split-background-columns .wp-block-columns {
gap: 0;
}
.split-background-columns .half-container {
padding: 30px;
}
@media only screen and (min-width: 550px) {
.split-background-columns .half-container {
max-width: 655px;
}
}
@media only screen and (min-width: 550px) {
.split-background-columns .half-container.left {
margin-left: auto;
padding: 100px 100px 100px 30px;
}
}
@media only screen and (min-width: 1380px) {
.split-background-columns .half-container.left {
padding: 100px 100px 100px 0;
}
}
@media only screen and (min-width: 550px) {
.split-background-columns .half-container.right {
margin-right: auto;
padding: 100px 30px 100px 100px;
}
}
@media only screen and (min-width: 1380px) {
.split-background-columns .half-container.right {
padding: 100px 0 100px 100px;
}
}
.details-block .inner {
padding: 30px;
}
@media only screen and (min-width: 550px) {
.details-block .inner {
padding: 100px 30px;
}
}
@media only screen and (min-width: 1380px) {
.details-block .inner {
padding: 100px 0;
}
}
.details-block .inner .summary-and-detail {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid rgba(126, 126, 126, 0.5);
}
.details-block .inner .summary-and-detail:first-child {
border-top: 1px solid rgba(126, 126, 126, 0.5);
padding-top: 30px;
}
.details-block .inner .summary-and-detail .summary {
position: relative;
padding-left: 50px;
padding-right: 50px;
}
@media only screen and (min-width: 550px) {
.details-block .inner .summary-and-detail .summary {
padding-right: unset;
padding-left: 150px;
}
}
.details-block .inner .summary-and-detail .summary:before {
position: absolute;
top: -20px;
left: -45px;
transform: scale(0.6);
}
@media only screen and (min-width: 550px) {
.details-block .inner .summary-and-detail .summary:before {
transform: unset;
top: -10px;
left: 0;
}
}
.details-block .inner .summary-and-detail .summary:after {
content: url("../img/icons/detail-plus.svg");
position: absolute;
top: 0;
right: 0;
}
@media only screen and (min-width: 550px) {
.details-block .inner .summary-and-detail .summary:after {
top: 38%;
}
}
.details-block .inner .summary-and-detail .summary.open:after {
content: url("../img/icons/detail-minus.svg");
}
.details-block .inner .summary-and-detail .summary.icon-energy:before {
content: url("../img/icons/icon-energy.svg");
}
.details-block .inner .summary-and-detail .summary.icon-health:before {
content: url("../img/icons/icon-health.svg");
}
.details-block .inner .summary-and-detail .summary.icon-communities:before {
content: url("../img/icons/icon-communities.svg");
}
.details-block .inner .summary-and-detail .summary.icon-sustainability:before {
content: url("../img/icons/icon-sustainability.svg");
}
.details-block .inner .summary-and-detail .summary.icon-innovation:before {
content: url("../img/icons/icon-innovation.svg");
}
.details-block .inner .summary-and-detail .summary.icon-labour:before {
content: url("../img/icons/icon-labour.svg");
}
.details-block .inner .summary-and-detail .summary.icon-business:before {
content: url("../img/icons/icon-business.svg");
}
.details-block .inner .summary-and-detail .detail {
display: none;
padding-left: 50px;
}
@media only screen and (min-width: 550px) {
.details-block .inner .summary-and-detail .detail {
padding-left: 150px;
}
}
.details-block .inner .summary-and-detail .detail.open {
display: block;
}
.team-grid .inner {
padding: 30px;
}
@media only screen and (min-width: 550px) {
.team-grid .inner {
padding: 100px 30px;
}
}
@media only screen and (min-width: 1380px) {
.team-grid .inner {
padding: 100px 0;
}
}
.team-grid .inner .item {
color: #061937;
}
.links-list {
background-color: #fff;
background-image: url("../img/graphics/test.png");
background-position: left bottom;
background-size: auto;
background-repeat: no-repeat;
}
.links-list.no-bg {
background-image: unset;
background-color: unset;
}
.links-list.small-pad .inner {
padding: 30px;
}
@media only screen and (min-width: 550px) {
.links-list.small-pad .inner {
padding: 20px 30px 80px;
}
}
@media only screen and (min-width: 1380px) {
.links-list.small-pad .inner {
padding: 20px 0 80px;
}
}
@media only screen and (min-width: 550px) {
.links-list.alt-layout .inner .wp-block-columns {
display: block;
}
}
@media only screen and (min-width: 850px) {
.links-list.alt-layout .inner .wp-block-columns {
display: flex;
}
}
.links-list .inner {
padding: 30px;
}
@media only screen and (min-width: 550px) {
.links-list .inner {
padding: 110px 30px 160px;
}
}
@media only screen and (min-width: 1380px) {
.links-list .inner {
padding: 110px 0 160px;
}
}
.links-list .inner .title {
margin-bottom: 10px;
}
.links-list .inner .icon-title {
position: relative;
text-transform: initial;
padding: 0 0 0 90px;
}
@media only screen and (min-width: 550px) {
.links-list .inner .icon-title {
padding: 0 20px 0 100px;
}
}
.links-list .inner .icon-title:before {
position: absolute;
top: 0;
background-color: unset;
}
@media only screen and (min-width: 550px) {
.links-list .inner .icon-title:before {
top: -10px;
left: 0;
transform: scale(0.5);
}
}
@media only screen and (min-width: 850px) {
.links-list .inner .icon-title:before {
transform: unset;
top: 0;
}
}
.links-list .inner .icon-title.academy-1:before {
content: url("../img/icons/academy-1.svg");
}
.links-list .inner .icon-title.academy-2:before {
content: url("../img/icons/academy-2.svg");
}
.links-list .inner .icon-title.academy-3:before {
content: url("../img/icons/academy-3.svg");
}
.links-list .inner .icon-title.academy-4:before {
content: url("../img/icons/academy-4.svg");
}
.links-list .inner .icon-title.innovation-1:before {
content: url("../img/icons/innovation-1.svg");
}
.links-list .inner .icon-title.innovation-2:before {
content: url("../img/icons/innovation-2.svg");
}
.links-list .inner .icon-title.innovation-3:before {
content: url("../img/icons/innovation-3.svg");
}
.video-banner {
margin: 0;
}
.video-banner iframe {
width: 100%;
margin-bottom: -2px;
}
@media only screen and (min-width: 550px) {
.video-banner iframe {
min-height: 810px;
min-width: 400px;
}
}
.video-cover.video-cover-alt video {
opacity: 1;
}
.video-cover .wp-block-cover__background {
opacity: 1 !important;
background-color: transparent !important;
background-image: url("/wp-content/uploads/2025/03/overlay.png");
background-position: bottom center;
background-size: cover;
}
.video-cover video {
opacity: 0.8;
}
.address-block a:hover {
color: #1AA6C0;
}
.product-downloads {
padding: 0 30px;
}
@media only screen and (min-width: 1380px) {
.product-downloads {
padding: 0;
}
}
.terms-block {
margin: 50px 0;
}
.search-strip {
background: linear-gradient(90deg, rgba(26, 166, 192, 0.5) 0%, #061937 100%);
padding: 30px;
margin: 30px 0;
}
@media only screen and (min-width: 550px) {
.search-strip {
padding: 45px 30px;
margin: 30px 0;
}
}
@media only screen and (min-width: 850px) {
.search-strip {
margin: 30px 0 20px;
}
}
@media only screen and (min-width: 1380px) {
.search-strip {
padding: 45px 0;
}
}
.search-strip .container {
position: relative;
}
@media only screen and (min-width: 550px) {
.search-strip .form-container {
display: flex;
justify-content: space-between;
}
}
@media only screen and (min-width: 550px) {
.search-strip .form-container form {
flex: 0 1 45%;
}
}
@media only screen and (min-width: 550px) {
.search-strip .form-container form .input-list {
display: flex;
gap: 27px;
}
}
.search-strip .form-container form .input-list input {
height: 33px;
}
.search-strip .form-container form .input-list input[type=text] {
color: #000;
border: none;
}
.search-strip .form-container form .input-list input[type=text]::placeholder {
color: #000;
}
.search-strip .form-container form .input-list input[type=submit] {
padding: 2px 10px;
background-color: #1AA6C0;
}
.search-strip .form-container form .input-list input[type=submit]:hover {
color: #061937;
}
.search-strip .extended-img {
width: 100%;
height: auto;
}
@media only screen and (min-width: 550px) {
.search-strip .extended-img {
width: unset;
height: unset;
position: absolute;
top: -25px;
right: 0;
max-width: 300px;
}
}
@media only screen and (min-width: 850px) {
.search-strip .extended-img {
max-width: 440px;
top: -72px;
}
}
.text-limited-width {
background-color: #fff;
}
.text-limited-width .inner {
padding: 30px;
}
@media only screen and (min-width: 550px) {
.text-limited-width .inner {
padding: 100px 30px;
}
}
@media only screen and (min-width: 1380px) {
.text-limited-width .inner {
padding: 100px 0;
}
}
@media only screen and (min-width: 550px) {
.text-grid {
padding: 60px 30px;
}
}
@media only screen and (min-width: 1380px) {
.text-grid {
padding: 60px 0;
}
}
.text-grid .list-style h1, .text-grid .list-style h2, .text-grid .list-style h3, .text-grid .list-style h4, .text-grid .list-style h5, .text-grid .list-style h6, .text-grid .list-style p, .text-grid .list-style a {
margin: 0;
font-weight: 500;
}
.text-grid .list-style.small-margin h1, .text-grid .list-style.small-margin h2, .text-grid .list-style.small-margin h3, .text-grid .list-style.small-margin h4, .text-grid .list-style.small-margin h5, .text-grid .list-style.small-margin h6, .text-grid .list-style.small-margin p, .text-grid .list-style.small-margin a {
margin-bottom: 10px;
}
.text-grid .list-style.mobile-margin-correction {
margin-top: 20px;
}
@media only screen and (min-width: 550px) {
.text-grid .list-style.mobile-margin-correction {
margin-top: 0;
}
}
@media only screen and (min-width: 550px) {
.text-grid .limit-width-paragraph {
max-width: 80%;
}
}
.tooling-accordian {
font-size: 1.15em;
margin-top: 30px;
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid rgba(126, 126, 126, 0.5);
}
@media only screen and (min-width: 550px) {
.tooling-accordian[open=""] summary:after {
content: url("../img/icons/minus-blue.svg");
}
}
.tooling-accordian summary {
font-weight: 500;
position: relative;
}
@media only screen and (min-width: 550px) {
.tooling-accordian summary:after {
content: url("../img/icons/plus-blue.svg");
position: absolute;
top: -10px;
right: 0;
}
}
.tooling-accordian p {
padding-top: 30px;
}
@media only screen and (min-width: 550px) {
.tooling-accordian p {
max-width: 50%;
}
}
.category-feed,
.product-feed,
.careers-feed {
background-color: #fff;
color: #061937;
}
.category-feed .inner,
.product-feed .inner,
.careers-feed .inner {
padding: 30px;
}
@media only screen and (min-width: 550px) {
.category-feed .inner,
.product-feed .inner,
.careers-feed .inner {
display: flex;
gap: 50px;
padding: 60px 30px;
}
}
@media only screen and (min-width: 1380px) {
.category-feed .inner,
.product-feed .inner,
.careers-feed .inner {
padding: 60px 0;
}
}
@media only screen and (min-width: 550px) {
.category-feed .categories,
.product-feed .categories,
.careers-feed .categories {
flex: 1 1 30%;
}
}
.category-feed .categories form .group,
.product-feed .categories form .group,
.careers-feed .categories form .group {
margin-bottom: 50px;
}
.category-feed .categories form .group .input-list .cat-item,
.product-feed .categories form .group .input-list .cat-item,
.careers-feed .categories form .group .input-list .cat-item {
margin-bottom: 12px;
padding-left: 12px;
list-style-type: none;
color: #061937;
transition: all 0.3s;
}
.category-feed .categories form .group .input-list .cat-item:before,
.product-feed .categories form .group .input-list .cat-item:before,
.careers-feed .categories form .group .input-list .cat-item:before {
content: "+";
position: relative;
left: -12px;
}
.category-feed .categories form .group .input-list .cat-item:hover > .children,
.product-feed .categories form .group .input-list .cat-item:hover > .children,
.careers-feed .categories form .group .input-list .cat-item:hover > .children {
display: block;
}
.category-feed .categories form .group .input-list .cat-item.current-cat, .category-feed .categories form .group .input-list .cat-item.current-cat-parent,
.product-feed .categories form .group .input-list .cat-item.current-cat,
.product-feed .categories form .group .input-list .cat-item.current-cat-parent,
.careers-feed .categories form .group .input-list .cat-item.current-cat,
.careers-feed .categories form .group .input-list .cat-item.current-cat-parent {
color: #1AA6C0;
}
.category-feed .categories form .group .input-list .cat-item.current-cat:before, .category-feed .categories form .group .input-list .cat-item.current-cat-parent:before,
.product-feed .categories form .group .input-list .cat-item.current-cat:before,
.product-feed .categories form .group .input-list .cat-item.current-cat-parent:before,
.careers-feed .categories form .group .input-list .cat-item.current-cat:before,
.careers-feed .categories form .group .input-list .cat-item.current-cat-parent:before {
content: "-";
}
.category-feed .categories form .group .input-list .cat-item.current-cat .children, .category-feed .categories form .group .input-list .cat-item.current-cat-parent .children,
.product-feed .categories form .group .input-list .cat-item.current-cat .children,
.product-feed .categories form .group .input-list .cat-item.current-cat-parent .children,
.careers-feed .categories form .group .input-list .cat-item.current-cat .children,
.careers-feed .categories form .group .input-list .cat-item.current-cat-parent .children {
display: block;
}
.category-feed .categories form .group .input-list .cat-item .children,
.product-feed .categories form .group .input-list .cat-item .children,
.careers-feed .categories form .group .input-list .cat-item .children {
display: none;
padding-top: 12px;
margin-top: 5px;
margin-bottom: 0;
}
.category-feed .categories form .group .input-list .cat-item .children .cat-item,
.product-feed .categories form .group .input-list .cat-item .children .cat-item,
.careers-feed .categories form .group .input-list .cat-item .children .cat-item {
border-bottom: 1px solid rgba(126, 126, 126, 0.2);
padding-bottom: 12px;
}
.category-feed .categories form .group .input-list .cat-item .children .cat-item:last-child,
.product-feed .categories form .group .input-list .cat-item .children .cat-item:last-child,
.careers-feed .categories form .group .input-list .cat-item .children .cat-item:last-child {
border-bottom: unset;
}
.category-feed .feed-results,
.product-feed .feed-results,
.careers-feed .feed-results {
width: 100%;
opacity: 1;
transition: opacity 0.3s;
}
@media only screen and (min-width: 550px) {
.category-feed .feed-results,
.product-feed .feed-results,
.careers-feed .feed-results {
min-height: 400px;
}
}
.category-feed .feed-results.transitioning,
.product-feed .feed-results.transitioning,
.careers-feed .feed-results.transitioning {
opacity: 0;
}
.category-feed .feed-results .feed,
.product-feed .feed-results .feed,
.careers-feed .feed-results .feed {
width: 100%;
overflow: hidden;
}
@media only screen and (min-width: 550px) {
.category-feed .feed-results .feed,
.product-feed .feed-results .feed,
.careers-feed .feed-results .feed {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 25px;
border-top: 1px solid rgba(126, 126, 126, 0.5);
}
}
.category-feed .feed-results .feed .product-cat,
.category-feed .feed-results .feed .product,
.product-feed .feed-results .feed .product-cat,
.product-feed .feed-results .feed .product,
.careers-feed .feed-results .feed .product-cat,
.careers-feed .feed-results .feed .product {
padding: 20px;
margin: 0;
position: relative;
}
@media only screen and (min-width: 550px) {
.category-feed .feed-results .feed .product-cat,
.category-feed .feed-results .feed .product,
.product-feed .feed-results .feed .product-cat,
.product-feed .feed-results .feed .product,
.careers-feed .feed-results .feed .product-cat,
.careers-feed .feed-results .feed .product {
margin: 0 20px 0 0;
}
}
.category-feed .feed-results .feed .product-cat:before,
.category-feed .feed-results .feed .product:before,
.product-feed .feed-results .feed .product-cat:before,
.product-feed .feed-results .feed .product:before,
.careers-feed .feed-results .feed .product-cat:before,
.careers-feed .feed-results .feed .product:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
border-bottom: 1px solid rgba(126, 126, 126, 0.5);
width: 100%;
}
.category-feed .feed-results .feed .product-cat:nth-child(1),
.category-feed .feed-results .feed .product:nth-child(1),
.product-feed .feed-results .feed .product-cat:nth-child(1),
.product-feed .feed-results .feed .product:nth-child(1),
.careers-feed .feed-results .feed .product-cat:nth-child(1),
.careers-feed .feed-results .feed .product:nth-child(1) {
margin: 20px 20px 0 0;
}
@media only screen and (min-width: 550px) {
.category-feed .feed-results .feed .product-cat:nth-child(1),
.category-feed .feed-results .feed .product:nth-child(1),
.product-feed .feed-results .feed .product-cat:nth-child(1),
.product-feed .feed-results .feed .product:nth-child(1),
.careers-feed .feed-results .feed .product-cat:nth-child(1),
.careers-feed .feed-results .feed .product:nth-child(1) {
margin: 0 20px 0 0;
}
}
@media only screen and (min-width: 850px) {
.category-feed .feed-results .feed .product-cat:nth-child(odd):before,
.category-feed .feed-results .feed .product:nth-child(odd):before,
.product-feed .feed-results .feed .product-cat:nth-child(odd):before,
.product-feed .feed-results .feed .product:nth-child(odd):before,
.careers-feed .feed-results .feed .product-cat:nth-child(odd):before,
.careers-feed .feed-results .feed .product:nth-child(odd):before {
width: 300%;
}
}
.category-feed .feed-results .feed .product-cat:nth-child(odd):after,
.category-feed .feed-results .feed .product:nth-child(odd):after,
.product-feed .feed-results .feed .product-cat:nth-child(odd):after,
.product-feed .feed-results .feed .product:nth-child(odd):after,
.careers-feed .feed-results .feed .product-cat:nth-child(odd):after,
.careers-feed .feed-results .feed .product:nth-child(odd):after {
content: "";
border-right: 1px solid rgba(126, 126, 126, 0.5);
position: absolute;
height: 90%;
right: -34px;
top: 10px;
}
.category-feed .feed-results .feed .product-cat .product-thumb,
.category-feed .feed-results .feed .product .product-thumb,
.product-feed .feed-results .feed .product-cat .product-thumb,
.product-feed .feed-results .feed .product .product-thumb,
.careers-feed .feed-results .feed .product-cat .product-thumb,
.careers-feed .feed-results .feed .product .product-thumb {
width: 100%;
height: 300px;
object-fit: contain;
}
.category-feed .feed-results .feed .product-cat .cat-thumb,
.product-feed .feed-results .feed .product-cat .cat-thumb,
.careers-feed .feed-results .feed .product-cat .cat-thumb {
width: 100%;
height: auto;
max-width: 280px;
}
/**
* Careers exceptions
**/
.careers-feed .inner {
padding: 0;
}
@media only screen and (min-width: 550px) {
.careers-feed .inner {
display: grid;
grid-template-columns: 1fr 3fr;
row-gap: 0;
padding: 60px 30px;
}
}
@media only screen and (min-width: 1380px) {
.careers-feed .inner {
padding: 60px 0;
}
}
.careers-feed .inner .feed {
border-top: none;
}
.careers-feed .inner .feed .vacancy {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid rgba(126, 126, 126, 0.5);
}
@media only screen and (min-width: 850px) {
.careers-feed .inner .feed .vacancy {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
}
.careers-feed .inner .feed .vacancy:last-child {
border-bottom: none;
}
.single-product {
background-color: #fff;
}
.single-product .outer {
padding: 30px;
}
@media only screen and (min-width: 550px) {
.single-product .outer {
padding: 60px 30px;
}
}
@media only screen and (min-width: 1380px) {
.single-product .outer {
padding: 60px 0;
}
}
.single-product .outer .single-breadcrumbs {
color: #000;
padding-bottom: 10px;
margin-bottom: 50px;
border-bottom: 1px solid rgba(126, 126, 126, 0.5);
}
@media only screen and (min-width: 550px) {
.single-product .outer .inner {
display: flex;
gap: 50px;
}
}
.single-product .outer .inner .img-content {
min-width: 50%;
}
.single-product .outer .inner .img-content .single-product-thumb {
width: 100%;
height: auto;
max-width: 600px;
}
.single-product .outer .inner .text-content {
color: #061937;
}
.single-product .outer .inner .single-block {
padding: 30px 0;
border-top: 1px solid rgba(126, 126, 126, 0.5);
}
.single-product .outer .inner .single-block:last-child {
border-top: unset;
}
@media only screen and (min-width: 550px) {
.single-product .outer .inner .title-group {
display: flex;
gap: 50px;
}
}
@media only screen and (min-width: 550px) {
.files {
display: flex;
gap: 20px;
flex-wrap: wrap;
}
}
.files.special-files {
gap: 50px;
}
@media only screen and (min-width: 550px) {
.files.special-files {
gap: 100px;
}
}
.files .file {
display: flex;
gap: 20px;
margin-bottom: 20px;
}
@media only screen and (min-width: 550px) {
.files .file {
margin-bottom: 0;
}
}
.files .file .text-content {
padding: 50px 10px;
}
.files .file img {
max-width: 130px;
height: auto;
}
.additional-info {
background-color: #F0F6F7;
}
.additional-info .inner {
padding: 30px;
}
@media only screen and (min-width: 550px) {
.additional-info .inner {
padding: 60px 30px;
display: flex;
gap: 50px;
}
}
@media only screen and (min-width: 1380px) {
.additional-info .inner {
padding: 60px 0;
}
}
.no-products {
grid-column: span 2;
padding: 50px 0;
}
/**
* Insights
**/
.news-block .inner,
.events-block .inner {
padding: 30px;
}
@media only screen and (min-width: 550px) {
.news-block .inner,
.events-block .inner {
padding: 100px 30px 60px;
}
}
@media only screen and (min-width: 1380px) {
.news-block .inner,
.events-block .inner {
padding: 100px 0 60px;
}
}
@media only screen and (min-width: 550px) {
.news-block .inner .feed,
.events-block .inner .feed {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 60px;
}
}
@media only screen and (min-width: 850px) {
.news-block .inner .feed,
.events-block .inner .feed {
column-gap: 120px;
}
}
.news-block .inner .feed .post,
.events-block .inner .feed .post {
position: relative;
padding-bottom: 30px;
margin-bottom: 30px;
}
.news-block .inner .feed .post.news-post:first-child,
.events-block .inner .feed .post.news-post:first-child {
border-bottom: 1px solid rgba(126, 126, 126, 0.5);
margin-bottom: 30px;
padding-bottom: 30px;
}
@media only screen and (min-width: 550px) {
.news-block .inner .feed .post.news-post:first-child,
.events-block .inner .feed .post.news-post:first-child {
display: flex;
gap: 60px;
grid-column: span 2;
margin-bottom: 60px;
padding-bottom: 60px;
}
}
@media only screen and (min-width: 850px) {
.news-block .inner .feed .post.news-post:first-child,
.events-block .inner .feed .post.news-post:first-child {
gap: 120px;
}
}
@media only screen and (min-width: 550px) {
.news-block .inner .feed .post.news-post:first-child .thumb,
.news-block .inner .feed .post.news-post:first-child .text-content,
.events-block .inner .feed .post.news-post:first-child .thumb,
.events-block .inner .feed .post.news-post:first-child .text-content {
flex: 1 1 50%;
}
}
@media only screen and (min-width: 550px) {
.news-block .inner .feed .post.news-post:first-child .thumb,
.events-block .inner .feed .post.news-post:first-child .thumb {
height: auto;
object-fit: unset;
}
}
@media only screen and (min-width: 550px) {
.news-block .inner .feed .post.news-post:nth-child(even):after,
.events-block .inner .feed .post.news-post:nth-child(even):after {
content: "";
position: absolute;
border-right: 1px solid rgba(126, 126, 126, 0.5);
top: 0;
right: -30px;
height: 100%;
}
}
@media only screen and (min-width: 850px) {
.news-block .inner .feed .post.news-post:nth-child(even):after,
.events-block .inner .feed .post.news-post:nth-child(even):after {
right: -60px;
}
}
@media only screen and (min-width: 550px) {
.news-block .inner .feed .post.events-post:nth-child(odd):after,
.events-block .inner .feed .post.events-post:nth-child(odd):after {
content: "";
position: absolute;
border-right: 1px solid rgba(126, 126, 126, 0.5);
top: 0;
right: -30px;
height: 100%;
}
}
@media only screen and (min-width: 1340px) {
.news-block .inner .feed .post.events-post:nth-child(odd):after,
.events-block .inner .feed .post.events-post:nth-child(odd):after {
right: -60px;
}
}
@media only screen and (min-width: 850px) {
.news-block .inner .feed .post.events-post .row,
.events-block .inner .feed .post.events-post .row {
display: flex;
gap: 25px;
}
}
.news-block .inner .feed .post.events-post .row .text-content,
.events-block .inner .feed .post.events-post .row .text-content {
margin-top: 25px;
padding-top: 0;
}
@media only screen and (min-width: 850px) {
.news-block .inner .feed .post.events-post .row .text-content,
.events-block .inner .feed .post.events-post .row .text-content {
border-right: 1px solid rgba(126, 126, 126, 0.5);
}
}
@media only screen and (min-width: 850px) {
.news-block .inner .feed .post.events-post .row .text-content.no-border,
.events-block .inner .feed .post.events-post .row .text-content.no-border {
border-right: none;
}
}
.news-block .inner .feed .post.events-post .row .staff-members,
.events-block .inner .feed .post.events-post .row .staff-members {
padding: 40px 0;
}
@media screen and (max-width: 550px) {
.news-block .inner .feed .post.events-post .row .staff-members,
.events-block .inner .feed .post.events-post .row .staff-members {
display: flex;
justify-content: flex-start;
gap: 30px;
}
}
@media only screen and (min-width: 550px) {
.news-block .inner .feed .post.events-post .row .staff-members,
.events-block .inner .feed .post.events-post .row .staff-members {
min-width: 165px;
}
}
.news-block .inner .feed .post.events-post .row .staff-members .staff-member,
.events-block .inner .feed .post.events-post .row .staff-members .staff-member {
margin-bottom: 15px;
}
@media only screen and (min-width: 550px) {
.news-block .inner .feed .post.events-post .row .staff-members .staff-member,
.events-block .inner .feed .post.events-post .row .staff-members .staff-member {
display: flex;
gap: 15px;
}
}
.news-block .inner .feed .post.events-post .row .staff-members .staff-member .profile,
.events-block .inner .feed .post.events-post .row .staff-members .staff-member .profile {
width: 50px;
height: 50px;
object-fit: cover;
}
.news-block .inner .feed .post.events-post .row .staff-members .staff-member .text,
.events-block .inner .feed .post.events-post .row .staff-members .staff-member .text {
color: #061937;
align-content: flex-end;
}
.news-block .inner .feed .post.events-post .row .staff-members .staff-member .text p,
.events-block .inner .feed .post.events-post .row .staff-members .staff-member .text p {
margin: 0;
}
.news-block .inner .feed .post.events-post .row .staff-members .staff-member .text p.staff-name,
.events-block .inner .feed .post.events-post .row .staff-members .staff-member .text p.staff-name {
font-size: 0.875em;
font-weight: 400;
line-height: 16px;
}
.news-block .inner .feed .post.events-post .row .staff-members .staff-member .text p.staff-title,
.events-block .inner .feed .post.events-post .row .staff-members .staff-member .text p.staff-title {
font-size: 0.75em;
}
.news-block .inner .feed .post .thumb,
.events-block .inner .feed .post .thumb {
width: 100%;
height: auto;
}
@media only screen and (min-width: 550px) {
.news-block .inner .feed .post .thumb,
.events-block .inner .feed .post .thumb {
height: 320px;
object-fit: cover;
}
}
.news-block .inner .feed .post .text-content,
.events-block .inner .feed .post .text-content {
color: #061937;
display: flex;
align-content: flex-start;
flex-wrap: wrap;
padding: 25px 0;
}
@media only screen and (min-width: 550px) {
.news-block .inner .feed .post .text-content .top .excerpt,
.events-block .inner .feed .post .text-content .top .excerpt {
min-height: 135px;
}
}
.news-block .inner .feed .post .text-content .bottom,
.events-block .inner .feed .post .text-content .bottom {
align-self: flex-end;
}
.news-block .inner .feed .btn-container,
.events-block .inner .feed .btn-container {
text-align: center;
}
@media only screen and (min-width: 550px) {
.news-block .inner .feed .btn-container,
.events-block .inner .feed .btn-container {
grid-column: span 2;
}
}
.news-block {
background-color: #fff;
}
.events-block {
background-color: #F0F6F7;
}
/**
* News archive
**/
/**
* Events archive
**/
.news-archive .title-header,
.events-archive .title-header {
background-color: #fff;
padding: 30px;
}
@media only screen and (min-width: 550px) {
.news-archive .title-header,
.events-archive .title-header {
padding: 100px 30px 20px;
}
}
@media only screen and (min-width: 1380px) {
.news-archive .title-header,
.events-archive .title-header {
padding: 100px 0 20px;
}
}
.news-archive .title-header .title,
.events-archive .title-header .title {
color: #1AA6C0;
}
.news-archive .title-header .breadcrumbs,
.events-archive .title-header .breadcrumbs {
color: #061937;
}
.news-archive .news-block .inner,
.news-archive .events-block .inner,
.events-archive .news-block .inner,
.events-archive .events-block .inner {
padding: 0 30px;
}
@media only screen and (min-width: 1380px) {
.news-archive .news-block .inner,
.news-archive .events-block .inner,
.events-archive .news-block .inner,
.events-archive .events-block .inner {
padding: 0;
}
}
.news-archive .events-block,
.events-archive .events-block {
background-color: #fff;
}
@media only screen and (min-width: 550px) {
.news-archive .events-block .feed,
.events-archive .events-block .feed {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
}
}
@media only screen and (min-width: 1380px) {
.news-archive .events-block .feed,
.events-archive .events-block .feed {
gap: 120px;
}
}
.news-archive .events-block .feed .post,
.events-archive .events-block .feed .post {
height: 100%;
}
.news-archive .events-block .feed .post:before,
.events-archive .events-block .feed .post:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
border-bottom: 1px solid rgba(126, 126, 126, 0.5);
width: 100%;
}
.news-archive .events-block .feed .post:nth-child(1),
.events-archive .events-block .feed .post:nth-child(1) {
margin: unset;
}
@media only screen and (min-width: 850px) {
.news-archive .events-block .feed .post:nth-child(odd):before,
.events-archive .events-block .feed .post:nth-child(odd):before {
width: 120%;
}
}
@media only screen and (min-width: 1340px) {
.news-archive .events-block .feed .post:nth-child(odd):last-child:before,
.events-archive .events-block .feed .post:nth-child(odd):last-child:before {
width: 110%;
}
}
.news-archive .events-block .feed .post:nth-child(odd):after,
.events-archive .events-block .feed .post:nth-child(odd):after {
border-right: 1px solid rgba(126, 126, 126, 0.5);
}
@media only screen and (min-width: 550px) {
.news-archive .events-block .feed .post:nth-child(odd):after,
.events-archive .events-block .feed .post:nth-child(odd):after {
height: 92% !important;
}
}
.news-archive .events-block .feed .post .thumb,
.events-archive .events-block .feed .post .thumb {
border: 1px solid rgba(126, 126, 126, 0.5);
}
.post-single {
background-color: #fff;
}
.post-single .title-header {
background-color: #fff;
padding: 30px;
}
@media only screen and (min-width: 550px) {
.post-single .title-header {
padding: 100px 30px 20px;
}
}
@media only screen and (min-width: 1380px) {
.post-single .title-header {
padding: 100px 0 20px;
}
}
.post-single .title-header .title {
color: #1AA6C0;
}
.post-single .title-header .breadcrumbs {
color: #061937;
}
.post-single .post-single-inner {
background-color: #fff;
color: #061937;
}
.post-single .post-single-inner article {
padding-right: 30px;
padding-bottom: 30px;
padding-left: 30px;
}
@media only screen and (min-width: 550px) {
.post-single .post-single-inner article {
padding-bottom: 80px;
}
}
@media only screen and (min-width: 1380px) {
.post-single .post-single-inner article {
padding-right: 0;
padding-left: 0;
}
}
.post-single .post-single-inner article .top {
margin-bottom: 30px;
}
@media only screen and (min-width: 550px) {
.post-single .post-single-inner article .top {
display: flex;
gap: 60px;
margin-bottom: 80px;
flex-wrap: wrap;
}
}
@media only screen and (min-width: 850px) {
.post-single .post-single-inner article .top {
gap: 120px;
}
}
@media only screen and (min-width: 1340px) {
.post-single .post-single-inner article .top {
flex-wrap: nowrap;
}
}
.post-single .post-single-inner article .top .thumb {
width: 100%;
height: auto;
max-width: 650px;
}
@media only screen and (min-width: 550px) {
.post-single .post-single-inner article .top .title-content {
align-self: flex-end;
}
}
.post-single .post-single-inner article .top .title-content .title {
margin-bottom: 5px;
}
.post-single .post-single-inner article .bottom {
margin-bottom: 30px;
}
@media only screen and (min-width: 550px) {
.post-single .post-single-inner article .bottom {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 60px;
margin-bottom: 80px;
}
}
@media only screen and (min-width: 850px) {
.post-single .post-single-inner article .bottom {
gap: 120px;
}
}
.post-single .post-single-inner article .bottom .text-content {
position: relative;
}
.post-single .post-single-inner article .bottom .text-content:after {
content: "";
position: absolute;
height: 100%;
top: 0;
}
@media only screen and (min-width: 550px) {
.post-single .post-single-inner article .bottom .text-content:after {
right: -30px;
border-right: 1px solid rgba(126, 126, 126, 0.5);
}
}
@media only screen and (min-width: 850px) {
.post-single .post-single-inner article .bottom .text-content:after {
right: -60px;
}
}
.related-posts .post {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid rgba(126, 126, 126, 0.5);
}
body {
background-color: #061937;
color: #fff;
}
/*# sourceMappingURL=frontend.css.map */