@import url(https://p.typekit.net/p.css?s=1&k=qrl7yhw&ht=tk&f=7853.7855.39297.39298.39304.39305&a=9138062&app=typekit&e=css);
html {
line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} article,
aside,
footer,
header,
nav,
section {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  figcaption,
figure {
display: block;
} figure {
margin: 1em 40px;
} hr {
-webkit-box-sizing: content-box;
box-sizing: content-box; height: 0; overflow: visible; } main {
display: block;
} pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent; -webkit-text-decoration-skip: objects; }  abbr[title] {
border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted;
text-decoration: underline dotted; } b,
strong {
font-weight: inherit;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } dfn {
font-style: italic;
} mark {
background-color: #ff0;
color: #000;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  audio,
video {
display: inline-block;
} audio:not([controls]) {
display: none;
height: 0;
} img {
border-style: none;
} svg:not(:root) {
overflow: hidden;
}  button,
input,
optgroup,
select,
textarea {
font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; } button {
overflow: visible;
} button,
select { text-transform: none;
} button,
html [type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button; }
button,
[type=button],
[type=reset],
[type=submit] {  }
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
} input {
overflow: visible;
} [type=checkbox],
[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
} [type=search] {
-webkit-appearance: textfield; outline-offset: -2px;  }
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; } fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
-webkit-box-sizing: border-box;
box-sizing: border-box; display: table; max-width: 100%; padding: 0; color: inherit; white-space: normal; } progress {
display: inline-block; vertical-align: baseline; } textarea {
overflow: auto;
}  details {
display: block;
} summary {
display: list-item;
} menu {
display: block;
}  canvas {
display: inline-block;
} template {
display: none;
}  [hidden] {
display: none;
} @font-face {
font-family: "garamond-premier-pro";
src: url(https://use.typekit.net/af/e2b8db/00000000000000003b9ade23/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"), url(https://use.typekit.net/af/e2b8db/00000000000000003b9ade23/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"), url(https://use.typekit.net/af/e2b8db/00000000000000003b9ade23/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype");
font-display: auto;
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "garamond-premier-pro";
src: url(https://use.typekit.net/af/ab5225/00000000000000003b9ade22/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("woff2"), url(https://use.typekit.net/af/ab5225/00000000000000003b9ade22/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("woff"), url(https://use.typekit.net/af/ab5225/00000000000000003b9ade22/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("opentype");
font-display: auto;
font-style: italic;
font-weight: 400;
}
@font-face {
font-family: "gill-sans-nova";
src: url(https://use.typekit.net/af/078c93/00000000000000003b9b1f81/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"), url(https://use.typekit.net/af/078c93/00000000000000003b9b1f81/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"), url(https://use.typekit.net/af/078c93/00000000000000003b9b1f81/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype");
font-display: auto;
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: "gill-sans-nova";
src: url(https://use.typekit.net/af/7c22c1/00000000000000003b9b1f82/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("woff2"), url(https://use.typekit.net/af/7c22c1/00000000000000003b9b1f82/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("woff"), url(https://use.typekit.net/af/7c22c1/00000000000000003b9b1f82/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("opentype");
font-display: auto;
font-style: italic;
font-weight: 400;
}
@font-face {
font-family: "gill-sans-nova";
src: url(https://use.typekit.net/af/800838/00000000000000003b9b1f88/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("woff2"), url(https://use.typekit.net/af/800838/00000000000000003b9b1f88/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("woff"), url(https://use.typekit.net/af/800838/00000000000000003b9b1f88/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("opentype");
font-display: auto;
font-style: normal;
font-weight: 500;
}   p,
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
padding: 0;
border: 0;
}
body,
input,
textarea,
button,
select {
font-weight: 400;
font-style: normal;
color: var(--c-text-base);
}
p,
li {
font-size: 1rem;
font-size: clamp(1rem, 3vw, 1.25rem );
}
body,
input,
textarea,
button,
select,
h6,
.h6,
.disguise {
font-family: "gill-sans-nova", sans-serif;
}
h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5 {
font-family: "garamond-premier-pro", serif;
}
p {
margin-bottom: 1.8125rem;
line-height: 1.45;
text-align: inherit;
color: inherit;
}
p:last-child {
margin-bottom: 0;
}
p:empty {
display: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-weight: 400;
text-align: left;
line-height: 1.4;
color: inherit;
}
h1, .h1 {
font-size: 2.625rem;
font-size: clamp(2.625rem, calc(5vw + 10px), 3.125rem );
line-height: 1.3333;
}
@supports not (font-size: clamp(1px, 1vw, 2px)) {
@media screen and (min-width: 64em) {
h1, .h1 {
font-size: 3.125rem;
line-height: 1.28;
}
}
}
h2, .h2 {
font-size: 2.25rem;
font-size: clamp(2.25rem, calc(4vw + 10px), 2.5rem );
line-height: 1.111;
}
@supports not (font-size: clamp(1px, 1vw, 2px)) {
@media screen and (min-width: 64em) {
h2, .h2 {
font-size: 2.5rem;
line-height: 1.2;
}
}
}
h3, .h3 {
font-size: 2rem;
font-size: clamp(2rem, calc(3vw + 10px), 2.188rem );
line-height: 1.25;
}
@supports not (font-size: clamp(1px, 1vw, 2px)) {
@media screen and (min-width: 64em) {
h3, .h3 {
font-size: 2.188rem;
line-height: 1.143;
}
}
}
h4, .h4 {
font-size: 1.625rem;
font-size: clamp(1.625rem, calc(2vw + 5px), 1.875rem );
line-height: 1.231;
}
@supports not (font-size: clamp(1px, 1vw, 2px)) {
@media screen and (min-width: 64em) {
h4, .h4 {
font-size: 1.875rem;
line-height: 1.333;
}
}
}
h5, .h5 {
font-size: 1.438rem;
font-size: clamp(1.438rem, calc(2vw + 5px), 1.563rem );
line-height: 1.391;
}
@supports not (font-size: clamp(1px, 1vw, 2px)) {
@media screen and (min-width: 64em) {
h5, .h5 {
font-size: 1.563rem;
line-height: 1.28;
}
}
}
h6, .h6 {
font-size: 1.25rem;
font-size: clamp(1.25rem, calc(2vw + 5px), 1.375rem );
line-height: 1.2;
}
@supports not (font-size: clamp(1px, 1vw, 2px)) {
@media screen and (min-width: 64em) {
h6, .h6 {
font-size: 1.375rem;
line-height: 1.455;
}
}
}
a {
color: inherit;
text-decoration: none;
}
a + p {
margin-top: 1.8125rem;
}
p a {
text-decoration: underline;
color: #383838;
font-weight: 400;
-webkit-transition: 50ms;
transition: 50ms;
}
p a:hover {
color: #3371DE;
}
.small {
font-size: 16px;
}
@media screen and (min-width: 64em) {
.small {
font-size: 16px;
}
}
.tiny {
font-size: 16px;
}
.bold {
font-weight: 600;
}
.breadcrumb, .smallest {
font-size: 14px;
} .content-button-wrapper {
margin: 0 -5px calc(1.8125rem - 10px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.content-button-wrapper:last-child {
margin-bottom: -10px;
}
.content-button-wrapper a[class^=button] {
margin: 0 5px 10px;
}
.content-button-wrapper[data-style*=center] {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.button, .button-plain, .button-arrow, .button-arrow-outline,
.button-fill {
--padding: 10px 24px;
--padding-ratio: 2;
--focus-inner: var(--c-white);
--focus-outer: var(--c-black);
padding: var(--padding) calc(var(--padding) * var(--padding-ratio));
cursor: pointer;
border-radius: 5px;
border: 1px solid var(--c-primary);
border-radius: var(--border-radius);
outline: none;
background-color: var(--c-primary);
color: var(--c-white);
padding: 9px 24px 11px 24px;
font-weight: 500;
font-size: 16px;
line-height: var(--t-base-line-height);
-webkit-transition: background-color 150ms ease;
transition: background-color 150ms ease;
height: 43px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.button:focus-visible, .button-plain:focus-visible, .button-arrow:focus-visible, .button-arrow-outline:focus-visible,
.button-fill:focus-visible {
outline: none;
-webkit-transition: -webkit-box-shadow 100ms ease-out;
transition: -webkit-box-shadow 100ms ease-out;
transition: box-shadow 100ms ease-out;
transition: box-shadow 100ms ease-out, -webkit-box-shadow 100ms ease-out;
-webkit-box-shadow: 0 0 0 2px var(--focus-inner), 0 0 0 4px var(--focus-outer);
box-shadow: 0 0 0 2px var(--focus-inner), 0 0 0 4px var(--focus-outer);
}
.button:hover, .button-plain:hover, .button-arrow:hover, .button-arrow-outline:hover, .button:active, .button-plain:active, .button-arrow:active, .button-arrow-outline:active,
.button-fill:hover,
.button-fill:active {
background-color: #3371DE;
border-color: #3371DE;
}
.button:focus, .button-plain:focus, .button-arrow:focus, .button-arrow-outline:focus,
.button-fill:focus {
background-color: #EEEEEE;
border: 3px solid var(--c-primary);
color: var(--c-primary);
padding: 6px 22px;
}
.button:disabled, .button-plain:disabled, .button-arrow:disabled, .button-arrow-outline:disabled,
.button-fill:disabled {
opacity: 0.5;
}
.button--outline,
.button--secondary {
padding: calc(var(--padding) - 1px) calc(var(--padding) * var(--padding-ratio) - 1px);
border-radius: 5px;
border: 1px solid var(--c-primary);
background-color: var(--c-white);
color: var(--c-primary);
padding: 9px 24px 11px 24px;
font-weight: 500;
font-size: 16px;
cursor: pointer;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.button--outline:hover, .button--outline:active,
.button--secondary:hover,
.button--secondary:active {
background-color: #3371DE;
border-color: #3371DE;
color: var(--c-white);
}
.button--outline:focus,
.button--secondary:focus {
border: 3px solid var(--c-primary);
padding: 7px 22px 9px 22px;
}
.button--outline:disabled,
.button--secondary:disabled {
opacity: 0.5;
}
.button--outline-category {
padding: calc(var(--padding) - 1px) calc(var(--padding) * var(--padding-ratio) - 1px);
border-radius: 5px;
border: 1px solid var(--c-primary);
background-color: #FFFFFF;
color: var(--c-black);
padding: 9px 16px;
font-weight: 400;
font-size: 14px;
}
.button--outline-category:hover, .button--outline-category:active {
background-color: var(--c-primary);
border-color: var(--c-primary);
color: var(--c-white);
}
.button--outline-category:focus {
background-color: #EEEEEE;
border: 3px solid var(--c-primary);
padding: 6px 22px;
}
.button--outline-category:disabled {
opacity: 0.5;
}
.button--category {
padding: calc(var(--padding) - 1px) calc(var(--padding) * var(--padding-ratio) - 1px);
border-radius: 5px;
border: 1px solid var(--c-primary);
background-color: #FFFFFF;
color: var(--c-black);
padding: 8px 24px;
font-weight: 500;
font-size: 14px;
}
.button--category:hover, .button--category:active {
background-color: rgba(var(--c-primary), 0.1);
}
.button--category:focus {
background-color: #EEEEEE;
border: 3px solid var(--c-primary);
padding: 6px 22px;
}
.button--text, .button--text-right {
background-color: transparent;
font-size: 20px;
}
.button--text:hover, .button--text-right:hover, .button--text:active, .button--text-right:active {
color: var(--c-hover-blue);
}
.button--text:focus, .button--text-right:focus {
text-decoration: underline;
}
.button-plain, .button-arrow, .button-arrow-outline {
position: relative;
text-transform: uppercase;
letter-spacing: 0.135em;
padding: 8px 24px;
font-weight: 500;
font-size: 16px;
background-color: transparent;
color: black;
overflow: hidden;
-webkit-transition: all 250ms ease 0s;
transition: all 250ms ease 0s;
z-index: 1;
text-align: center;
text-decoration: none;
border-radius: 5px;
}
.button-plain::before, .button-arrow::before, .button-arrow-outline::before {
content: "";
display: block;
position: absolute;
width: 200%;
height: 100%;
top: 0;
left: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
z-index: -1;
background: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--c-primary)), color-stop(50%, var(--c-l-grey)));
background: linear-gradient(90deg, var(--c-primary) 50%, var(--c-l-grey) 50%);
-webkit-transition: all 250ms ease 0s;
transition: all 250ms ease 0s;
}
.button-plain:hover, .button-arrow:hover, .button-arrow-outline:hover, .button-plain:active, .button-arrow:active, .button-arrow-outline:active {
color: white;
background-color: transparent;
}
.button-plain:hover::after, .button-arrow:hover::after, .button-arrow-outline:hover::after, .button-plain:active::after, .button-arrow:active::after, .button-arrow-outline:active::after {
-webkit-transform: translateX(200px);
transform: translateX(200px);
padding-left: 0;
width: 0px;
}
.button-plain:hover::before, .button-arrow:hover::before, .button-arrow-outline:hover::before, .button-plain:active::before, .button-arrow:active::before, .button-arrow-outline:active::before {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
.button-arrow, .button-arrow-outline {
border-radius: 5px;
}
@media screen and (min-width: 28.125em) {
.button-arrow::after, .button-arrow-outline::after {
content: url("data:image/svg+xml,%3Csvg width='43' height='12' viewBox='0 0 43 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M42.6742 6.53033C42.9671 6.23744 42.9671 5.76257 42.6742 5.46967L37.9012 0.696702C37.6083 0.403809 37.1334 0.403809 36.8405 0.696702C36.5476 0.989596 36.5476 1.46447 36.8405 1.75736L41.0832 6L36.8405 10.2426C36.5476 10.5355 36.5476 11.0104 36.8405 11.3033C37.1334 11.5962 37.6083 11.5962 37.9012 11.3033L42.6742 6.53033ZM0.857422 6.75L42.1438 6.75L42.1438 5.25L0.857422 5.25L0.857422 6.75Z' fill='%231C2122'/%3E%3C/svg%3E%0A");
padding-left: 30px;
display: inline-block;
-webkit-transition: all 300ms ease 0s;
transition: all 300ms ease 0s;
width: 42px;
}
}
.button-arrow:hover, .button-arrow-outline:hover, .button-arrow:active, .button-arrow-outline:active {
padding: 10px 56px;
}
.button-arrow.no-hov-pad:hover, .no-hov-pad.button-arrow-outline:hover, .button-arrow.no-hov-pad:active, .no-hov-pad.button-arrow-outline:active {
padding: unset !important;
}
.button-login {
background-color: var(--c-white);
border: 1px solid var(--c-primary);
border-radius: 5px;
color: var(--c-primary);
line-height: 17px;
max-width: 110px;
padding: 1px 0 7px 0;
text-align: center;
width: 100%;
}
.button-login:hover {
background-color: var(--c-hover-blue);
border-color: var(--c-hover-blue);
color: #fff;
}
.button-login:hover svg {
-webkit-filter: brightness(100);
filter: brightness(100);
}
.button-login svg {
margin-right: 4px;
position: relative;
top: 5px;
}
.button-simple {
padding: 16px 25px;
font-size: 17px;
font-weight: bold;
color: var(--c-black);
background-color: var(--c-white);
text-transform: uppercase;
-webkit-transition: ease-in 0.5s;
transition: ease-in 0.5s;
display: block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
border: 0px;
border-radius: 5px;
cursor: pointer;
}
.button-simple:hover {
background-color: rgba(255, 255, 255, 0.5);
}
section.bg-black .content .button:focus-visible, section.bg-black .content .button-plain:focus-visible, section.bg-black .content .button-arrow:focus-visible, section.bg-black .content .button-arrow-outline:focus-visible {
--focus-inner: var(--c-black);
--focus-outer: var(--c-white);
}
@media screen and (min-width: 48em) {
.button-login {
max-width: 170px;
padding: 8px 12px 12px 12px;
}
} ul,
ol {
margin: 0;
padding-left: 4px;
line-height: var(--t-base-line-height);
}
ul li,
ol li {
margin-bottom: 0.453125rem;
}
ul li:last-child,
ol li:last-child {
margin-bottom: 0;
}
ul {
list-style: disc;
padding-left: 24px;
}
ol {
list-style: decimal inside;
}
ul ul,
ul ol,
ol ol,
ol ul {
margin-bottom: 0;
padding-left: 30px;
} label {
display: block;
font-size: 0.875rem;
font-weight: 700;
line-height: var(--t-base-line-height);
color: var(--c-d-grey);
-webkit-transition: 200ms;
transition: 200ms;
}
.form-input,
.form-textarea,
.form-select {
width: 100%;
padding: 4px 16px;
display: block;
line-height: var(--t-base-line-height);
background-color: var(--c-white);
border: 1px solid var(--c-black);
border-radius: var(--border-radius);
-webkit-appearance: none;
-webkit-transition: 200ms;
transition: 200ms;
outline: none;
outline-width: 0;
}
.form-select {
background: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' height='24' viewBox='0 0 24 24' width='24'%3E%3Cg%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M7.71,9.29l3.88,3.88l3.88-3.88c0.39-0.39,1.02-0.39,1.41,0l0,0c0.39,0.39,0.39,1.02,0,1.41l-4.59,4.59 c-0.39,0.39-1.02,0.39-1.41,0L6.29,10.7c-0.39-0.39-0.39-1.02,0-1.41l0,0C6.68,8.91,7.32,8.9,7.71,9.29z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"), var(--c-white);
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 24px auto;
}
.form-select option:first-of-type {
display: none;
}
.field-type--input label,
.field-type--textarea label {
font-weight: 700;
}
.hera-form .field {
position: relative;
}
.hera-form .field.field-type--input.field-event--success input,
.hera-form .field.field-type--input.field-event--success textarea,
.hera-form .field.field-type--input.field-event--success select,
.hera-form .field.field-type--textarea.field-event--success input,
.hera-form .field.field-type--textarea.field-event--success textarea,
.hera-form .field.field-type--textarea.field-event--success select,
.hera-form .field.field-type--select.field-event--success input,
.hera-form .field.field-type--select.field-event--success textarea,
.hera-form .field.field-type--select.field-event--success select {
border-color: var(--c-green);
}
.hera-form .field.field-type--input.field-event--error input,
.hera-form .field.field-type--input.field-event--error textarea,
.hera-form .field.field-type--input.field-event--error select,
.hera-form .field.field-type--textarea.field-event--error input,
.hera-form .field.field-type--textarea.field-event--error textarea,
.hera-form .field.field-type--textarea.field-event--error select,
.hera-form .field.field-type--select.field-event--error input,
.hera-form .field.field-type--select.field-event--error textarea,
.hera-form .field.field-type--select.field-event--error select {
border-color: var(--c-red);
}
.hera-form .field.field-type--input.field-event--focus input,
.hera-form .field.field-type--input.field-event--focus textarea,
.hera-form .field.field-type--input.field-event--focus select,
.hera-form .field.field-type--textarea.field-event--focus input,
.hera-form .field.field-type--textarea.field-event--focus textarea,
.hera-form .field.field-type--textarea.field-event--focus select,
.hera-form .field.field-type--select.field-event--focus input,
.hera-form .field.field-type--select.field-event--focus textarea,
.hera-form .field.field-type--select.field-event--focus select {
border-color: var(--c-blue);
}
.hera-form button[type=submit][disabled] {
pointer-events: none;
opacity: 0.5;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.form-textarea {
line-height: var(--t-base-line-height);
resize: none;
}
.field-type--checkbox input {
width: 1px;
height: 1px;
position: absolute;
opacity: 0;
}
.field-type--checkbox input:checked + label span.custom-checkbox::after {
-webkit-transform: scale(1);
transform: scale(1);
}
.field-type--checkbox input:focus-visible + label {
border-radius: var(--border-radius);
-webkit-box-shadow: 0 0 0 2px var(--c-white), 0 0 0 4px var(--c-black);
box-shadow: 0 0 0 2px var(--c-white), 0 0 0 4px var(--c-black);
}
.field-type--checkbox span.custom-checkbox {
width: 14px;
height: 14px;
display: block;
position: absolute;
top: calc(50% - 1px);
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 10;
border-radius: var(--border-radius);
border: 1px solid var(--c-primary);
}
.field-type--checkbox span.custom-checkbox::after {
content: "";
display: block;
position: absolute;
width: 10px;
height: 10px;
top: 1px;
left: 1px;
border-radius: calc(var(--border-radius) - 1px);
background-color: var(--c-primary);
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: 200ms cubic-bezier(0.2, 0.7, 0.5, 1.3);
transition: 200ms cubic-bezier(0.2, 0.7, 0.5, 1.3);
}
.field-type--checkbox label {
padding-bottom: 0;
padding-left: 25px;
position: relative;
display: inline-block;
z-index: 20;
cursor: pointer;
vertical-align: middle;
}
@media screen and (min-width: 48em) {
.field-type--checkbox {
margin-bottom: 0;
}
}
input[type=radio],
input[type=checkbox] {
height: 20px;
width: 20px;
vertical-align: middle;
margin: 0 0.4em 0.4em 0;
border: 1px solid #C7D9E5;
-webkit-appearance: none;
-webkit-transition: box-shadow 200ms;
} input[type=radio] {
border-radius: 100%;
} input[type=checkbox] {
border-radius: 2px;
}  input[type=radio]:active:not(:disabled),
input[type=checkbox]:active:not(:disabled) {
background-color: var(--c-blue);
} input[type=radio]:focus,
input[type=checkbox]:focus {
outline: none;
} input[type=radio]:checked,
input[type=checkbox]:checked {
border-color: var(--c-blue);
background-color: var(--c-blue) !important;
} input[type=radio]:checked:before {
display: block;
height: 0.4em;
width: 0.4em;
position: relative;
left: 0.4em;
top: 0.4em;
background: #fff;
border-radius: 100%;
content: "";
} input[type=checkbox]:checked:before {
content: "";
display: block;
width: 4px;
height: 8px;
border: solid #fff;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
margin-left: 6px;
margin-top: 2px;
} input:disabled {
opacity: 0.6;
-webkit-box-shadow: none;
box-shadow: none;
background: rgba(0, 0, 0, 0.1);
box-shadow: none;
} input:disabled + label {
opacity: 0.6;
cursor: default;
-webkit-user-select: none;
}
.wpcf7-list-item {
margin-left: 0px;
}
.check-wrap {
margin: 40px 0px;
}
@media screen and (min-width: 64em) {
.check-wrap {
margin: 55px 0px;
}
}
.field-type--radio .sub-field--radio {
position: relative;
}
.field-type--radio .sub-field--radio input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
opacity: 0;
}
.field-type--radio .sub-field--radio input:checked + label span.custom-radio::after {
-webkit-transform: scale(1);
transform: scale(1);
}
.field-type--radio .sub-field--radio span.custom-radio {
width: 14px;
height: 14px;
display: block;
position: absolute;
top: calc(50% - 1px);
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 10;
border-radius: var(--border-radius);
border: 1px solid var(--c-primary);
}
.field-type--radio .sub-field--radio span.custom-radio::after {
content: "";
display: block;
position: absolute;
width: 10px;
height: 10px;
top: 1px;
left: 1px;
border-radius: calc(var(--border-radius) - 1px);
background-color: var(--c-primary);
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: 200ms cubic-bezier(0.2, 0.7, 0.5, 1.3);
transition: 200ms cubic-bezier(0.2, 0.7, 0.5, 1.3);
}
.field-type--radio .sub-field--radio label {
padding-bottom: 0;
padding-left: 25px;
position: relative;
display: inline-block;
z-index: 20;
cursor: pointer;
vertical-align: middle;
}
@media screen and (min-width: 48em) {
.field-type--radio {
margin-bottom: 0;
}
}  table {
width: 100%;
border-collapse: collapse;
line-height: var(--t-base-line-height);
}
table thead,
table tfoot {
background-color: var(--c-l-grey);
}
table th,
table td {
padding: 4px 8px 2px;
border: 1px solid var(--c-black);
} * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
img,
video {
max-width: 100%;
height: auto;
display: block;
}
:root {
--container-width: 1136px;
--site-padding: 24px;
--site-margin: var(--site-padding);
--site-gutter: 15px;
--border-radius: 4px;
--c-primary: #1C3B72;
--c-secondary: #77B87F;
--c-tertiary: #EEEEEE;
--c-quaternary: #F8F7F4;
--c-white: #FFFFFF;
--c-l-grey: #D9D9D9;
--c-m-grey: #BEBEBE;
--c-black: #383838;
--c-d-grey: #525252;
--c-green: #77B87F;
--c-blue: #1C3B72;
--c-red: #AD4D4D;
--c-mul-grey: #62656A;
--c-mul-gold: #7F8A67;
--c-mul-brown: #944F21;
--c-mul-tan: #BAB698;
--c-sale-red: #AD4D4D;
--c-hover-blue: #3371DE;
--c-text-base: var(--c-d-grey);
--c-link: #1C3B72;
--c-link-hover: #3371DE;
--t-font-family: gill-sans-nova, sans-serif;
--t-h-font-family: garamond-premier-pro, serif;
--t-base-font-size: 1;
--t-max-font-size: 1.25;
--t-baseline: 1.8125;
--t-base-line-height: 1.45;
}
*::-moz-selection {
color: var(--c-white);
background-color: var(--c-primary);
text-shadow: none;
}
*::selection {
color: var(--c-white);
background-color: var(--c-primary);
text-shadow: none;
}
html {
scroll-behavior: smooth;
margin-top: 0px !important;
}
body {
--header-height: 88px;
--section-scroll-margin-top: 0;
width: 100%;
max-width: 100%;
position: relative;
overflow-x: hidden;
background-color: var(--c-white);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body.no-scroll {
overflow-y: hidden;
}
body.header-state-active {
--section-scroll-margin-top: var(--header-height);
}
@media screen and (min-width: 71.875em) {
body {
--header-height: 172px;
}
}
main.site-main {
padding-top: var(--header-height);
}
section div.section-heading {
padding: var(--site-padding) 0;
position: relative;
width: 100%;
}
section div.section-heading h1,
section div.section-heading h2,
section div.section-heading h3,
section div.section-heading h4,
section div.section-heading h5,
section div.section-heading h6 {
text-align: center;
}
.site-padding {
padding-left: var(--site-padding);
padding-right: var(--site-padding);
}
.container {
width: 100%;
max-width: var(--container-width);
margin: 0 auto;
position: relative;
}
.content-body {
overflow: hidden;
}
@media screen and (min-width: 28.125em) {
.grid-small {
display: grid;
grid-gap: var(--site-gutter);
grid-template-columns: repeat(12, 1fr);
}
}
@media screen and (min-width: 48em) {
.grid-medium {
display: grid;
grid-gap: var(--site-gutter);
grid-template-columns: repeat(12, 1fr);
}
}
@media screen and (min-width: 64em) {
.grid-large {
display: grid;
grid-gap: var(--site-gutter);
grid-template-columns: repeat(12, 1fr);
}
}
.contain-line-width {
max-width: 47.5rem;
}
.content,
.block-heading,
.block-after {
max-width: 47.5rem;
margin: auto;
}
.content > *:first-child,
.block-heading > *:first-child,
.block-after > *:first-child {
margin-top: 0;
}
.content > *:last-child:not(.content-button-wrapper),
.block-heading > *:last-child:not(.content-button-wrapper),
.block-after > *:last-child:not(.content-button-wrapper) {
margin-bottom: 0;
}
.content h1, .content .h1,
.block-heading h1,
.block-heading .h1,
.block-after h1,
.block-after .h1 {
margin-bottom: 1.8125rem;
}
.content h2, .content .h2,
.block-heading h2,
.block-heading .h2,
.block-after h2,
.block-after .h2 {
margin-top: 3.625rem;
margin-bottom: 0.90625rem;
}
.content h3, .content .h3,
.block-heading h3,
.block-heading .h3,
.block-after h3,
.block-after .h3 {
margin-bottom: 0.453125rem;
}
.content ul,
.content ol,
.block-heading ul,
.block-heading ol,
.block-after ul,
.block-after ol {
margin-bottom: 1.8125rem;
}
.content img.alignnone,
.block-heading img.alignnone,
.block-after img.alignnone {
margin: 0 auto 1.8125rem;
}
.block-heading *,
.block-after * {
margin-left: auto;
margin-right: auto;
}
.block-heading {
margin-bottom: 1.8125rem;
}
.block-after {
margin-top: 1.8125rem;
}
section {
--s-vertical-padding: 100px;
--s-vertical-padding-negative: calc(var(--s-vertical-padding) * -1);
}
section.site-section {
padding-left: var(--site-padding);
padding-right: var(--site-padding);
scroll-margin-top: var(--section-scroll-margin-top);
}
section.has-bg {
padding-top: var(--s-vertical-padding);
padding-bottom: var(--s-vertical-padding);
}
section.has-bg + .has-bg {
margin-top: var(--s-vertical-padding-negative);
}
section.bg-black {
background-color: var(--c-black);
color: var(--c-white);
}
section.bg-black + .bg-black {
padding-top: 0;
}
section.bg-grey {
background-color: var(--c-l-grey);
}
section.bg-grey + .bg-grey {
padding-top: 0;
}
section.bg-primary {
background-color: var(--c-primary);
}
section.bg-primary + .bg-primary {
padding-top: 0;
}
section.bg-secondary {
background-color: var(--c-secondary);
}
section.bg-secondary + .bg-secondary {
padding-top: 0;
}
hr {
margin: 3.625rem 0;
border-color: var(--c-primary);
}
div#overlay {
width: 100vw;
height: 100vh;
height: -webkit-fill-available;
position: fixed;
top: 0;
left: 0;
display: none;
z-index: 190;
background-color: rgba(56, 56, 56, 0.4);
-webkit-backdrop-filter: blur(2px) saturate(110%);
backdrop-filter: blur(2px) saturate(110%);
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
body.overlay-active div#overlay {
display: block;
-webkit-animation-name: overlay;
animation-name: overlay;
}
@-webkit-keyframes overlay {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes overlay {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.hide-mobile {
display: none;
}
@media screen and (min-width: 64em) {
.hide-mobile {
display: block;
}
}
.hide-desktop {
display: block;
}
@media screen and (min-width: 64em) {
.hide-desktop {
display: none;
}
}
.align-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.mar0 {
margin: 0px;
}
.q-bg {
background-color: #F8F7F4;
}
.lg-bg {
background-color: #D9D9D9;
} header.site-header {
width: 100%;
height: 135px;
padding-top: 0px;
position: absolute;
top: 0;
left: 0;
z-index: 100;
border-bottom: 1px solid var(--c-m-grey);
background-color: var(--c-quaternary);
}
@media screen and (min-width: 64em) {
header.site-header {
height: 140px;
padding: 0;
}
}
header.site-header > .container {
padding: 0 var(--site-padding) !important;
}
header.site-header div.container {
min-height: 100%;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
header.site-header .site-logo {
height: 28px;
display: block;
position: relative;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: left;
-ms-flex-pack: left;
justify-content: left;
margin-right: 0px;
max-width: 130px;
z-index: 50;
}
header.site-header .site-logo svg, header.site-header .site-logo img {
min-height: 100%;
height: 28px;
-o-object-fit: contain;
object-fit: contain;
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
@media screen and (min-width: 71.875em) {
header.site-header .site-logo {
height: 40px;
margin-right: clamp($min, calc(20vw - var(--container-width)*0.2 + 95px), 115px);
width: auto;
position: relative;
top: unset;
left: unset;
}
}
header.site-header .hamburger {
z-index: 55;
-webkit-transition: 400ms;
transition: 400ms;
}
header.site-header .hamburger svg path {
-webkit-transition: 200ms;
transition: 200ms;
}
header.site-header .hamburger.active svg .line-1 {
-webkit-transform: rotate(45deg) translatey(9px);
transform: rotate(45deg) translatey(9px);
-webkit-transform-origin: center;
transform-origin: center;
}
header.site-header .hamburger.active svg .line-2 {
opacity: 0;
}
header.site-header .hamburger.active svg .line-3 {
-webkit-transform: rotate(-45deg) translatey(-9px);
transform: rotate(-45deg) translatey(-9px);
-webkit-transform-origin: center;
transform-origin: center;
}
header.site-header .hamburger.active + .nav-mobile {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
header.site-header .header-bottom {
background-color: var(--c-quaternary);
border-color: var(--c-m-grey);
border-style: solid;
border-width: 1px 0px;
display: none;
height: 41px;
max-height: 41px;
min-height: 41px !important;
width: 100%;
}
header.site-header .header-bottom > .container {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
height: 23px;
min-height: 23px;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
max-width: var(--container-width);
padding: 0 var(--site-padding) !important;
}
header.site-header .header-bottom > .container > div {
text-align: center;
width: auto; }
header.site-header .header-bottom > .container > div:not(.split) {
padding-left: 19px;
}
header.site-header .header-bottom > .container > div > span {
display: block;
width: 100%;
}
header.site-header .header-bottom > .container > div > span > span {
padding-left: 8px;
}
header.site-header .header-bottom span {
font-weight: 500;
}
header.site-header .header-bottom .split {
background-color: var(--c-m-grey);
height: 100%;
width: 1px !important;
}
header.site-header .header-middle {
display: none;
margin-bottom: 22px !important;
max-height: 30px;
min-height: 30px !important;
}
header.site-header .header-search-form {
padding: 0;
width: 100%;
}
header.site-header .header-search-form input:focus, header.site-header .header-search-form input:focus-visible {
outline: none !important;
}
header.site-header .header-search-form svg {
margin-right: 0px;
position: relative;
top: 5px;
}
header.site-header .header-search-form * {
display: inline;
}
header.site-header .header-search-form button {
display: none;
}
header.site-header .header-search-form input[type=text] {
background: var(--c-white);
border-radius: 0px;
border: 1px solid var(--c-l-grey);
color: var(--c-l-grey);
height: 39px;
padding: 0 15px;
width: 100%;
}
header.site-header .header-search-form input[type=text]:focus {
color: #383838;
} .header-topMenu {
position: relative;
background-color: #474a4f;
margin-bottom: 14px;
}
@media screen and (min-width: 71.875em) {
.header-topMenu {
margin-bottom: 0px;
}    
}    
.header-topMenu__inner {
max-width: var(--container-width);
display: flex;
margin: 0 auto;
padding: 0px var(--site-padding) !important;
}
.header-topMenu__item {
padding: 0 6px;
}
.header-topMenu__item:first-child {
padding-left: 0;
}
.header-topMenu__item.active a {
border-bottom-color: #fff;
}
.header-topMenu a {
border-bottom: 3px solid transparent;
display: block;
padding: 6px 0;
color: #fff;
font-size: 0.813rem;
font-weight: 500;
} header.site-header .header-top {
display: none;
max-height: 79px;
min-height: 79px !important;
padding-top: 10px !important;
}
header.site-header .menu-item > a {
width: 100%;
}
header.site-header .menu-item > a > span {
width: 100%;
}
header.site-header .menu-item svg {
display: none;
}
header.site-header .menu-item.menu-item-has-children svg {
display: inline-block;
position: absolute;
right: 24px;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
header.site-header .mobile-header-bottom {
height: 49px;
max-height: 49px;
min-height: 49px !important;
}
header.site-header .mobile-header-bottom #nav-primary {
display: block;
width: 100% !important;
}
header.site-header .mobile-header-bottom .button-login {
-webkit-transform: translateY(-1px);
transform: translateY(-1px);
}
@media screen and (min-width: 48em) {
header.site-header .mobile-header-bottom .button-login {
padding: 4px 12px;
}
header.site-header .mobile-header-bottom .button-login span {
position: relative;
top: -2px;
}
}
@media screen and (min-width: 64em) {
header.site-header .mobile-header-bottom .button-login {
padding: 8px 12px 12px 12px;
}
header.site-header .mobile-header-bottom .button-login span {
top: 0px;
}
}
header.site-header .mobile-header-top {
height: 39px;
max-height: 39px;
min-height: 39px !important;
}
header.site-header .mobile-header-top .header-search-form {
position: relative;
}
header.site-header .mobile-header-top .header-search-form svg {
right: var(--site-padding);
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
header.site-header .mobile-header-top .header-search-form input[type=text] {
padding-right: 50px !important;
}
header.site-header span.jobs {
z-index: 55;
}
header.site-header span.jobs a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
}
header.site-header nav.nav-primary {
display: none;
}
header.site-header.pre-set-sticky {
display: none;
position: fixed;
top: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: 400ms cubic-bezier(0.23, 0.96, 0.59, 1);
transition: 400ms cubic-bezier(0.23, 0.96, 0.59, 1);
}
header.site-header.set-sticky {
display: block;
}
header.site-header.set-sticky.is-visible {
-webkit-transform: translateY(0);
transform: translateY(0);
}
@media screen and (min-width: 71.875em) {
header.site-header {
overflow: visible;
}
header.site-header .hamburger,
header.site-header .jobs {
display: none;
}
header.site-header .header-bottom {
display: block;
}
header.site-header .header-bottom .header-icon img, header.site-header .header-bottom .header-icon svg {
display: inline;
position: absolute;
-webkit-transform: translate(-100%, 2px);
transform: translate(-100%, 2px);
}
header.site-header .header-middle {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: auto;
max-width: var(--container-width);
padding: 0 var(--site-padding) !important;
position: relative;
}
header.site-header .header-middle > nav > ul {
position: relative;
top: 13px;
}
header.site-header .header-middle > nav > ul > li > a {
margin-bottom: 24px;
}
header.site-header .header-search-form {
padding: 0 40px;
}
header.site-header .header-search-form button {
border: 0px;
border-radius: 0px 5px 5px 0px;
background: var(--c-primary);
color: var(--c-white);
border: 1px solid var(--c-primary);
display: inline;
height: 44px;
width: 113px;
cursor: pointer;
}
header.site-header .header-search-form button:hover {
background: #FFFFFF;
color: var(--c-primary);
}
header.site-header .header-search-form input[type=text] {
border-radius: 5px 0px 0px 5px;
border: 1px solid var(--c-l-grey);
background: #EEE;
color: var(--c-l-grey);
height: 44px;
padding: 0 15px;
width: calc(100% - 113px);
}
header.site-header .header-top {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: auto;
max-width: var(--container-width);
padding: 11px var(--site-padding) 0px var(--site-padding) !important;
position: relative;
}
header.site-header .mobile-header-bottom {
display: none !important;
}
header.site-header .mobile-header-top {
display: none !important;
}
header.site-header nav.nav-primary {
display: block;
}
header.site-header .site-logo {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
}
header.site-header .site-logo svg, header.site-header .site-logo img {
height: 44px;
min-height: 100%;
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
}
header.site-header div.container:not(.mobile-header-top):not(.mobile-header-bottom) {
display: none;
}
button#mobile-menu-trigger {
width: 48px;
height: 48px;
padding: 16px 15px;
display: block;
position: absolute;
top: calc(50% - 24px);
right: 4px;
border: none;
background: none;
}
@media screen and (min-width: 71.875em) {
button#mobile-menu-trigger {
display: none;
}
}
.menu-underlay {
background-color: rgba(0, 0, 0, 0.2);
height: 100%;
position: absolute;
width: 100%;
z-index: 3;
}
.sub-header-phone-number {
background-color: var(--c-primary);
color: var(--c-white);
text-align: center;
}
.sub-header-phone-number a {
font-size: 20px;
font-weight: 400;
text-align: center;
}
.sub-header-phone-number a:hover {
color: var(--c-white) !important;
}
@media screen and (min-width: 71.875em) {
header.site-header {
background-color: var(--c-white);
border-bottom: 0px !important;
}
.menu-item svg {
display: none;
}
.menu-item.menu-item-has-children svg {
display: inline-block !important;
margin-left: 4px !important;
position: relative !important;
right: 0 !important;
top: -2px !important;
-webkit-transform: translateY(0%) !important;
transform: translateY(0%) !important;
}
.sub-header-phone-number {
border-bottom: 0px !important;
left: -21px;
position: relative;
width: calc(100% + 37px);
}
}
.wrapper {
padding-top: 24px;
}
@media screen and (min-width: 64em) {
.wrapper {
padding-top: 0px;
}
} .site-footer {
background-color: var(--c-white);
}
.site-footer .footer li svg {
display: none;
}
.site-footer .footer-a {
border-top: 1px solid var(--c-m-grey);
margin-bottom: 38px;
padding-top: 32px;
}
.site-footer .footer-a .container {
padding: 0 var(--site-padding);
}
.site-footer .footer-a .container div {
display: inline-block;
}
.site-footer .footer-a .container .accreditations {
float: none;
margin-top: 24px;
width: 100%;
}
.site-footer .footer-a .container .logo {
display: inline-block;
margin-bottom: -4px;
}
.site-footer .footer-a .container .logo img {
margin-right: 0px;
margin-bottom: 24px;
height: 70px;
}
@media screen and (min-width: 64em) {
.site-footer .footer-a .container .logo img {
margin-bottom: 0px;
margin-right: 8px;
}
.site-footer .footer-a .container .logo img:last-child {
margin-right: 0px;
}
}
.site-footer .footer-cred {
margin-bottom: 32px;
}
.site-footer .footer-cred .container {
padding: 0 var(--site-padding);
}
.site-footer .footer-cred .container div {
display: inline-block;
}
.site-footer .footer-cred .container .accreditations {
margin-top: 24px;
text-align: left;
width: 100%;
}
.site-footer .footer-cred .container .logo {
display: inline-block;
margin-bottom: -4px;
}
.site-footer .footer-cred .container .logo img {
margin-right: 0px;
margin-bottom: 24px;
height: 70px;
}
@media screen and (min-width: 64em) {
.site-footer .footer-cred .container .logo img {
margin-bottom: 0px;
margin-right: 8px;
}
.site-footer .footer-cred .container .logo img:last-child {
margin-right: 0px;
}
}
.site-footer .footer-b .container {
padding: 0 var(--site-padding);
}
.site-footer .footer-b .container div:not(.social-top):not(.social-bottom) {
display: inline-block;
margin-right: -4px;
max-width: 500px;
width: 50%;
vertical-align: top;
}
.site-footer .footer-b .container div:nth-child(4) {
margin-top: 42px;
}
.site-footer .footer-b .container div.social-icons {
max-width: 100% !important;
width: auto !important;
}
.site-footer .footer-b .container h1, .site-footer .footer-b .container h2, .site-footer .footer-b .container h3 {
font-weight: 500;
margin-bottom: 22px;
}
.site-footer .footer-b .container span {
font-weight: 500;
}
.site-footer .footer-b .container ul li {
font-size: 16px !important;
}
.site-footer .footer-b .container ul li a {
-webkit-transition: 0.2S ease-in-out;
transition: 0.2S ease-in-out;
}
.site-footer .footer-b .container ul li a:hover {
color: var(--c-hover-blue);
}
.site-footer .footer-b .container .social-icons {
float: none;
margin-left: auto;
}
.site-footer .footer-b .container .social-icons h1, .site-footer .footer-b .container .social-icons h2, .site-footer .footer-b .container .social-icons h3 {
margin-bottom: 24px !important;
}
.site-footer .footer-b .container .social-top h1, .site-footer .footer-b .container .social-top h2, .site-footer .footer-b .container .social-top h3 {
max-width: 88px;
}
.site-footer .footer-c {
margin-bottom: 12px;
}
.site-footer .footer-c .container {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: block;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: auto;
max-width: var(--container-width);
padding: 0 var(--site-padding);
position: relative;
}
.site-footer .footer-c .container a {
display: inline-block;
font-size: 14px !important;
font-weight: 500 !important;
margin-bottom: 19px;
margin-right: -4px;
width: 50%;
}
.site-footer .footer-d {
font-size: 12px;
line-height: 16px;
margin-bottom: 40px;
}
.site-footer .footer-d .container {
display: block;
padding: 0 var(--site-padding) !important;
}
.site-footer .footer-d .container > div {
margin-bottom: 8px;
}
.site-footer .social-icons {
margin-top: 21px;
}
.site-footer .social-icons .social-top, .site-footer .social-icons .social-bottom {
text-align: left;
width: 100%;
}
.site-footer .social-icons .social-top a, .site-footer .social-icons .social-bottom a {
background-color: var(--c-primary);
display: inline-block;
height: 40px;
margin-bottom: 8px;
margin-right: 4px;
position: relative;
vertical-align: top;
width: 40px;
}
.site-footer .social-icons .social-top a svg, .site-footer .social-icons .social-bottom a svg {
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.site-footer nav li {
margin-bottom: 11px;
}
.site-footer nav li:last-child {
margin-bottom: 0;
}
.site-footer nav a {
display: inline-block;
}
.site-footer nav a:hover {
color: inherit;
text-decoration: underline;
}
.site-footer__main {
padding: 40px var(--site-margin);
}
@media screen and (min-width: 40.625em) {
.site-footer__main {
--grid-column-count: 2;
}
.site-footer__main div.container {
display: grid;
grid-gap: 40px var(--site-gutter);
grid-template-columns: repeat(var(--grid-column-count), minmax(10px, 1fr));
}
.site-footer__main .site-footer__col:first-child {
grid-column: span 2;
}
}
@media screen and (min-width: 64em) {
.site-footer__main {
--grid-column-count: 4;
}
}
.site-footer__legal {
padding: 20px var(--site-margin);
background-color: var(--c-l-grey);
}
.site-footer__col {
margin-bottom: 30px;
}
.site-footer__col:last-child {
margin-bottom: 0;
}
@media screen and (min-width: 40.625em) {
.site-footer__col {
margin-bottom: 0;
}
}
@media screen and (min-width: 64em) {
.footer-a {
margin-bottom: 72px !important;
padding-top: 40px !important;
}
.footer-a .container .accreditations {
margin-top: 0px !important;
text-align: right;
width: auto !important;
}
.footer-a .logo {
margin-bottom: 0px;
}
.footer-b .container div:not(.social-top):not(.social-bottom):not(.social-icons) {
display: inline-block;
max-width: 160px !important;
width: 14.7% !important;
vertical-align: top;
}
.footer-b .container .social-icons {
display: inline-block;
float: right !important;
vertical-align: top;
}
.footer-cred {
margin-bottom: 70px !important;
}
.footer-c {
margin-bottom: 32px !important;
}
.footer-c .container {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.footer-c .container a {
margin-bottom: 0px !important;
width: auto !important;
}
.footer-d {
margin-bottom: 40px;
}
.footer-d .container {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: auto;
max-width: var(--container-width);
position: relative;
}
.footer-d .container > div {
margin-bottom: 0px !important;
}
.social-icons {
margin-top: 0px;
width: auto !important;
}
.social-icons .social-top, .social-icons .social-bottom {
text-align: right;
}
}
.wp-block-quote {
margin: 0px;
}
.wp-block-quote p {
font-family: "garamond-premier-pro", serif;
font-size: 24px;
font-style: italic;
font-weight: 600;
line-height: normal;
margin-bottom: 16px;
}
@media screen and (min-width: 64em) {
.wp-block-quote p {
font-size: 32px;
}
}
.wp-block-quote cite {
font-style: normal;
margin-bottom: 48px;
display: block;
}
.br-1 {
border-radius: 2px;
}
.br-2 {
border-radius: 4px;
}
.br-3 {
border-radius: 8px;
}
.br-4 {
border-radius: 10px;
}
.br-5 {
border-radius: 15px;
}
.br-6 {
border-radius: 20px;
}
.heading-underline {
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
padding-bottom: 10px;
margin-bottom: 10px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.wp-block-columns.cookie-table {
background: #FFFFFF;
-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
}
.cookie-table {
padding: 1.25rem;
}
.cookie-table.header {
display: none;
}
@media screen and (min-width: 48em) {
.cookie-table.header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.cookie-table:not(.header) {
-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
}
.cookie-table > .wp-block-column p::before {
font-weight: bold;
}
.cookie-table .wp-block-column:nth-child(1) p::before {
content: "Cookie: ";
}
.cookie-table .wp-block-column:nth-child(2) p::before {
content: "Cookie Duration: ";
}
.cookie-table .wp-block-column:nth-child(3) p::before {
content: "Purpose: ";
}
.cookie-table .wp-block-column:nth-child(4) p::before {
content: "More Information: ";
}
@media screen and (min-width: 48em) {
.cookie-table > .wp-block-column p::before {
content: none !important;
}
}
@media screen and (max-width: 48em) {
.mobile-half-margin {
margin-top: calc(var(--mobile-m-top) / 2) !important;
margin-bottom: calc(var(--mobile-m-bottom) / 2) !important;
}
}
@media screen and (max-width: 48em) {
.mobile-third-margin {
margin-top: calc(var(--mobile-m-top) / 3) !important;
margin-bottom: calc(var(--mobile-m-bottom) / 3) !important;
}
}
@media screen and (max-width: 48em) {
.mobile-quarter-margin {
margin-top: calc(var(--mobile-m-top) / 4) !important;
margin-bottom: calc(var(--mobile-m-bottom) / 4) !important;
}
} nav ul {
list-style-type: none;
margin: 0;
padding: 0;
}
nav ul a {
cursor: pointer;
line-height: 1.45;
-webkit-transition: 200ms;
transition: 200ms;
}
nav ul a:hover {
color: var(--c-primary);
}
nav ul span {
display: inline-block;
}
.menu-hidden {
border-bottom: 0px !important;
}
.menu-hidden > a {
display: none !important;
}
.menu-hidden .nav-primary-sub-mobile {
padding: 0 !important;
}
#nav-back {
background-color: var(--c-quaternary);
border-bottom: 1px solid var(--c-m-grey);
border-top: 1px solid var(--c-l-grey);
cursor: pointer;
padding: 4px 24px 8px 24px;
}
#nav-back svg {
margin-right: 4px;
position: relative;
top: 2px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.nav-primary {
width: 100%;
float: right;
}
.nav-primary ul#nav-primary {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.nav-primary ul#nav-primary li {
font-family: "gill-sans-nova", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 21px; font-size: 1rem;
margin-bottom: 0; -webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.nav-primary ul#nav-primary li.level-0-item {
margin: 0;
margin-right: 30px;
}
.nav-primary ul#nav-primary li.level-0-item > a {
padding: 4px 0;
}
.nav-primary ul#nav-primary li.menu-item-has-children {
position: relative;
}
.nav-primary ul#nav-primary li.menu-item-has-children > ul {
min-width: 160px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
margin-top: 0;
padding: 0px 15px 0px 20px;
position: absolute;
border: 1px solid var(--c-l-grey);
border-bottom: none;
border-radius: 0px 0px 4px 4px;
top: 48px;
display: none;
z-index: 10;
background-color: var(--c-white);
-webkit-box-shadow: 0 6px 10px -6px rgba(51, 51, 51, 0.2);
box-shadow: 0 6px 10px -6px rgba(51, 51, 51, 0.2);
-webkit-animation-duration: 600ms;
animation-duration: 600ms;
-webkit-animation-timing-function: cubic-bezier(0.21, 0.89, 0.58, 1);
animation-timing-function: cubic-bezier(0.21, 0.89, 0.58, 1);
-webkit-animation-fill-mode: alternate;
animation-fill-mode: alternate;
min-width: 290px;
}
.nav-primary ul#nav-primary li.menu-item-has-children > ul li {
margin-bottom: 0px;
border-bottom: 1px solid var(--c-l-grey);
}
.nav-primary ul#nav-primary li.menu-item-has-children > ul li a {
padding: 13px 0px;
width: 100%;
}
.nav-primary ul#nav-primary li.menu-item-has-children > ul li:last-child {
border-radius: 0px 0px 4px 4px;
margin-bottom: 0;
text-align: center;
}
.nav-primary ul#nav-primary li.menu-item-has-children > ul li:last-child a {
text-align: center !important;
}
.nav-primary ul#nav-primary li.menu-item-has-children > ul .sub-menu {
top: -20px;
left: calc(100% + 10px);
z-index: 20;
}
.nav-primary ul#nav-primary li.menu-item-has-children:hover > ul {
display: block;
-webkit-animation-name: dropdown_menu;
animation-name: dropdown_menu;
}
.nav-primary ul#nav-primary li a {
display: inline-block;
text-align: left;
width: 100%;
}
.nav-mobile {
position: absolute;
background-color: white;
top: 49px;
width: 100%;
left: 0px;
padding: 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
-webkit-transform-origin: top;
transform-origin: top;
-webkit-transition: -webkit-transform 0.2s ease-in-out;
transition: -webkit-transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
-webkit-transform: scaleY(0);
transform: scaleY(0);
}
.nav-mobile ul {
-webkit-transition: height 0.2s ease-out;
transition: height 0.2s ease-out;
overflow: hidden;
}
@media screen and (min-width: 48em) {
.nav-mobile ul {
height: auto !important;
}
}
.nav-mobile .site-header__col-heading {
font-weight: 500;
font-size: 1.125rem;
line-height: 23px;
letter-spacing: 0.135em;
padding-bottom: 15px;
padding-top: 30px;
}
.nav-mobile .site-header__col-heading svg {
-webkit-transition: 400ms ease-in-out;
transition: 400ms ease-in-out;
}
.nav-mobile .site-header__col-heading.active svg {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
@media screen and (min-width: 48em) {
.nav-mobile .site-header__col-heading svg {
display: none;
}
}
.nav-mobile .nav-primary-mobile > ul > li:not(:last-child) > a {
display: inline-block;
padding: 0 24px;
margin-bottom: 0;
width: 100%;
}
.nav-mobile .nav-primary-mobile > ul > li:not(:last-child) > a > span {
border-bottom: 1px solid var(--c-l-grey);
}
.nav-mobile .nav-primary-sub-mobile { }
.nav-mobile .nav-primary-sub-mobile > li {
margin-bottom: 0px;
}
.nav-mobile .nav-primary-sub-mobile > li:not(:last-child) > a {
display: inline-block;
padding: 0 24px;
margin-bottom: 0;
}
.nav-mobile .nav-primary-sub-mobile > li:not(:last-child) > a > span {
border-bottom: 1px solid var(--c-l-grey);
}
.nav-mobile .nav-primary-sub-mobile > li:first-child {
margin-top: 8px;
}
.nav-mobile .nav-primary-sub-mobile li:nth-last-child(2) {
margin-bottom: 0px;
}
@media screen and (min-width: 64em) {
.nav-mobile .nav-primary-sub-mobile li:nth-last-child(2) {
margin-bottom: 8px;
}
}
.nav-mobile .nav-primary-sub-mobile li:nth-last-child(2) span {
border-bottom: 0 !important;
}
.nav-mobile .nav-primary-sub-mobile > .menu-item-has-children ul {
display: none;
}
@-webkit-keyframes dropdown_menu {
0% {
opacity: 0;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
20% {
opacity: 0;
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes dropdown_menu {
0% {
opacity: 0;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
20% {
opacity: 0;
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
aside.menu ul li {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
aside.menu ul li::after {
content: url('data:image/svg+xml,<svg width="19" height="12" viewBox="0 0 19 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.5303 6.53033C18.8232 6.23744 18.8232 5.76256 18.5303 5.46967L13.7574 0.6967C13.4645 0.403807 12.9896 0.403807 12.6967 0.6967C12.4038 0.989594 12.4038 1.46447 12.6967 1.75736L16.9393 6L12.6967 10.2426C12.4038 10.5355 12.4038 11.0104 12.6967 11.3033C12.9896 11.5962 13.4645 11.5962 13.7574 11.3033L18.5303 6.53033ZM-6.55671e-08 6.75L18 6.75L18 5.25L6.55671e-08 5.25L-6.55671e-08 6.75Z" fill="black"/></svg>');
padding-left: 15px;
display: inline-block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
-webkit-transition: 0.2s ease-in;
transition: 0.2s ease-in;
} .mobile-menu {
width: calc(100vw - 80px);
max-width: 340px;
height: 100vh;
height: -webkit-fill-available;
padding: 10vw 0 40px;
position: fixed;
top: 0;
left: 0;
z-index: 200;
overflow-y: scroll;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
color: var(--c-black);
background-color: var(--c-white);
-webkit-transition: 400ms cubic-bezier(0.42, 0, 0.37, 0.99);
transition: 400ms cubic-bezier(0.42, 0, 0.37, 0.99);
}
.mobile-menu button#mobile-menu-close {
width: 36px;
height: 36px;
padding: 0;
position: absolute;
top: 12px;
right: 12px;
border-radius: 0;
background: none;
border: none;
}
@media screen and (min-height: 700px) {
.mobile-menu {
padding-top: 80px;
}
}
nav.nav-primary-mobile {
width: 100%;
}
nav.nav-primary-mobile > ul > li a {
padding-left: 24px !important;
padding-right: 24px !important;
position: relative;
}
nav.nav-primary-mobile ul li {
font-weight: 500;
}
nav.nav-primary-mobile ul li:last-child {
margin-bottom: 0;
}
nav.nav-primary-mobile ul li a span {
padding: 16px 0 16px 0px;
display: inline-block;
line-height: normal;
}
nav.nav-primary-mobile ul li.has-sub-menu {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
nav.nav-primary-mobile ul li.has-sub-menu button {
width: 36px;
height: 36px;
border: none;
background: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' height='24' viewBox='0 0 24 24' width='24'%3E%3Cg%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M7.71,9.29l3.88,3.88l3.88-3.88c0.39-0.39,1.02-0.39,1.41,0l0,0c0.39,0.39,0.39,1.02,0,1.41l-4.59,4.59 c-0.39,0.39-1.02,0.39-1.41,0L6.29,10.7c-0.39-0.39-0.39-1.02,0-1.41l0,0C6.68,8.91,7.32,8.9,7.71,9.29z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center;
background-size: 24px auto;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-transition: 200ms cubic-bezier(0.42, 0, 0.18, 1.36);
transition: 200ms cubic-bezier(0.42, 0, 0.18, 1.36);
}
nav.nav-primary-mobile ul li.has-sub-menu .sub-menu {
width: 100%;
margin: 8px 0 8px;
padding: 0;
display: none;
position: relative;
border-left: 1px solid var(--c-primary);
}
nav.nav-primary-mobile ul li.has-sub-menu.is-visible > button {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
nav.nav-primary-mobile ul li.has-sub-menu.is-visible > .sub-menu {
display: block;
}
div.header-wrapper.mobile-menu-active .mobile-menu {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.notifications-container {
max-height: 100vh;
max-width: 320px;
pointer-events: none;
position: fixed;
width: 100%;
z-index: 9999;
}
.notifications-container.notify-is-x-center {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.notifications-container.notify-is-y-center {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.notifications-container.notify-is-center {
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.notifications-container.notify-is-left {
left: 0;
}
.notifications-container.notify-is-right {
right: 0;
}
.notifications-container.notify-is-top {
top: 0;
}
.notifications-container.notify-is-bottom {
bottom: 0;
}
.notifications-container.notify-is-x-center.notify-is-top {
top: var(--distance);
}
.notifications-container.notify-is-x-center.notify-is-bottom {
bottom: var(--distance);
}
.notifications-container > * {
pointer-events: auto;
}
.notify {
--notify-error: rgb(235, 87, 87);
--notify-error-progress: rgb(192, 69, 69);
--notify-success: rgb(111, 207, 151);
--notify-success-progress: rgb(84, 170, 120);
--notify-warning: rgb(242, 201, 76);
--notify-warning-progress: rgb(196, 166, 79);
--notify-info: rgb(81, 205, 243);
--notify-info-progress: rgb(84, 169, 196);
--notify-gray: rgb(51, 51, 51);
--notify-gray-2: rgb(77, 77, 77);
--notify-gray-3: rgb(130, 130, 130);
--notify-white: rgb(255, 255, 255);
--notify-white-2: rgba(255, 255, 255, 0.8);
--notify-padding: 0.75rem;
--notify-icon-size: 32px;
--notify-close-icon-size: 16px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 6px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
overflow: hidden;
padding: var(--notify-padding);
position: relative;
text-decoration: none;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
width: 100%;
}
.notify__icon {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
height: var(--notify-icon-size);
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: 12px;
width: var(--notify-icon-size);
}
.notify__close {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: var(--notify-close-icon-size);
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
right: 12px;
top: 12px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: var(--notify-close-icon-size);
}
.notify__close * {
pointer-events: none;
}
.notify__title {
font-size: 1rem;
font-weight: 600;
padding-right: calc(var(--notify-padding) + var(--notify-close-icon-size));
}
.notify__text {
font-size: 0.875rem;
margin-top: 0.25rem;
}
.notify--type-1 {
background-color: #fff;
border: 1px solid currentColor;
}
.notify--type-1 .notify__close {
color: var(--notify-gray-3);
}
.notify--type-1 .notify__title {
color: var(--notify-gray);
}
.notify--type-1 .notify__text {
color: var(--notify-gray-2);
}
.notify--type-2 {
color: var(--notify-gray);
}
.notify--type-3 {
color: var(--notify-white);
}
.notify--type-3 .notify__text {
color: var(--notify-white-2);
}
.notify--error.notify--type-1 {
-webkit-box-shadow: 0 2px 26px rgba(215, 0, 0, 0.1);
box-shadow: 0 2px 26px rgba(215, 0, 0, 0.1);
color: var(--notify-error);
}
.notify--error.notify--type-2,
.notify--error.notify--type-3 {
background-color: var(--notify-error);
}
.notify--warning.notify--type-1 {
-webkit-box-shadow: 0 2px 26px rgba(242, 201, 76, 0.1);
box-shadow: 0 2px 26px rgba(242, 201, 76, 0.1);
color: var(--notify-warning);
}
.notify--warning.notify--type-2,
.notify--warning.notify--type-3 {
background-color: var(--notify-warning);
}
.notify--success.notify--type-1 {
-webkit-box-shadow: 0 2px 26px rgba(82, 215, 0, 0.1);
box-shadow: 0 2px 26px rgba(82, 215, 0, 0.1);
color: var(--notify-success);
}
.notify--success.notify--type-2,
.notify--success.notify--type-3 {
background-color: var(--notify-success);
}
.notify--info.notify--type-1 {
-webkit-box-shadow: 0 2px 26px rgba(84, 175, 202, 0.1);
box-shadow: 0 2px 26px rgba(84, 175, 202, 0.1);
color: var(--notify-info);
}
.notify--info.notify--type-2,
.notify--info.notify--type-3 {
background-color: var(--notify-info);
}
.notify--fade {
opacity: 0;
will-change: opacity;
}
.notify--fadeIn {
opacity: 1;
}
.notify--slide {
opacity: 0;
will-change: opacity, transform;
}
.notify-is-center .notify--slide,
.notify-is-y-center .notify--slide,
.notify-is-x-center:not(.notify-is-bottom) .notify--slide {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
.notify-is-x-center.notify-is-bottom .notify--slide {
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
.notify-is-right .notify--slide {
-webkit-transform: translateX(calc(var(--distance) + 110%));
transform: translateX(calc(var(--distance) + 110%));
}
.notify-is-left .notify--slide {
-webkit-transform: translateX(calc(var(--distance) * -1 - 110%));
transform: translateX(calc(var(--distance) * -1 - 110%));
}
.notify-is-x-center:not(.notify-is-bottom) .notify--slideIn,
.notify-is-center .notify--slideIn,
.notify-is-y-center .notify--slideIn,
.notify-is-x-center.notify-is-bottom .notify--slideIn {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.notify-is-right .notify--slideIn,
.notify-is-left .notify--slideIn {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.notify-is-left .notify {
left: var(--distance);
}
.notify-is-right .notify {
right: var(--distance);
}
.notify-is-top .notify,
.notify-is-center .notify,
.notify-is-y-center .notify,
.notify-is-x-center.notify-is-top .notify {
margin-top: var(--gap);
}
.notify-is-bottom .notify,
.notify-is-x-center:not(.notify-is-top) .notify {
margin-bottom: var(--gap);
}
.notify.notify-autoclose {
--progress-height: 5px;
padding-bottom: calc(var(--notify-padding) + var(--progress-height));
}
.notify.notify-autoclose::before {
-webkit-animation: progress calc(var(--timeout) * 1ms) linear forwards;
animation: progress calc(var(--timeout) * 1ms) linear forwards;
bottom: 0;
content: "";
height: var(--progress-height);
left: 0;
position: absolute;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transform-origin: left;
transform-origin: left;
width: 100%;
}
@-webkit-keyframes progress {
to {
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
}
}
@keyframes progress {
to {
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
}
}
.notify.notify-autoclose.notify--error::before {
background-color: var(--notify-error-progress);
}
.notify.notify-autoclose.notify--warning::before {
background-color: var(--notify-warning-progress);
}
.notify.notify-autoclose.notify--success::before {
background-color: var(--notify-success-progress);
}
.notify.notify-autoclose.notify--info::before {
background-color: var(--notify-info-progress);
}
section.cta {
position: relative;
margin-top: calc(2% + 100px);
}
section.cta span.decorative-boxes {
position: absolute;
content: "";
top: -15%;
left: 10%;
width: clamp(150px, 18vw, 200px);
aspect-ratio: 200/125;
border: 4px solid white;
}
section.cta span.decorative-boxes::after {
position: absolute;
content: "";
top: -20px;
left: -20px;
height: 100%;
width: 100%;
background-color: var(--c-tertiary);
}
section.cta img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
font-family: "object-fit";
z-index: -1;
-webkit-filter: brightness(0.95);
filter: brightness(0.95);
}
section.cta .content {
z-index: 0;
color: white;
padding: 4rem var(--site-padding);
}
aside.job-sidebar {
position: relative;
height: 100%;
}
@media screen and (min-width: 48em) {
aside.job-sidebar {
top: 38px;
}
}
aside.job-sidebar form {
position: sticky;
top: 2rem;
background-color: var(--c-tertiary);
border-radius: 5px;
padding: 32px 25px;
max-height: 100vh;
overflow: scroll;
scrollbar-width: none; -ms-overflow-style: none; }
aside.job-sidebar form::-webkit-scrollbar {
background: transparent; width: 0px;
}
aside.job-sidebar form fieldset {
border: 0;
}
aside.job-sidebar form fieldset:not(:first-child) {
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
aside.job-sidebar form fieldset[name=environment]:not(.show), aside.job-sidebar form fieldset[name=location]:not(.show) {
height: 0px;
z-index: -100;
opacity: 0;
overflow: hidden;
}
aside.job-sidebar form fieldset .hide {
display: none;
}
aside.job-sidebar form span.title {
display: block;
font-size: 17px;
font-weight: bold;
padding: 10px 0;
letter-spacing: 0.135em;
}
aside.job-sidebar form input[type=checkbox] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: transparent;
border: 1px solid var(--c-white);
-webkit-filter: invert(1);
filter: invert(1);
height: 20px;
width: 20px;
margin-right: 13px;
border-radius: 6px;
display: inline-block;
position: relative;
}
@media screen and (min-width: 64em) {
aside.job-sidebar form input[type=checkbox] {
margin-right: 0px;
}
}
aside.job-sidebar form .button-plain, aside.job-sidebar form .button-arrow, aside.job-sidebar form .button-arrow-outline,
aside.job-sidebar form .button {
width: 100%;
}
aside.job-sidebar form .button-plain.advanced-filter, aside.job-sidebar form .advanced-filter.button-arrow, aside.job-sidebar form .advanced-filter.button-arrow-outline,
aside.job-sidebar form .button.advanced-filter {
background-image: url("data:image/svg+xml,%3Csvg width='19' height='22' viewBox='0 0 19 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4866_287727)'%3E%3Cpath d='M10.3746 19.963C9.9373 21.1488 8.76111 22 7.38889 22C6.00913 22 4.84048 21.1488 4.40317 19.963H1.05556C0.475 19.963 0 19.5046 0 18.9444C0 18.3843 0.475 17.9259 1.05556 17.9259H4.40317C4.84048 16.7401 6.01667 15.8889 7.38889 15.8889C8.76865 15.8889 9.9373 16.7401 10.3746 17.9259H17.9444C18.525 17.9259 19 18.3843 19 18.9444C19 19.5046 18.525 19.963 17.9444 19.963H10.3746ZM14.5667 14.0556C13.2095 14.0556 12.0258 13.2262 11.581 12.0185H1.05556C0.475 12.0185 0 11.5602 0 11C0 10.4398 0.475 9.98148 1.05556 9.98148H11.581C12.0258 8.77381 13.2095 7.94444 14.5667 7.94444C15.9238 7.94444 17.1075 8.77381 17.5524 9.98148H17.9444C18.525 9.98148 19 10.4398 19 11C19 11.5602 18.525 12.0185 17.9444 12.0185H17.5524C17.1075 13.2262 15.9238 14.0556 14.5667 14.0556ZM17.9444 4.07407C18.525 4.07407 19 3.61574 19 3.05556C19 2.49537 18.525 2.03704 17.9444 2.03704H7.41905C6.98175 0.851191 5.8131 0 4.43333 0C3.06111 0 1.88492 0.851191 1.44762 2.03704H1.05556C0.475 2.03704 0 2.49537 0 3.05556C0 3.61574 0.475 4.07407 1.05556 4.07407H1.44762C1.88492 5.25992 3.05357 6.11111 4.43333 6.11111C5.80556 6.11111 6.98175 5.25992 7.41905 4.07407H17.9444Z' fill='%23161E3A'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4866_287727'%3E%3Crect width='19' height='22' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-color: transparent;
background-position: 5%;
padding-left: 55px;
color: black;
margin-bottom: 20px;
font-weight: normal;
}
aside.job-sidebar form #close-filter {
display: none;
}
aside.job-sidebar .tax .term {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1rem;
padding: 4px 0;
}
.no-pad-container {
padding: 0px;
}
@media screen and (min-width: 48em) {
.no-pad-container {
padding: 0px;
}
}
@media screen and (min-width: 64em) {
.no-pad-container {
padding: 0px;
}
}
@media screen and (min-width: 100em) {
.no-pad-container {
padding: 0 var(--site-padding);
}
}
.breadWrap {
font-size: 14px;
margin: 14px 0px;
padding: 0 var(--site-padding);
}
.breadWrap span.breadcrumb_last {
font-weight: 500;
}
@media screen and (min-width: 100em) {
.breadWrap {
padding: 0px;
}
}
.no-pad {
padding: 0px;
}
.overflow {
overflow: hidden;
width: 100%;
position: relative;
}
.white-bread {
position: absolute;
top: 10px;
left: 37%;
z-index: 100;
color: #FFFFFF;
}
@media screen and (min-width: 64em) {
.white-bread {
left: 46%;
}
}
.center-bread {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 16px 0px;
background-color: #F8F7F4;
}
.w-bg {
background-color: #FFFFFF;
}
.content-wrapper {
position: relative;
}
section.job-archive-cta {
position: relative;
}
section.job-archive-cta .square::before {
position: absolute;
top: 0;
left: 0;
height: 45px;
width: 73px;
content: "";
z-index: 5;
background-color: var(--c-tertiary);
}
section.job-archive-cta .square::after {
position: absolute;
top: 0;
left: 0;
height: 45px;
width: 73px;
content: "";
border: 2px solid var(--white, #FFF);
margin-left: 9px;
margin-top: 7px;
}
section.job-archive-cta img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
font-family: "object-fit";
}
section.job-archive-cta .wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
gap: clamp(1.5rem, 3vw + 10px, 2rem);
max-width: 750px;
margin: auto;
padding: clamp(1.5rem, 3vw + 10px, 2rem);
}
section.job-archive-cta .wrapper span {
font-size: clamp(1.75rem, 4vw + 10px, 3.125rem);
color: var(--c-white);
font-weight: bold;
z-index: 10;
}
svg.right-chev {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
-webkit-transition: 50ms;
transition: 50ms;
}
svg.right-chev:hover {
color: var(--c-secondary);
}
svg.up-chev {
-webkit-transform: rotate(273deg);
transform: rotate(273deg);
-webkit-transition: 50ms;
transition: 50ms;
color: #fff;
} label {
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: 32px;
margin-bottom: 8px;
}
.new-list-name {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 16px;
}
.new-list-name input {
margin-left: 26px;
height: 32px;
margin-bottom: 0px;
width: 79%;
}
input:not(.pagesearch):not(#searchsubmit):not([type=checkbox]), select {
height: 56px;
width: 100%;
border: 1px solid #D9D9D9;
background-color: #FFFFFF;
margin-bottom: 24px;
padding: 16px 24px;
font-size: 16px;
}
input:not(.pagesearch):not(#searchsubmit):not([type=checkbox])::-webkit-input-placeholder, select::-webkit-input-placeholder {
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
color: #383838;
}
input:not(.pagesearch):not(#searchsubmit):not([type=checkbox])::-moz-placeholder, select::-moz-placeholder {
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
color: #383838;
}
input:not(.pagesearch):not(#searchsubmit):not([type=checkbox]):-ms-input-placeholder, select:-ms-input-placeholder {
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
color: #383838;
}
input:not(.pagesearch):not(#searchsubmit):not([type=checkbox])::-ms-input-placeholder, select::-ms-input-placeholder {
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
color: #383838;
}
input:not(.pagesearch):not(#searchsubmit):not([type=checkbox])::placeholder, select::placeholder {
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
color: #383838;
}
select {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-image: url(//trees.hillier.co.uk/wp-content/themes/vl-hilliertrees/src/img/chevron-down.svg) !important;
background-repeat: no-repeat;
background-position: 97% 50%;
background-size: 14px;
padding: 15px 15px 10px 15px;
font-size: 20px;
color: #383838;
font-size: 14px;
padding: 16px 24px;
}
textarea {
height: 165px;
width: 100%;
border: 1px solid #D9D9D9;
background-color: #FFFFFF;
margin-bottom: 24px;
padding: 16px 24px;
}
textarea::-webkit-input-placeholder {
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
color: #383838;
}
textarea::-moz-placeholder {
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
color: #383838;
}
textarea:-ms-input-placeholder {
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
color: #383838;
}
textarea::-ms-input-placeholder {
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
color: #383838;
}
textarea::placeholder {
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
color: #383838;
}
span.wpcf7-form-control-wrap.recaptcha {
margin: 32px 0px;
display: block;
}
.wpcf7-not-valid-tip {
position: relative;
top: -22px;
font-size: 14px;
}
.recaptcha .wpcf7-not-valid-tip {
top: 8px;
font-size: 14px;
}
.wpcf7 form .wpcf7-response-output {
margin: 16px 0px;
padding: 16px 24px;
} .pagination-block {
margin: 64px 0px;
}
.pagination-block ul.pagination {
max-width: 90vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
list-style: none;
margin: 0;
margin-bottom: 80px;
padding: 15px 0px;
text-align: center;
}
.pagination-block ul.pagination li {
padding: 0px 40px 0px 0px;
margin-bottom: 0px;
width: 37px;
}
.pagination-block ul.pagination li:nth-child(2) {
padding: 0px 40px 0px 40px;
}
.pagination-block ul.pagination li:nth-last-child(2) {
padding: 0px 70px 0px 0px;
}
.pagination-block ul.pagination li:last-child {
padding: 0px;
}
@media screen and (min-width: 64em) {
.pagination-block ul.pagination li {
padding: 0px 70px 0px 0px;
}
.pagination-block ul.pagination li:nth-child(2) {
padding: 0px 70px 0px 70px;
}
.pagination-block ul.pagination li:nth-last-child(2) {
padding: 0px 110px 0px 0px;
}
}
.pagination-block ul.pagination li a {
padding: 10px;
font-size: 18px;
}
.pagination-block ul.pagination .current span {
border-bottom: 4px solid var(--c-primary);
width: 37px;
}
.pagination-block ul.pagination .prev,
.pagination-block ul.pagination .next {
vertical-align: middle;
background-color: var(--c-primary);
width: 32px;
height: 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #ffffff;
padding: 0px;
border-radius: 0;
border: 2px solid var(--c-primary);
-webkit-transition: 0.2s ease-out;
transition: 0.2s ease-out;
}
.pagination-block ul.pagination .prev a,
.pagination-block ul.pagination .next a {
font-size: 25px;
top: -4px;
position: relative;
}
.pagination-block ul.pagination .prev:hover,
.pagination-block ul.pagination .next:hover {
text-decoration: none;
background-color: transparent;
color: var(--c-secondary);
}
.pagination-block ul.pagination .prev span,
.pagination-block ul.pagination .next span {
top: -2px;
position: relative;
}
.pagination-block ul.pagination .prev svg,
.pagination-block ul.pagination .next svg {
width: 1rem;
height: 1rem;
top: -2px;
position: relative;
display: block;
-webkit-transition: 300ms;
transition: 300ms;
}
.pagination-block ul.pagination .disabled {
background-color: #62656A;
border: 2px solid #62656A;
pointer-events: none;
}
.pagination-block [aria-current=page] {
font-weight: 700;
}
.home-hero-slider-banner {
background-color: #F8F7F4;
width: 100%;
padding-bottom: 80px;
}
@media screen and (min-width: 64em) {
.home-hero-slider-banner {
padding-bottom: 256px;
}
}
.home-hero-slider-banner .banner-wrap {
width: 100%;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.home-hero-slider-banner .banner-wrap .image-slide {
width: 100%;
}
.home-hero-slider-banner .banner-wrap .image-slide .image img {
width: 100%;
height: 750px;
-o-object-fit: cover;
object-fit: cover;
border-bottom: 17px solid #6E8450;
}
@media screen and (min-width: 64em) {
.home-hero-slider-banner .banner-wrap .image-slide .image img {
height: 462px;
}
}
.home-hero-slider-banner .banner-wrap .home-carousel {
visibility: hidden;
max-width: none;
width: 100%;
}
.home-hero-slider-banner .banner-wrap .slick-initialized {
visibility: visible !important;
}
.home-hero-slider-banner .banner-wrap .slick-initialized .slick-slide {
outline: none;
}
.home-hero-slider-banner .banner-wrap .slide-contents {
max-width: 1088px;
padding: 0px 24px;
grid-auto-columns: 1fr;
grid-auto-flow: row;
width: 100%;
position: absolute;
top: 50px;
}
@media screen and (min-width: 48em) {
.home-hero-slider-banner .banner-wrap .slide-contents {
grid-template-columns: 1fr;
}
}
@media screen and (min-width: 64em) {
.home-hero-slider-banner .banner-wrap .slide-contents {
top: 122px;
display: grid;
grid-gap: 40px;
grid-auto-flow: column;
grid-template-columns: 1fr 1fr;
padding: 0px;
}
}
.home-hero-slider-banner .banner-wrap .slide-contents .col-left .box {
border-radius: 5px;
-webkit-box-shadow: 4px 4px 16px 0px rgba(148, 146, 146, 0.3);
box-shadow: 4px 4px 16px 0px rgba(148, 146, 146, 0.3);
background-color: #F8F7F4;
padding: 32px;
width: 100%;
max-width: none;
}
.home-hero-slider-banner .banner-wrap .slide-contents .col-left .box .text {
font-size: 20px;
padding: 16px 0px;
}
@media screen and (min-width: 64em) {
.home-hero-slider-banner .banner-wrap .slide-contents .col-left .box {
max-width: 536px;
padding: 56px;
}
}
.home-hero-slider-banner .banner-wrap .slide-contents .col-left .box .button-wrap {
margin-top: 22px;
}
.home-hero-slider-banner .banner-wrap .slide-contents .col-left .box .button-wrap .button-fill {
margin: 0px 9px 16px 0px;
width: 100%;
margin-bottom: 16px;
display: block;
text-align: center;
}
@media screen and (min-width: 64em) {
.home-hero-slider-banner .banner-wrap .slide-contents .col-left .box .button-wrap .button-fill {
margin-bottom: 0px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
display: unset;
}
}
.home-hero-slider-banner .banner-wrap .slide-contents .col-left .box .button-wrap .button--outline {
margin: 0px 9px 16px 0px;
width: 100%;
display: block;
text-align: center;
}
@media screen and (min-width: 64em) {
.home-hero-slider-banner .banner-wrap .slide-contents .col-left .box .button-wrap .button--outline {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
display: unset;
}
}
.home-hero-slider-banner .banner-wrap .slide-contents .col-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-top: 46px;
}
@media screen and (min-width: 64em) {
.home-hero-slider-banner .banner-wrap .slide-contents .col-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
}
.home-hero-slider-banner .banner-wrap .slide-contents .col-right .icon {
margin-bottom: 16px;
margin-right: 16px;
}
.home-hero-slider-banner .banner-wrap .slide-contents .col-right .icon img {
width: 100%;
max-width: 200px;
}
@media screen and (min-width: 64em) {
.home-hero-slider-banner .banner-wrap .slide-contents .col-right .icon {
margin-bottom: 16px;
margin-right: 0px;
}
.home-hero-slider-banner .banner-wrap .slide-contents .col-right .icon:last-child {
margin-bottom: 0px;
}
.home-hero-slider-banner .banner-wrap .slide-contents .col-right .icon img {
width: 100%;
max-width: 180px;
}
}
.home-wrapper {
background-color: #F8F7F4;
}
.general-article-wrapper .wp-block-acf-simple-download-repeater {
margin: 40px 0px;
}
@media screen and (min-width: 64em) {
.general-article-wrapper .wp-block-acf-simple-download-repeater {
margin: 0px;
}
}
.general-article-wrapper .wp-block-acf-recent-articles .container, .general-article-wrapper .wp-block-acf-related-articles .container {
padding: 0px;
}
.gen-container {
padding: 0px;
}
@media screen and (min-width: 100em) {
.gen-container {
padding: 0 var(--site-padding);
}
}
.general-article-hero {
position: relative;
z-index: 2;
margin: 0px 24px;
}
@media screen and (min-width: 64em) {
.general-article-hero {
margin: 0px;
}
}
.general-article-hero .container {
padding: 0px;
}
@media screen and (min-width: 64em) {
.general-article-hero .container {
padding: 0 var(--site-padding);
}
}
.general-article-hero .banner-background {
width: 100%;
background-size: cover;
background-position: top;
background-repeat: no-repeat;
background-color: var(--c-blue);
min-height: 602px;
padding: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
@media screen and (min-width: 64em) {
.general-article-hero .banner-background {
min-height: 540px;
padding: 32px;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
}
.general-article-hero .banner-background .banner-wrap {
max-width: 100%;
width: 90%;
border-radius: 8px;
color: #383838;
background: #F8F7F4;
-webkit-box-shadow: 4px 4px 16px 0px rgba(148, 146, 146, 0.3);
box-shadow: 4px 4px 16px 0px rgba(148, 146, 146, 0.3);
padding: 16px;
}
@media screen and (min-width: 64em) {
.general-article-hero .banner-background .banner-wrap {
max-width: 70%;
padding: 32px;
}
}
.general-article-hero .banner-background .banner-wrap .article-info {
margin-top: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.general-article-hero .banner-background .banner-wrap .article-info .date p {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.general-article-hero .banner-background .banner-wrap .article-info .date p svg {
margin-right: 10px;
}
.general-article-hero .banner-background .banner-wrap .article-info .author {
margin-left: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.general-article-hero .banner-background .banner-wrap .article-info .author img, .general-article-hero .banner-background .banner-wrap .article-info .author svg {
margin-right: 10px;
width: 32px;
height: 32px;
border-radius: 10em;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.general-article-hero .banner-background .banner-wrap .button-wrap {
width: 100%;
margin-top: 28px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.general-article-hero .banner-background .banner-wrap .button-wrap a {
margin-right: 16px;
}
.general-article-hero .no-bg-wrap {
min-height: 240px;
}
@media screen and (min-width: 64em) {
.general-article-hero .no-bg-wrap {
min-height: 602px;
}
}
.general-article-hero .no-bg-wrap .no-bg {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
color: #FFFFFF;
min-height: 240px;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.single-news-hero .banner-background .banner-wrap {
background: rgba(248, 247, 244, 0.7);
}
.single-news-hero .banner-background .banner-wrap h1 {
font-size: 40px;
}
.news-article-wrapper {
padding-bottom: 40px;
}
.general-article-wrapper .container {
padding: 0 var(--site-padding);
}
.general-article-wrapper .container .arrow-block {
margin: 20px 0px;
}
.general-article-wrapper .container .space {
width: 100%;
height: 24px;
}
@media screen and (min-width: 64em) {
.general-article-wrapper .container .space {
height: 32px;
}
}
.general-article-wrapper .container .grid-general {
display: grid;
grid-template-columns: 1fr;
grid-auto-flow: row;
grid-gap: 16px;
margin-bottom: 40px;
}
@media screen and (min-width: 64em) {
.general-article-wrapper .container .grid-general {
grid-template-columns: 0.6fr 4fr;
}
}
.general-article-wrapper .container .grid-general .share-article {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (min-width: 64em) {
.general-article-wrapper .container .grid-general .share-article {
display: unset;
}
}
.general-article-wrapper .container .grid-general .share-article .share-post {
border: 1px solid #bebebe;
border-radius: 5px;
padding: 25px 20px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: static;
margin: 8px 0px 32px 0px;
}
@media screen and (min-width: 48em) {
.general-article-wrapper .container .grid-general .share-article .share-post {
width: 36%;
}
}
@media screen and (min-width: 64em) {
.general-article-wrapper .container .grid-general .share-article .share-post {
position: sticky;
top: 100px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 75px;
margin-bottom: 0px;
}
}
.general-article-wrapper .container .grid-general .share-article .share-post .title {
margin-bottom: 0px;
margin-right: 20px;
}
@media screen and (min-width: 64em) {
.general-article-wrapper .container .grid-general .share-article .share-post .title {
margin-bottom: 20px;
margin-right: 0px;
}
}
.general-article-wrapper .container .grid-general .share-article .share-post .shareicon {
margin: 0px 20px 0px 0px;
}
@media screen and (min-width: 64em) {
.general-article-wrapper .container .grid-general .share-article .share-post .shareicon {
margin: 0px 0px 20px 0px;
}
}
.general-article-wrapper .container .grid-general .share-article .share-post .shareicon:last-child {
margin: 0px;
}
.general-article-wrapper .container .grid-general .share-article .share-post .shareicon svg {
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.general-article-wrapper .container .grid-general .share-article .share-post .shareicon svg:hover {
color: #6E8450;
}
.general-article-wrapper .container .grid-general .share-article .share-post .email {
position: relative;
top: 2px;
}
@media screen and (min-width: 64em) {
.general-article-wrapper .container .grid-general .share-article .share-post .email {
position: static;
}
}
.general-article-wrapper .container .wp-block-acf-full-width-video .container, .general-article-wrapper .container .wp-block-acf-grid-gallery .container {
padding: 0px;
}
.author-box {
margin-bottom: 0px;
padding-bottom: 96px;
background-color: #F8F7F4;
}
@media screen and (min-width: 64em) {
.author-box {
margin-bottom: 96px;
background-color: transparent;
}
}
.author-box .box-wrap {
background-color: #F8F7F4;
padding: 23px 0px;
display: grid;
grid-auto-columns: 1fr;
grid-auto-flow: row;
}
@media screen and (min-width: 64em) {
.author-box .box-wrap {
grid-template-columns: 1fr 1fr;
padding: 23px 96px;
}
}
.author-box .box-wrap .author-col {
border-bottom: 1px solid #D9D9D9;
padding-bottom: 16px;
}
@media screen and (min-width: 64em) {
.author-box .box-wrap .author-col {
border-right: 1px solid #D9D9D9;
border-bottom: 0px;
}
}
.author-box .box-wrap .author-col h5, .author-box .box-wrap .author-col p {
margin-bottom: 16px;
}
.author-box .box-wrap .social-col {
padding-top: 32px;
}
.author-box .box-wrap .social-col .share-post {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
}
@media screen and (min-width: 64em) {
.author-box .box-wrap .social-col .share-post {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.author-box .box-wrap .social-col .share-post .shareicon, .author-box .box-wrap .social-col .share-post .title {
margin-right: 16px;
}
.author-box .box-wrap .social-col .share-post .email {
margin-right: 0px;
position: relative;
top: 2px;
}
.author-box .news-wrap {
padding: 23px 96px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.author-box .news-wrap .social-col {
width: 100%;
padding-top: 0px;
}
.recent-articles-blog {
position: relative;
z-index: 2;
background-color: #F8F7F4;
padding: 56px 0px;
}
.recent-articles-blog .container {
padding: 0 var(--site-padding);
}
.recent-articles-blog .container .mobile-pad {
padding: 0px 15px 80px 15px;
}
@media screen and (min-width: 64em) {
.recent-articles-blog .container .mobile-pad {
padding: 0px;
}
}
.recent-articles-blog .container .title-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.recent-articles-blog .container .title-wrapper h2 {
margin-bottom: 24px;
}
@media screen and (min-width: 64em) {
.recent-articles-blog .container .title-wrapper h2 {
margin-bottom: 34px;
}
}
.recent-articles-blog .container .grid-recent-articles {
display: grid;
grid-template-columns: 1fr;
grid-auto-flow: row;
grid-gap: 16px;
margin-bottom: 40px;
}
@media screen and (min-width: 48em) {
.recent-articles-blog .container .grid-recent-articles {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (min-width: 64em) {
.recent-articles-blog .container .grid-recent-articles {
grid-auto-flow: column;
grid-template-columns: 1fr 1fr 1fr;
margin-bottom: 0px;
}
}
.recent-articles-blog .container .grid-recent-articles .box {
display: grid;
grid-template-columns: 1fr;
background-color: #ffffff;
border: 1px solid #D9D9D9;
}
@media screen and (min-width: 64em) {
.recent-articles-blog .container .grid-recent-articles .box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.recent-articles-blog .container .grid-recent-articles .box .thumbnail {
height: 100%;
}
@media screen and (min-width: 64em) {
.recent-articles-blog .container .grid-recent-articles .box .thumbnail {
height: 192px;
}
}
.recent-articles-blog .container .grid-recent-articles .box .thumbnail img {
height: 152px;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
@media screen and (min-width: 64em) {
.recent-articles-blog .container .grid-recent-articles .box .thumbnail img {
height: 192px;
}
}
.recent-articles-blog .container .grid-recent-articles .box .thumbnail .placeholder {
background: #1C3B72;
padding: 25px;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 152px;
}
@media screen and (min-width: 64em) {
.recent-articles-blog .container .grid-recent-articles .box .thumbnail .placeholder {
height: 192px;
}
}
.recent-articles-blog .container .grid-recent-articles .box .box-content {
padding: 16px;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.recent-articles-blog .container .grid-recent-articles .box .box-content h5 {
margin-bottom: 0px;
}
.recent-articles-blog .container .grid-recent-articles .box .box-content .subtitle {
margin-bottom: 55px;
font-weight: 500;
}
@media screen and (min-width: 64em) {
.recent-articles-blog .container .grid-recent-articles .box .box-content .subtitle {
margin-bottom: 45px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
}
.recent-articles-blog .container .grid-recent-articles .box .box-content .date {
margin: 16px 0px;
}
.recent-articles-blog .container .grid-recent-articles .box .box-content .date svg {
margin-right: 16px;
position: relative;
top: 6px;
}
.recent-articles-blog .container .grid-recent-articles .box .box-content a {
-webkit-transition: 50ms;
transition: 50ms;
}
.recent-articles-blog .container .grid-recent-articles .box .box-content a:hover {
color: var(--c-secondary);
}
.recent-articles-blog .container .center-button {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 40px;
}
.recent-articles-blog.is-admin .container-latest-trees h3 {
text-align: center;
width: 100%;
margin-bottom: 20px;
}
.background-overlay {
background-color: rgba(0, 0, 0, 0.1);
height: 100%;
position: absolute;
width: 100%;
z-index: 1;
}
.case-studies-template-default .wp-block-acf-content-image h2, .case-studies-template-default .wp-block-acf-content-image h3 {
font-size: 32px !important;
line-height: 40px !important;
margin-bottom: 24px;
}
.case-studies-tax {
padding: 0px 0px 80px 0px;
}
.case-studies-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.case-studies-container .case-study {
background-color: #F8F7F4;
margin-bottom: 16px;
width: 100%;
}
.case-studies-container .case-study .img-container {
height: 310px;
}
.case-studies-container .case-study .img-container img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.case-studies-container .case-study .text-container {
padding: 24px;
}
.case-studies-container .case-study .text-container > *:not(:last-child) {
margin-bottom: 24px;
}
.case-study-top-section {
border: 1px solid var(--Grey, #D9D9D9);
border-radius: 4px;
background: var(--c-white);
margin-top: 42px;
padding: 24px;
}
.case-study-top-section .case-study-search-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-size: 20px;
}
.case-study-top-section .case-study-search-container > div {
margin-top: 20px;
width: 100%;
}
.case-study-top-section .case-study-search-container > div > input[type=submit] {
height: auto;
margin-bottom: 0px;
padding: 8px 24px;
}
.case-study-top-section .case-study-search-container > div > input, .case-study-top-section .case-study-search-container > div > select {
font-size: 16px !important;
width: 100%;
}
.case-study-top-section .case-study-search-container > div span {
display: inline-block;
font-weight: 500;
margin-bottom: 10px;
}
.case-study-top-section .case-study-search-container input[type=submit] {
height: calc(100% - 19px);
position: relative;
}
.case-study-top-section .case-study-search-container input[type=text] {
background: var(--c-white, #FFF);
border: 1px solid var(--c-grey, #D9D9D9);
border-radius: 4px;
color: var(--c-medium-grey, #BEBEBE);
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
padding: 16px;
}
.case-study-top-section .case-study-search-container input, .case-study-top-section .case-study-search-container select {
margin-bottom: 0px !important;
}
.case-study-top-section .case-study-search-container select {
background-image: url(//trees.hillier.co.uk/wp-content/themes/vl-hilliertrees/src/img/grey-chevron-down.svg) !important;
background-position: 94% 50%;
border: 1px solid #D9D9D9;
border-radius: 4px;
padding: 12px 16px;
width: 100%;
}
.case-study-top-section .case-study-search-container #s {
background-image: url(//trees.hillier.co.uk/wp-content/themes/vl-hilliertrees/src/img/search.svg) !important;
background-position: 94% 50%;
background-repeat: no-repeat;
border: 1px solid #D9D9D9;
border-radius: 4px;
padding: 12px 16px;
width: 100%;
}
.case-study-top-section .clear-all-filters {
cursor: pointer;
display: inline-block;
margin-top: 15px;
padding-left: 22px;
position: relative;
}
.case-study-top-section .clear-all-filters svg {
-webkit-filter: brightness(0);
filter: brightness(0);
left: 6px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.case-study-top-section .filter-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 0px;
}
.case-study-top-section .filter-header .icon-col {
width: 10%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.case-study-top-section .filter-header .minus-icon {
display: none;
}
.case-study-top-section .filter-header .plus-icon {
display: block;
}
.case-study-top-section .filter-header .title-col {
width: 90%;
}
.case-study-load-more {
left: 50%;
margin-bottom: 80px;
margin-top: 24px;
position: relative;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.cs-outer-content {
padding: 80px 24px;
position: relative;
z-index: 3;
}
.cs-outer-content .cs-inner-content {
background-color: var(--c-quaternary);
border-radius: 4px;
max-width: 604px;
padding: 24px;
}
@media screen and (min-width: 64em) {
.cs-outer-content .cs-inner-content {
padding: 24px 32px 8px 32px;
}
}
.cs-outer-content .cs-inner-content a {
margin-right: 12px;
}
.cs-outer-content .cs-inner-content button {
margin-bottom: 16px;
cursor: pointer;
}
.cs-outer-content .cs-inner-content > *:not(:last-child) {
margin-bottom: 24px;
}
.case-studies-featured {
left: -24px;
margin: 40px 0px;
overflow: hidden;
position: relative;
width: calc(100% + 48px);
}
.case-studies-featured .background {
height: 100%;
position: absolute;
width: 100%;
}
.case-studies-featured .background img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
width: 100%;
}
.case-studies-featured .information-row {
display: grid;
grid-auto-flow: row;
grid-gap: 16px;
grid-template-columns: 0.5fr 3fr;
}
.case-study-archive {
padding-top: 3px;
}
.case-study-archive > h1 {
padding-top: 4px;
text-align: center;
}
.case-study-archive > p {
font-weight: 500;
margin: auto auto 0px auto;
max-width: 444px;
text-align: center;
}
.case-study-archive .container {
text-align: center;
}
.single-case-study-header {
margin-bottom: 42px;
position: relative;
}
.single-case-study-header .background {
height: 115px;
}
.single-case-study-header .background img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
width: 100%;
}
.single-case-study-header .cs-outer-content {
background-color: var(--c-quaternary);
border-radius: 8px;
bottom: 91px;
left: 24px;
padding: 32px;
width: calc(100% - 48px);
}
.single-case-studies #breadcrumbs {
padding: 3px 0 5px 0;
}
.single-case-studies .wp-block-acf-content-image {
padding-bottom: 32px;
padding-top: 40px;
}
.single-case-studies .wp-block-group {
margin: 40px 0px;
}
.single-case-studies .wp-block-group p, .single-case-studies .wp-block-group h1, .single-case-studies .wp-block-group h2, .single-case-studies .wp-block-group h3, .single-case-studies .wp-block-group h4, .single-case-studies .wp-block-group h5, .single-case-studies .wp-block-group h6, .single-case-studies .wp-block-group ul {
width: 100%;
}
.single-case-studies .wp-block-group > :first-child:not(p) {
padding-bottom: 20px !important;
padding-left: 24px !important;
padding-right: 24px !important;
}
.single-case-studies .wp-block-group > :first-child:is(p) {
padding-left: 24px !important;
padding-right: 24px !important;
}
.single-case-studies .wp-block-group > :last-child {
padding-left: 24px !important;
padding-right: 24px !important;
}
.single-case-studies .wp-block-group > :not(:first-child):not(:last-child) {
padding-left: 24px !important;
padding-right: 24px !important;
}
.single-case-studies .wp-block-group.is-layout-constrained {
padding: 0 !important;
}
.single-case-studies .wp-block-group.is-layout-constrained > :first-child {
padding-top: 80px !important;
}
.single-case-studies .wp-block-group.is-layout-constrained > :last-child {
padding-bottom: 80px !important;
}
.single-case-studies .wp-block-acf-content-image[class*=square][class*=right] .grid .text, .single-case-studies .wp-block-acf-content-image[class*=square][class*=left] .grid .text {
padding-bottom: 0px !important;
}
.single-case-studies .wp-block-acf-content-image[class*=is-style-left] .grid {
grid-template-areas: "text image";
}
@media screen and (min-width: 64em) {
.cs-outer-content {
padding: 72px 80px;
}
.case-studies-container {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.case-studies-container .case-study {
width: calc(50% - 8px);
}
.case-studies-featured {
left: 0px !important;
margin: 32px 0px;
width: 100% !important;
}
.case-studies-template-default .wp-block-acf-content-image h2, .case-studies-template-default .wp-block-acf-content-image h3 {
font-size: 35px !important;
line-height: 40px !important;
margin-bottom: 24px;
}
.case-study-archive > h1 {
margin-bottom: 8px;
margin-top: -2px;
padding: 0;
}
.case-study-archive p {
margin: auto auto 32px auto;
}
.case-study-load-more {
margin-bottom: 44px;
margin-top: 16px;
}
.case-study-top-section {
background: var(--Alabaster, #F8F7F4);
margin-top: 0;
padding: 15px 24px;
}
.case-study-top-section .case-study-search-container {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
font-size: 16px;
}
.case-study-top-section .case-study-search-container > div {
margin-top: 0px;
width: calc(33.333% - 12px);
}
.case-study-top-section .case-study-search-container > div span {
margin-bottom: 8px;
}
.case-study-top-section .case-study-search-container > input[type=submit] {
height: 54px;
}
.mobile-hide {
display: none !important;
}
.single-case-studies #breadcrumbs {
padding: 4px 0px 5px 0px;
}
.single-case-studies .wp-block-acf-content-image {
padding-bottom: 48px !important;
padding-top: 48px !important;
}
.single-case-studies .wp-block-group {
margin: 12px 0px;
padding-bottom: 58px !important;
padding-top: 58px !important;
}
.single-case-studies .wp-block-group p, .single-case-studies .wp-block-group h1, .single-case-studies .wp-block-group h2, .single-case-studies .wp-block-group h3, .single-case-studies .wp-block-group h4, .single-case-studies .wp-block-group h5, .single-case-studies .wp-block-group h6, .single-case-studies .wp-block-group ul {
max-width: 720px;
}
.single-case-study-header {
margin-bottom: 71px;
}
.single-case-study-header .background {
height: 177px;
}
.single-case-study-header .cs-outer-content {
bottom: 32px;
left: 32px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
#searchsubmit {
height: 56px;
margin-top: 27px;
}
.single-case-studies .wp-block-group.is-layout-constrained {
padding: 0 !important;
}
.single-case-studies .wp-block-group.is-layout-constrained > :last-child {
padding-bottom: 80px !important;
}
.single-case-studies .wp-block-acf-content-image[class*=square][class*=right] .grid .text, .single-case-studies .wp-block-acf-content-image[class*=square][class*=left] .grid .text {
padding-bottom: 40px !important;
}
.single-case-studies .wp-block-acf-content-image[class*=is-style-left] .grid {
grid-template-areas: "image text";
}
}
.contact-wrapper {
background-color: #F8F7F4;
}
.contact-wrapper h1 {
margin-bottom: 16px;
}
.contact-wrapper p {
margin-bottom: 0px;
padding: 0px 25px;
}
.contact-wrapper p:last-child {
margin-bottom: 32px;
}
@media screen and (min-width: 64em) {
.contact-wrapper p {
max-width: 600px;
margin: auto;
padding: 0px;
}
}
.contact-wrapper .mobile-box {
margin: 40px 24px;
background-color: #6E8450;
padding: 32px;
color: #FFFFFF;
display: block;
}
@media screen and (min-width: 64em) {
.contact-wrapper .mobile-box {
display: none;
}
}
.contact-wrapper .mobile-box h4, .contact-wrapper .mobile-box p {
margin-bottom: 16px;
}
.contact-wrapper .mobile-box p {
padding: 0px;
}
.contact-wrapper .mobile-box .button--outline {
display: block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 8px 24px;
}
.contact-map {
border-top: 1px solid #D9D9D9;
background-color: #FFFFFF;
}
.contact-map .container .align-center {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 16px 24px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media screen and (min-width: 64em) {
.contact-map .container .align-center {
padding: 16px 0px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.contact-map .container .align-center .button--outline {
display: inline-block;
padding: 20px;
width: 100%;
margin-bottom: 16px;
text-align: center;
}
@media screen and (min-width: 64em) {
.contact-map .container .align-center .button--outline {
margin-right: 16px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-bottom: 0px;
}
}
.contact-map .container .align-center .button--outline.active {
cursor: pointer;
border-radius: 5px;
border: none;
border-radius: var(--border-radius);
outline: none;
background-color: var(--c-primary);
color: var(--c-white);
padding: 16px 20px;
font-weight: 500;
font-size: 16px;
line-height: var(--t-base-line-height);
-webkit-transition: background-color 150ms ease;
transition: background-color 150ms ease;
}
@media screen and (min-width: 64em) {
.contact-map .container .align-center .button--outline.active {
margin-right: 16px;
}
}
.contact-map .container .align-center .button--outline.active:focus-visible {
outline: none;
-webkit-transition: -webkit-box-shadow 100ms ease-out;
transition: -webkit-box-shadow 100ms ease-out;
transition: box-shadow 100ms ease-out;
transition: box-shadow 100ms ease-out, -webkit-box-shadow 100ms ease-out;
-webkit-box-shadow: 0 0 0 2px var(--focus-inner), 0 0 0 4px var(--focus-outer);
box-shadow: 0 0 0 2px var(--focus-inner), 0 0 0 4px var(--focus-outer);
}
.contact-map .container .align-center .button--outline.active:active {
-webkit-transition: -webkit-transform 150ms;
transition: -webkit-transform 150ms;
transition: transform 150ms;
transition: transform 150ms, -webkit-transform 150ms;
-webkit-transform: scale(0.94) !important;
transform: scale(0.94) !important;
}
.contact-map .container .align-center .button--outline.active:hover, .contact-map .container .align-center .button--outline.active:active {
background-color: rgba(28, 59, 114, 0.8);
}
.contact-map .content-tab {
display: none;
}
.contact-map .content-tab.active {
display: block;
}
.contact-map .map-wrap {
position: relative;
}
.contact-map .map-wrap #map {
height: 432px;
width: 100%;
border-top: 1px solid #D9D9D9;
}
.contact-map .map-wrap .mapcta {
position: absolute;
bottom: 32px;
right: 5%;
display: none;
}
@media screen and (min-width: 64em) {
.contact-map .map-wrap .mapcta {
display: block;
}
}
.single-trees-hero {
z-index: 2;
margin: 0px;
}
.single-trees-hero .banner-background {
width: 100%;
background-color: var(--c-secondary);
background-size: cover;
background-position: top;
background-repeat: no-repeat;
min-height: 817px;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
position: relative;
}
@media screen and (min-width: 64em) {
.single-trees-hero .banner-background {
min-height: 690px;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
}
.single-trees-hero .banner-background .banner-overlay {
background: rgba(0, 0, 0, 0.4);
position: absolute;
top: 0px;
width: 100%;
height: 100%;
}
@media screen and (min-width: 64em) {
.single-trees-hero .banner-background .banner-overlay {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
}
}
.single-trees-hero .banner-background .breadWrap {
color: #FFFFFF;
padding: 0 !important;
position: relative;
z-index: 2;
}
.single-trees-hero .banner-background .container {
padding: 0 var(--site-padding);
min-height: 817px;
}
@media screen and (min-width: 64em) {
.single-trees-hero .banner-background .container {
min-height: 690px;
}
}
.single-trees-hero .banner-background .container .grid {
display: grid;
grid-gap: 40px;
grid-auto-flow: row;
grid-template-columns: 1fr;
}
@media screen and (min-width: 64em) {
.single-trees-hero .banner-background .container .grid {
grid-template-columns: 3fr 1fr;
grid-auto-flow: column;
}
}
.single-trees-hero .banner-background .container .grid .banner-col {
max-width: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
@media screen and (min-width: 64em) {
.single-trees-hero .banner-background .container .grid .banner-col {
-webkit-box-ordinal-group: unset;
-ms-flex-order: unset;
order: unset;
}
}
.single-trees-hero .banner-background .container .grid .banner-col .box-wrap {
color: #383838;
background: #F8F7F4;
-webkit-box-shadow: 4px 4px 16px 0px rgba(148, 146, 146, 0.3);
box-shadow: 4px 4px 16px 0px rgba(148, 146, 146, 0.3);
margin-top: 80px;
padding: 16px;
border-radius: 8px;
}
@media screen and (min-width: 64em) {
.single-trees-hero .banner-background .container .grid .banner-col .box-wrap {
max-width: 80%;
padding: 32px;
}
}
.single-trees-hero .banner-background .container .grid .banner-col .box-wrap .button-fill {
margin-top: 16px;
display: block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.single-trees-hero .banner-background .container .grid .gallery-col .tree-gallery {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
@media screen and (min-width: 64em) {
.single-trees-hero .banner-background .container .grid .gallery-col .tree-gallery {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
}
}
.single-trees-hero .banner-background .container .grid .gallery-col .tree-gallery .gallery-item {
margin-right: 16px;
}
@media screen and (min-width: 64em) {
.single-trees-hero .banner-background .container .grid .gallery-col .tree-gallery .gallery-item {
margin-right: 0px;
}
}
.single-trees-hero .banner-background .container .grid .gallery-col .tree-gallery .gallery-item img {
border: 2px solid #FFFFFF;
width: 60px;
height: 60px;
margin-bottom: 8px;
}
.single-trees-hero .banner-background .container .grid .gallery-col .tree-gallery .gallery-box {
height: 60px;
width: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #F8F7F4;
cursor: pointer;
border-radius: 4px;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.single-trees-hero .banner-background .container .grid .gallery-col .tree-gallery .gallery-box:hover {
background-color: var(--c-blue);
color: #FFFFFF;
}
.single-trees-hero .banner-background .container .grid .gallery-col .tree-gallery .gallery-box:hover #tree-gallery-modal-open {
color: #FFFFFF;
}
.single-trees-hero .banner-background .container .grid .gallery-col .tree-gallery .gallery-box p {
font-size: 14px;
}
.single-trees-hero .banner-background .container .grid .gallery-col .tree-gallery .gallery-box #tree-gallery-modal-open {
border: 0px;
background-color: transparent;
cursor: pointer;
}
.single-trees-hero .banner-background .container .grid .gallery-col .modal {
display: none;
position: fixed;
z-index: 15;
z-index: 100;
left: 0;
top: 0%;
overflow: auto;
height: 100%;
width: 100%;
}
.single-trees-hero .banner-background .container .grid .gallery-col .modal .modal-content {
background-color: #FFFFFF;
margin: auto;
padding: 10px;
width: 100%;
max-width: 800px;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.single-trees-hero .banner-background .container .grid .gallery-col .modal .modal-content .close {
color: #383838;
font-weight: bold;
position: absolute;
right: 30px;
font-size: 45px;
top: 16px;
-webkit-transition: 0.2 ease-in-out;
transition: 0.2 ease-in-out;
z-index: 10;
}
.single-trees-hero .banner-background .container .grid .gallery-col .modal .modal-content .close:hover, .single-trees-hero .banner-background .container .grid .gallery-col .modal .modal-content .close:focus {
color: #FFFFFF;
text-decoration: none;
cursor: pointer;
}
@-webkit-keyframes tonext {
75% {
left: 0;
}
95% {
left: 100%;
}
98% {
left: 100%;
}
99% {
left: 0;
}
}
@keyframes tonext {
75% {
left: 0;
}
95% {
left: 100%;
}
98% {
left: 100%;
}
99% {
left: 0;
}
}
@-webkit-keyframes tostart {
75% {
left: 0;
}
95% {
left: -300%;
}
98% {
left: -300%;
}
99% {
left: 0;
}
}
@keyframes tostart {
75% {
left: 0;
}
95% {
left: -300%;
}
98% {
left: -300%;
}
99% {
left: 0;
}
}
@-webkit-keyframes snap {
96% {
scroll-snap-align: center;
}
97% {
scroll-snap-align: none;
}
99% {
scroll-snap-align: none;
}
100% {
scroll-snap-align: center;
}
}
@keyframes snap {
96% {
scroll-snap-align: center;
}
97% {
scroll-snap-align: none;
}
99% {
scroll-snap-align: none;
}
100% {
scroll-snap-align: center;
}
}
.single-trees-hero .banner-background .container .grid .gallery-col #tree-modal .carousel {
position: relative;
width: 100%;
max-width: 800px;
height: 600px;
-webkit-filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.2));
filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.2));
-webkit-perspective: 100px;
perspective: 100px;
max-height: 90vh;
}
.single-trees-hero .banner-background .container .grid .gallery-col #tree-modal .carousel ol, .single-trees-hero .banner-background .container .grid .gallery-col #tree-modal .carousel li {
list-style: none;
margin: 0;
padding: 0;
}
.single-trees-hero .banner-background .container .grid .gallery-col #tree-modal .carousel .carousel__viewport {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow-x: scroll;
counter-reset: item;
scroll-behavior: smooth;
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
}
.single-trees-hero .banner-background .container .grid .gallery-col #tree-modal .carousel .carousel__viewport .carousel__slide {
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
background-color: #FFFFFF;
counter-increment: item;
}
.single-trees-hero .banner-background .container .grid .gallery-col #tree-modal .carousel .carousel__viewport .carousel__slide img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.single-trees-hero .banner-background .container .grid .gallery-col #tree-modal .carousel .carousel__navigation {
position: absolute;
right: 0;
bottom: 10px;
left: 0;
text-align: center;
}
.single-trees-hero .banner-background .container .grid .gallery-col #tree-modal .carousel .carousel__navigation .carousel__navigation-list,
.single-trees-hero .banner-background .container .grid .gallery-col #tree-modal .carousel .carousel__navigation .carousel__navigation-item {
display: inline-block;
}
.single-trees-hero .banner-background .container .grid .gallery-col #tree-modal .carousel .carousel__navigation .carousel__navigation-list .carousel__navigation-button,
.single-trees-hero .banner-background .container .grid .gallery-col #tree-modal .carousel .carousel__navigation .carousel__navigation-item .carousel__navigation-button {
display: inline-block;
width: 1.5rem;
height: 1.5rem;
background-color: #FFFFFF;
background-clip: content-box;
border: 0.25rem solid transparent;
border-radius: 50%;
font-size: 0;
-webkit-transition: -webkit-transform 0.1s;
transition: -webkit-transform 0.1s;
transition: transform 0.1s;
transition: transform 0.1s, -webkit-transform 0.1s;
}
.single-trees-hero .banner-background .container .grid .gallery-col #tree-modal .carousel .carousel__navigation .carousel__navigation-list .carousel__navigation-button:hover,
.single-trees-hero .banner-background .container .grid .gallery-col #tree-modal .carousel .carousel__navigation .carousel__navigation-item .carousel__navigation-button:hover {
background-color: #383838;
}
.single-trees-hero .banner-background .container .tree-stats {
margin-top: 24px;
}
.single-trees-hero .banner-background .container .tree-stats .tree-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 80%;
}
@media screen and (min-width: 64em) {
.single-trees-hero .banner-background .container .tree-stats .tree-wrap {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: 50%;
}
}
.single-trees-hero .banner-background .container .tree-stats .tree-wrap .col-1 {
border-bottom: 1px solid #FFFFFF;
border-right: 0px;
color: #FFFFFF;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 24px;
}
@media screen and (min-width: 64em) {
.single-trees-hero .banner-background .container .tree-stats .tree-wrap .col-1 {
border-right: 1px solid #FFFFFF;
border-bottom: 0px;
margin-bottom: 0px;
}
}
.single-trees-hero .banner-background .container .tree-stats .tree-wrap .col-1 .size-col {
padding: 0px 32px;
}
.single-trees-hero .banner-background .container .tree-stats .tree-wrap .col-1 .size-col h6 {
font-weight: 500;
text-transform: capitalize;
}
.single-trees-hero .banner-background .container .tree-stats .tree-wrap .col-2 {
width: 100%;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #FFFFFF;
padding: 0px 16px;
}
.single-trees-hero .banner-background .container .tree-stats .tree-wrap .col-2 .select-col select, .single-trees-hero .banner-background .container .tree-stats .tree-wrap .col-2 .graph-col select {
border: 0px;
background: transparent;
color: #FFFFFF;
font-size: 22px;
font-weight: 500;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 130px;
outline: none;
background-image: url(//trees.hillier.co.uk/wp-content/themes/vl-hilliertrees/src/img/chevron-down.svg) !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
padding: 0px !important;
height: auto !important;
background-repeat: no-repeat;
background-position: 97% 50%;
background-size: 14px;
-webkit-filter: brightness(100);
filter: brightness(100);
margin: 2px 0px;
}
.single-trees-hero .banner-background .container .tree-stats .tree-wrap .col-2 .graph-col {
width: 158px;
}
.single-trees-hero .banner-background .container .tree-stats .tree-wrap .col-2 .graph-col .tree-year.hovered {
opacity: 0.8;
}
.single-trees-wrapper .tree-information {
background-color: #FFFFFF;
-webkit-box-shadow: none;
box-shadow: none;
margin-top: 0px;
position: relative;
z-index: 10;
margin-bottom: 32px;
}
@media screen and (min-width: 48em) {
.single-trees-wrapper .tree-information {
margin-top: -60px;
}
}
@media screen and (min-width: 64em) {
.single-trees-wrapper .tree-information {
margin-top: -120px;
-webkit-box-shadow: 4px 4px 16px 0px rgba(148, 146, 146, 0.3);
box-shadow: 4px 4px 16px 0px rgba(148, 146, 146, 0.3);
margin-bottom: 56px;
}
}
.single-trees-wrapper .tree-information .grid-trees {
display: grid;
grid-template-columns: 1fr;
grid-auto-flow: row;
padding: 32px;
}
@media screen and (min-width: 48em) {
.single-trees-wrapper .tree-information .grid-trees {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (min-width: 64em) {
.single-trees-wrapper .tree-information .grid-trees {
grid-auto-flow: column;
grid-template-columns: 2fr 1fr;
margin-bottom: 0px;
}
}
.single-trees-wrapper .tree-information .grid-trees .main-col {
border-right: 0px;
padding-right: 0px;
}
@media screen and (min-width: 48em) {
.single-trees-wrapper .tree-information .grid-trees .main-col {
padding-left: 16px;
margin-top: 0px;
}
}
@media screen and (min-width: 64em) {
.single-trees-wrapper .tree-information .grid-trees .main-col {
border-right: 1px solid #D9D9D9;
padding-right: 32px;
}
}
.single-trees-wrapper .tree-information .grid-trees .main-col .tree-wishlist {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 8px 0px 16px 0px;
}
@media screen and (min-width: 64em) {
.single-trees-wrapper .tree-information .grid-trees .main-col .tree-wishlist {
display: none;
}
}
.single-trees-wrapper .tree-information .grid-trees .main-col .specialities .button-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin: 8px 0px 0px 0px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.single-trees-wrapper .tree-information .grid-trees .main-col .specialities .button-wrap .special-tree {
border-radius: 16px;
background: var(--c-blue);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 8px 16px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-right: 16px;
border: 0px;
color: #FFFFFF;
min-width: 140px;
margin-bottom: 16px;
}
.single-trees-wrapper .tree-information .grid-trees .main-col .specialities .button-wrap .special-tree:last-child {
margin-right: 0px;
}
.single-trees-wrapper .tree-information .grid-trees .main-col .tolerances .text-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin-top: 8px;
}
.single-trees-wrapper .tree-information .grid-trees .main-col .tolerances .text-wrap .small {
border-right: 1px solid #D9D9D9;
padding-right: 16px;
margin-right: 16px;
font-weight: 500;
}
.single-trees-wrapper .tree-information .grid-trees .main-col .tolerances .text-wrap .small:last-child {
border-right: 0px;
padding-right: 0px;
margin-right: 0px;
}
.single-trees-wrapper .tree-information .grid-trees .main-col .tree-text {
margin: 0px 0px 32px 0px;
}
.single-trees-wrapper .tree-information .grid-trees .main-col .tree-text p {
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.single-trees-wrapper .tree-information .grid-trees .main-col .grey-cta-box {
background-color: #F8F7F4;
border: 1px solid #D9D9D9;
padding: 24px;
}
.single-trees-wrapper .tree-information .grid-trees .main-col .grey-cta-box h5 {
margin-bottom: 16px;
}
.single-trees-wrapper .tree-information .grid-trees .main-col .grey-cta-box .button-fill {
margin-top: 8px;
display: block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.single-trees-wrapper .tree-information .grid-trees .sm-col {
padding-left: 0px;
margin-top: 32px;
}
@media screen and (min-width: 48em) {
.single-trees-wrapper .tree-information .grid-trees .sm-col {
padding-left: 16px;
margin-top: 0px;
}
}
@media screen and (min-width: 64em) {
.single-trees-wrapper .tree-information .grid-trees .sm-col {
padding-left: 32px;
margin-top: 0px;
}
}
.single-trees-wrapper .tree-information .grid-trees .sm-col .tree-wishlist {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: none;
}
@media screen and (min-width: 64em) {
.single-trees-wrapper .tree-information .grid-trees .sm-col .tree-wishlist {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.single-trees-wrapper .tree-information .grid-trees .sm-col .tree-wishlist p {
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.single-trees-wrapper .tree-information .grid-trees .sm-col .tree-wishlist .white-heart {
display: block;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.single-trees-wrapper .tree-information .grid-trees .sm-col .tree-wishlist .red-heart {
display: none;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.single-trees-wrapper .tree-information .grid-trees .sm-col .tree-wishlist:hover .white-heart {
display: none;
}
.single-trees-wrapper .tree-information .grid-trees .sm-col .tree-wishlist:hover .red-heart {
display: block;
}
.single-trees-wrapper .tree-information .grid-trees .sm-col .tree-wishlist svg {
margin-right: 8px;
}
.single-trees-wrapper .tree-information .grid-trees .sm-col .tree-second-info .block {
margin-bottom: 16px;
}
.single-trees-wrapper .tree-information .grid-trees .sm-col .tree-second-info .block .large-title {
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 30px;
}
.single-trees-wrapper .tree-information .grid-trees .sm-col .tree-second-info .block .bold {
font-weight: 700;
}
.single-trees-wrapper .tree-information .grid-trees .sm-col .tree-second-info .block p {
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.single-trees-wrapper .tree-faqs {
width: 100%;
margin-bottom: 0px;
}
@media screen and (min-width: 64em) {
.single-trees-wrapper .tree-faqs {
margin-bottom: 96px;
}
}
.single-trees-wrapper .tree-faqs .container {
padding: 0 var(--site-padding);
}
.single-trees-wrapper .tree-faqs .container .title-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.single-trees-wrapper .tree-faqs .container .title-wrapper a {
text-decoration: none;
font-weight: 500;
}
.single-trees-wrapper .tree-faqs .container .title-wrapper h3 {
margin-bottom: 24px;
}
@media screen and (min-width: 64em) {
.single-trees-wrapper .tree-faqs .container .title-wrapper h3 {
margin-bottom: 34px;
}
}
.single-trees-wrapper .tree-faqs .container .accordian-repeater {
margin: auto;
padding-bottom: 96px;
}
@media screen and (min-width: 64em) {
.single-trees-wrapper .tree-faqs .container .accordian-repeater {
padding-bottom: 0px;
}
}
.single-trees-wrapper .tree-faqs .container .accordian-repeater .accordian-wrap {
border-bottom: 1px solid #D9D9D9;
}
.single-trees-wrapper .tree-faqs .container .accordian-repeater .accordian-wrap:first-child {
border-top: 1px solid #D9D9D9;
}
.single-trees-wrapper .tree-faqs .container .accordian-repeater .accordian-wrap .accordian-title {
cursor: pointer;
}
.single-trees-wrapper .tree-faqs .container .accordian-repeater .accordian-wrap .accordian-title .inner-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.single-trees-wrapper .tree-faqs .container .accordian-repeater .accordian-wrap .accordian-title .inner-wrap .title-col {
width: 90%;
padding: 16px;
}
@media screen and (min-width: 64em) {
.single-trees-wrapper .tree-faqs .container .accordian-repeater .accordian-wrap .accordian-title .inner-wrap .title-col {
width: 95%;
}
}
.single-trees-wrapper .tree-faqs .container .accordian-repeater .accordian-wrap .accordian-title .inner-wrap .title-col p {
font-size: 22px;
line-height: 32px;
font-weight: 500;
margin: 0px;
}
.single-trees-wrapper .tree-faqs .container .accordian-repeater .accordian-wrap .accordian-title .inner-wrap .icon-col {
width: 10%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 60px;
}
@media screen and (min-width: 64em) {
.single-trees-wrapper .tree-faqs .container .accordian-repeater .accordian-wrap .accordian-title .inner-wrap .icon-col {
width: 5%;
}
}
.single-trees-wrapper .tree-faqs .container .accordian-repeater .accordian-wrap .accordian-title .inner-wrap .icon-col .plus-icon, .single-trees-wrapper .tree-faqs .container .accordian-repeater .accordian-wrap .accordian-title .inner-wrap .icon-col .minus-icon {
font-size: 80px;
cursor: pointer;
color: #383838;
position: relative;
top: -20px;
}
.single-trees-wrapper .tree-faqs .container .accordian-repeater .accordian-wrap .accordian-title .inner-wrap .icon-col .minus-icon {
display: none;
}
.single-trees-wrapper .tree-faqs .container .accordian-repeater .accordian-wrap .content-block {
display: none;
width: 90%;
padding: 16px 16px 48px 16px;
}
.single-trees-wrapper .tree-faqs .container .accordian-repeater .accordian-wrap .content-block .text-wrap p {
margin-top: 0px;
}
.single-trees-wrapper .tree-form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.single-trees-wrapper .tree-form .form-wrap {
width: 100%;
max-width: 720px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 72px 48px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 10px;
border-radius: 4px;
border: 1px solid #D9D9D9;
background: #FFFFFF;
-webkit-box-shadow: 4px 4px 16px 0px rgba(148, 146, 146, 0.3);
box-shadow: 4px 4px 16px 0px rgba(148, 146, 146, 0.3);
margin-bottom: 80px;
}
@media screen and (min-width: 64em) {
.single-trees-wrapper .tree-form .form-wrap {
margin-bottom: 96px;
}
}
.single-trees-wrapper .tree-form .form-wrap h3 {
margin: 0px auto 16px auto;
}
.single-trees-wrapper .tree-form .form-wrap .text {
text-align: center;
width: 100%;
margin-bottom: 40px;
}
.single-trees-wrapper .tree-form .form-wrap .contact-form .grid-col {
width: 100%;
}
.single-trees-wrapper .tree-form .form-wrap .contact-form .grid-col br {
display: none;
}
.single-trees-wrapper .tree-form .form-wrap .contact-form .grid-col button {
min-width: 186px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.single-trees-wrapper .related-trees {
position: relative;
z-index: 2;
margin-bottom: 80px;
}
@media screen and (min-width: 64em) {
.single-trees-wrapper .related-trees {
margin-bottom: 96px;
}
}
.single-trees-wrapper .related-trees .container {
padding: 0 var(--site-padding);
}
@media screen and (min-width: 100em) {
.single-trees-wrapper .related-trees .container {
padding: 0px;
}
}
.single-trees-wrapper .related-trees .title-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 32px;
}
@media screen and (min-width: 64em) {
.single-trees-wrapper .related-trees .title-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin-bottom: 0px;
}
}
.single-trees-wrapper .related-trees .title-wrapper a {
text-decoration: none;
font-weight: 400;
}
.single-trees-wrapper .related-trees .title-wrapper h2 {
margin-bottom: 9px;
}
@media screen and (min-width: 64em) {
.single-trees-wrapper .related-trees .title-wrapper h2 {
margin-bottom: 34px;
}
}
.single-trees-wrapper .related-trees .grid-latest-trees {
display: grid;
grid-template-columns: 1fr;
grid-auto-flow: row;
grid-gap: 16px;
margin-bottom: 40px;
}
@media screen and (min-width: 48em) {
.single-trees-wrapper .related-trees .grid-latest-trees {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (min-width: 64em) {
.single-trees-wrapper .related-trees .grid-latest-trees {
grid-auto-flow: column;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin-bottom: 0px;
}
}
.single-trees-wrapper .related-trees .grid-latest-trees .box {
display: grid;
grid-template-columns: 1fr 1fr;
background-color: #ffffff;
border: 1px solid #D9D9D9;
}
@media screen and (min-width: 64em) {
.single-trees-wrapper .related-trees .grid-latest-trees .box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.single-trees-wrapper .related-trees .grid-latest-trees .box .thumbnail {
height: 100%;
}
@media screen and (min-width: 64em) {
.single-trees-wrapper .related-trees .grid-latest-trees .box .thumbnail {
height: 170px;
}
}
.single-trees-wrapper .related-trees .grid-latest-trees .box .thumbnail .img-wrap {
position: relative;
height: 100%;
}
.single-trees-wrapper .related-trees .grid-latest-trees .box .thumbnail .img-wrap .overlay {
position: absolute;
top: 0px;
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 0.3);
}
.single-trees-wrapper .related-trees .grid-latest-trees .box .thumbnail .img-wrap img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
@media screen and (min-width: 64em) {
.single-trees-wrapper .related-trees .grid-latest-trees .box .thumbnail .img-wrap img {
height: 170px;
}
}
.single-trees-wrapper .related-trees .grid-latest-trees .box .thumbnail .img-wrap .wishlist {
position: absolute;
bottom: 16px;
right: 16px;
color: #FFFFFF;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: 500;
}
.single-trees-wrapper .related-trees .grid-latest-trees .box .thumbnail .img-wrap .wishlist .white-heart {
display: block;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.single-trees-wrapper .related-trees .grid-latest-trees .box .thumbnail .img-wrap .wishlist .red-heart {
display: none;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.single-trees-wrapper .related-trees .grid-latest-trees .box .thumbnail .img-wrap .wishlist:hover .white-heart {
display: none;
}
.single-trees-wrapper .related-trees .grid-latest-trees .box .thumbnail .img-wrap .wishlist:hover .red-heart {
display: block;
}
.single-trees-wrapper .related-trees .grid-latest-trees .box .thumbnail .img-wrap .wishlist svg {
margin-right: 10px;
}
.single-trees-wrapper .related-trees .grid-latest-trees .box .thumbnail .placeholder {
background: #6E8450;
padding: 25px;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
}
@media screen and (min-width: 64em) {
.single-trees-wrapper .related-trees .grid-latest-trees .box .thumbnail .placeholder {
height: 170px;
}
}
.single-trees-wrapper .related-trees .grid-latest-trees .box .box-content {
padding: 16px;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.single-trees-wrapper .related-trees .grid-latest-trees .box .box-content h5 {
margin-bottom: 0px;
}
.single-trees-wrapper .related-trees .grid-latest-trees .box .box-content .subtitle {
margin-bottom: 55px;
font-weight: 500;
}
@media screen and (min-width: 64em) {
.single-trees-wrapper .related-trees .grid-latest-trees .box .box-content .subtitle {
margin-bottom: 45px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
}
.single-trees-wrapper .related-trees .grid-latest-trees .box .box-content .tree-stats {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
margin-bottom: 8px;
}
@media screen and (min-width: 64em) {
.single-trees-wrapper .related-trees .grid-latest-trees .box .box-content .tree-stats {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.single-trees-wrapper .related-trees .grid-latest-trees .box .box-content .tree-stats .col-size {
width: 100%;
}
@media screen and (min-width: 64em) {
.single-trees-wrapper .related-trees .grid-latest-trees .box .box-content .tree-stats .col-size {
width: 45%;
border-right: 1px solid #000;
margin-right: 5%;
}
}
.single-trees-wrapper .related-trees .grid-latest-trees .box .box-content .tree-stats .col-avail {
width: 100%;
}
@media screen and (min-width: 64em) {
.single-trees-wrapper .related-trees .grid-latest-trees .box .box-content .tree-stats .col-avail {
width: 50%;
}
}
.single-trees-wrapper .related-trees .grid-latest-trees .box .box-content a {
-webkit-transition: 50ms;
transition: 50ms;
font-weight: 500;
}
.single-trees-wrapper .related-trees .grid-latest-trees .box .box-content a:hover {
color: var(--c-secondary);
}
.bottom-cta {
width: 100%;
display: grid;
grid-template-columns: 1fr;
grid-auto-flow: row;
}
@media screen and (min-width: 48em) {
.bottom-cta {
grid-template-columns: 1fr 1fr;
}
}
.bottom-cta .blue-col {
background-color: var(--c-blue);
}
.bottom-cta .grey-col {
background-color: var(--c-d-grey);
}
.bottom-cta .cta-col {
text-align: center;
padding: 42px 55px;
color: #FFFFFF;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bottom-cta .cta-col svg {
color: #FFFFFF;
}
.bottom-cta .cta-col .h3 {
font-size: 35px;
font-style: normal;
font-weight: 400;
line-height: 40px;
font-family: "garamond-premier-pro", serif;
color: #FFFFFF;
max-width: 290px;
}
.bottom-cta .cta-col a {
font-size: 20px;
}
.tree-wishlist {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: none;
}
@media screen and (min-width: 64em) {
.tree-wishlist {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.tree-wishlist p {
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.tree-wishlist .white-heart {
display: block;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.tree-wishlist .red-heart {
display: none;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.tree-wishlist:hover .white-heart {
display: none;
}
.tree-wishlist:hover .red-heart {
display: block;
}
.tree-wishlist svg {
margin-right: 8px;
}
#gallery-modal-underlay {
background-color: rgba(0, 0, 0, 0.5);
height: 100vh;
left: 0;
position: fixed;
top: 0;
width: 100vw;
z-index: 100;
}
.graph-col {
position: relative;
}
.graph-col .tree-year {
position: absolute;
top: 0;
width: 33.3333333333%;
}
.graph-col .tree-year.fifteen-years {
left: 2%;
width: 22%;
top: 17px;
}
.graph-col .tree-year.thirty-years {
left: 28%;
width: 30%;
top: 9px;
}
.graph-col .tree-year.fifty-years {
left: 55%;
width: 48%;
}
.graph-col .tree-year.selected svg:nth-child(1) {
display: none;
}
.graph-col .tree-year:not(.selected) svg:nth-child(2) {
display: none;
}
.tree-wrap .img-col {
width: 69px;
}
.blog-wrapper {
position: relative;
z-index: 2;
background-color: #F8F7F4;
padding: 8px 0px 96px 0px;
}
.blog-wrapper .container {
padding: 0 var(--site-padding);
}
.blog-wrapper .container .two-column-hero-banner {
width: 100%;
margin-bottom: 32px;
}
.blog-wrapper .container .two-column-hero-banner .banner-wrap {
width: 100%;
display: grid;
grid-auto-columns: 1fr;
grid-auto-flow: row;
}
@media screen and (min-width: 64em) {
.blog-wrapper .container .two-column-hero-banner .banner-wrap {
grid-template-columns: 1fr 1fr;
}
}
.blog-wrapper .container .two-column-hero-banner .banner-wrap .image-banner {
width: 100%;
}
.blog-wrapper .container .two-column-hero-banner .banner-wrap .image-banner .image img {
width: 100%;
height: 196px;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (min-width: 64em) {
.blog-wrapper .container .two-column-hero-banner .banner-wrap .image-banner .image img {
height: 249px;
}
}
.blog-wrapper .container .two-column-hero-banner .banner-wrap .banner-contents {
width: 100%;
max-width: none;
color: #383838;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.blog-wrapper .container .two-column-hero-banner .banner-wrap .banner-contents h1 {
margin-bottom: 16px;
}
.blog-wrapper .container .two-column-hero-banner .banner-wrap .banner-contents .text {
font-size: 16px;
width: 100%;
font-weight: 500;
margin-bottom: 24px;
}
@media screen and (min-width: 64em) {
.blog-wrapper .container .two-column-hero-banner .banner-wrap .banner-contents .text {
width: 70%;
margin-bottom: 0px;
}
}
.blog-wrapper .container .blog-cols {
display: grid;
grid-template-columns: 1fr;
grid-auto-flow: row;
grid-gap: 32px;
margin-bottom: 40px;
}
@media screen and (min-width: 48em) {
.blog-wrapper .container .blog-cols {
grid-template-columns: 0.6fr 2fr;
}
}
.blog-wrapper .container .blog-cols .search-posts .filter-box {
padding: 24px;
border: 1px solid #D9D9D9;
border-radius: 4px;
background: #FFFFFF;
position: static;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media screen and (min-width: 64em) {
.blog-wrapper .container .blog-cols .search-posts .filter-box {
position: sticky;
top: 60px;
display: block;
}
}
.blog-wrapper .container .blog-cols .search-posts .filter-box .filter-header {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.blog-wrapper .container .blog-cols .search-posts .filter-box .filter-header .title-col {
width: 90%;
}
@media screen and (min-width: 64em) {
.blog-wrapper .container .blog-cols .search-posts .filter-box .filter-header .title-col {
width: 100%;
}
}
.blog-wrapper .container .blog-cols .search-posts .filter-box .filter-header .title-col h5 {
margin-bottom: 0px;
}
@media screen and (min-width: 64em) {
.blog-wrapper .container .blog-cols .search-posts .filter-box .filter-header .title-col h5 {
margin-bottom: 16px;
}
}
.blog-wrapper .container .blog-cols .search-posts .filter-box .filter-header .icon-col {
width: 10%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (min-width: 64em) {
.blog-wrapper .container .blog-cols .search-posts .filter-box .filter-header .icon-col {
width: 5%;
}
}
.blog-wrapper .container .blog-cols .search-posts .filter-box .filter-header .icon-col .plus-icon, .blog-wrapper .container .blog-cols .search-posts .filter-box .filter-header .icon-col .minus-icon {
cursor: pointer;
color: #383838;
}
.blog-wrapper .container .blog-cols .search-posts .filter-box .filter-header .icon-col .plus-icon {
display: block;
}
@media screen and (min-width: 64em) {
.blog-wrapper .container .blog-cols .search-posts .filter-box .filter-header .icon-col .plus-icon {
display: none;
}
}
.blog-wrapper .container .blog-cols .search-posts .filter-box .filter-header .icon-col .minus-icon {
display: none;
}
.blog-wrapper .container .blog-cols .search-posts .filter-box .blog-search {
display: none;
width: 100%;
margin-top: 24px;
}
@media screen and (min-width: 64em) {
.blog-wrapper .container .blog-cols .search-posts .filter-box .blog-search {
display: block;
margin-top: 0px;
}
}
.blog-wrapper .container .blog-cols .search-posts .filter-box .blog-search .blog-form {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.blog-wrapper .container .blog-cols .search-posts .filter-box .blog-search .blog-form .bold {
margin-bottom: 8px;
}
.blog-wrapper .container .blog-cols .search-posts .filter-box .blog-search .blog-form .input {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.blog-wrapper .container .blog-cols .search-posts .filter-box .blog-search .blog-form .input input {
border: 1px solid #D9D9D9;
padding: 12px 16px;
border-radius: 4px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
outline: none !important;
width: 80%;
}
.blog-wrapper .container .blog-cols .search-posts .filter-box .blog-search .blog-form .input input:focus, .blog-wrapper .container .blog-cols .search-posts .filter-box .blog-search .blog-form .input input:focus-visible {
outline: none !important;
}
.blog-wrapper .container .blog-cols .search-posts .filter-box .blog-search .blog-form .input .search {
border-right: 0px !important;
}
.blog-wrapper .container .blog-cols .search-posts .filter-box .blog-search .blog-form .input .search-icon {
border: 1px solid #D9D9D9;
border-left: 0px;
border-radius: 4px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
width: 24%;
margin-bottom: 24px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.blog-wrapper .container .blog-cols .search-posts .filter-box .blog-search .blog-form .date input {
border-right: 1px solid #D9D9D9;
width: 100%;
border-radius: 4px;
padding: 16px 10px 16px 24px !important;
}
.blog-wrapper .container .blog-cols .search-posts .filter-box .blog-search .blog-form .date input::-webkit-calendar-picker-indicator {
background-image: url(//trees.hillier.co.uk/wp-content/themes/vl-hilliertrees/src/img/date-picker.svg) !important;
background-size: 14px;
}
.blog-wrapper .container .blog-cols .search-posts .filter-box .blog-search .blog-form .date input::-webkit-input-placeholder {
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
color: #383838;
}
.blog-wrapper .container .blog-cols .search-posts .filter-box .blog-search .blog-form .date input::-moz-placeholder {
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
color: #383838;
}
.blog-wrapper .container .blog-cols .search-posts .filter-box .blog-search .blog-form .date input:-ms-input-placeholder {
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
color: #383838;
}
.blog-wrapper .container .blog-cols .search-posts .filter-box .blog-search .blog-form .date input::-ms-input-placeholder {
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
color: #383838;
}
.blog-wrapper .container .blog-cols .search-posts .filter-box .blog-search .blog-form .date input::placeholder {
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
color: #383838;
}
.blog-wrapper .container .blog-cols .search-posts .filter-box .blog-search .blog-form .select select {
width: 100%;
border: 1px solid #D9D9D9;
border-radius: 4px;
padding: 12px 16px;
background-image: url(//trees.hillier.co.uk/wp-content/themes/vl-hilliertrees/src/img/grey-chevron-down.svg) !important;
background-position: 94% 50%;
}
.blog-wrapper .container .blog-cols .post-bar {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 16px;
}
.blog-wrapper .container .blog-cols .post-bar h6 {
font-weight: 500;
}
.blog-wrapper .container .blog-cols .post-bar .sort-by {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.blog-wrapper .container .blog-cols .post-bar .sort-by label {
margin-right: 16px;
font-size: 16px;
font-weight: 500;
}
.blog-wrapper .container .blog-cols .post-bar .sort-by select {
border: 1px solid #383838;
padding: 8px 16px;
margin: 0px;
width: 120px;
height: 40px;
background-position: 92% 50%;
background-size: 12px;
}
.blog-wrapper .container .blog-cols .grid-posts {
display: grid;
grid-template-columns: 1fr;
grid-auto-flow: row;
grid-gap: 16px;
margin-bottom: 40px;
}
@media screen and (min-width: 48em) {
.blog-wrapper .container .blog-cols .grid-posts {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (min-width: 64em) {
.blog-wrapper .container .blog-cols .grid-posts {
grid-auto-flow: row;
grid-template-columns: 1fr 1fr 1fr;
margin-bottom: 0px;
}
}
.blog-wrapper .container .blog-cols .grid-posts .box {
display: grid;
grid-template-columns: 1fr;
background-color: #ffffff;
border: 1px solid #D9D9D9;
min-height: 410px;
height: 100%;
}
@media screen and (min-width: 64em) {
.blog-wrapper .container .blog-cols .grid-posts .box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.blog-wrapper .container .blog-cols .grid-posts .box .thumbnail {
height: 100%;
}
@media screen and (min-width: 64em) {
.blog-wrapper .container .blog-cols .grid-posts .box .thumbnail {
height: 192px;
}
}
.blog-wrapper .container .blog-cols .grid-posts .box .thumbnail img {
height: 152px;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
@media screen and (min-width: 64em) {
.blog-wrapper .container .blog-cols .grid-posts .box .thumbnail img {
height: 192px;
}
}
.blog-wrapper .container .blog-cols .grid-posts .box .thumbnail .placeholder {
background: #1C3B72;
padding: 25px;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 152px;
}
@media screen and (min-width: 64em) {
.blog-wrapper .container .blog-cols .grid-posts .box .thumbnail .placeholder {
height: 192px;
}
}
.blog-wrapper .container .blog-cols .grid-posts .box .box-content {
padding: 16px;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.blog-wrapper .container .blog-cols .grid-posts .box .box-content h5 {
margin-bottom: 0px;
}
.blog-wrapper .container .blog-cols .grid-posts .box .box-content .date {
margin: 16px 0px;
}
.blog-wrapper .container .blog-cols .grid-posts .box .box-content .date svg {
margin-right: 16px;
position: relative;
top: 6px;
}
.blog-wrapper .container .blog-cols .grid-posts .box .box-content a {
-webkit-transition: 50ms;
transition: 50ms;
text-decoration: none;
}
.blog-wrapper .container .blog-cols .grid-posts .box .box-content a:hover {
color: var(--c-secondary);
}
.blog-wrapper .container .blog-cols .load-more-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
margin-top: 32px;
}
.blog-wrapper .container .aut-cols {
display: grid;
grid-template-columns: 1fr;
grid-auto-flow: row;
grid-gap: 32px;
margin-bottom: 40px;
}
.blog-wrapper .container .aut-cols .post-bar {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 16px;
}
.blog-wrapper .container .aut-cols .post-bar h6 {
font-weight: 500;
}
.blog-wrapper .container .aut-cols .grid-posts {
display: grid;
grid-template-columns: 1fr 1fr;
grid-auto-flow: row;
grid-gap: 16px;
margin-bottom: 40px;
}
@media screen and (min-width: 48em) {
.blog-wrapper .container .aut-cols .grid-posts {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media screen and (min-width: 64em) {
.blog-wrapper .container .aut-cols .grid-posts {
grid-auto-flow: row;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin-bottom: 0px;
}
}
.blog-wrapper .container .aut-cols .grid-posts .box {
display: grid;
grid-template-columns: 1fr;
background-color: #ffffff;
border: 1px solid #D9D9D9;
min-height: 410px;
height: 100%;
}
@media screen and (min-width: 64em) {
.blog-wrapper .container .aut-cols .grid-posts .box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.blog-wrapper .container .aut-cols .grid-posts .box .thumbnail {
height: 100%;
}
@media screen and (min-width: 64em) {
.blog-wrapper .container .aut-cols .grid-posts .box .thumbnail {
height: 192px;
}
}
.blog-wrapper .container .aut-cols .grid-posts .box .thumbnail img {
height: 152px;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
@media screen and (min-width: 64em) {
.blog-wrapper .container .aut-cols .grid-posts .box .thumbnail img {
height: 192px;
}
}
.blog-wrapper .container .aut-cols .grid-posts .box .thumbnail .placeholder {
background: #1C3B72;
padding: 25px;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 152px;
}
@media screen and (min-width: 64em) {
.blog-wrapper .container .aut-cols .grid-posts .box .thumbnail .placeholder {
height: 192px;
}
}
.blog-wrapper .container .aut-cols .grid-posts .box .box-content {
padding: 16px;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.blog-wrapper .container .aut-cols .grid-posts .box .box-content h5 {
margin-bottom: 0px;
}
.blog-wrapper .container .aut-cols .grid-posts .box .box-content .date {
margin: 16px 0px;
}
.blog-wrapper .container .aut-cols .grid-posts .box .box-content .date svg {
margin-right: 16px;
position: relative;
top: 6px;
}
.blog-wrapper .container .aut-cols .grid-posts .box .box-content a {
-webkit-transition: 50ms;
transition: 50ms;
}
.blog-wrapper .container .aut-cols .grid-posts .box .box-content a:hover {
color: var(--c-secondary);
}
.blog-wrapper .container .aut-cols .load-more-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
margin-top: 32px;
}
.tree-wrapper {
position: relative;
z-index: 2;
background-color: #FFFFFF;
padding: 0px 0px 96px 0px;
}
.tree-wrapper .container {
padding: 0 var(--site-padding);
}
.tree-wrapper .container .breadWrap {
background-color: #FFFFFF !important;
}
.tree-wrapper .container .two-column-hero-banner {
width: 100%;
margin-bottom: 32px;
}
.tree-wrapper .container .two-column-hero-banner .banner-wrap {
width: 100%;
display: grid;
grid-auto-columns: 1fr;
grid-auto-flow: row;
max-width: none;
margin: unset;
}
@media screen and (min-width: 64em) {
.tree-wrapper .container .two-column-hero-banner .banner-wrap {
max-width: 800px;
margin: auto;
grid-template-columns: 1fr 2fr;
}
}
.tree-wrapper .container .two-column-hero-banner .banner-wrap .text-col {
width: 100%;
}
.tree-wrapper .container .two-column-hero-banner .banner-wrap .text-col .text p {
font-size: 16px;
width: 100%;
font-weight: 500;
}
@media screen and (min-width: 64em) {
.tree-wrapper .container .two-column-hero-banner .banner-wrap .text-col .text p {
width: 80%;
}
}
.tree-wrapper .container .two-column-hero-banner .banner-wrap .text-col .text p a {
font-size: 20px;
text-decoration: none;
}
.tree-wrapper .container .two-column-hero-banner .banner-wrap .header-col {
width: 100%;
max-width: none;
color: #383838;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
}
.tree-wrapper .container .two-column-hero-banner .banner-wrap .header-col h1 {
margin-bottom: 16px;
}
.tree-wrapper .container .tree-cols {
display: grid;
grid-template-columns: 1fr;
grid-auto-flow: row;
grid-gap: 16px;
margin-bottom: 40px;
}
@media screen and (min-width: 48em) {
.tree-wrapper .container .tree-cols {
grid-template-columns: 0.6fr 2fr;
}
}
.tree-wrapper .container .tree-cols .search-posts .filter-box {
padding: 16px;
border: 1px solid #D9D9D9;
border-radius: 4px;
background: #F8F7F4;
position: static;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media screen and (min-width: 64em) {
.tree-wrapper .container .tree-cols .search-posts .filter-box {
display: block;
position: sticky;
top: 60px;
overflow: auto;
max-height: 100vh;
}
}
.tree-wrapper .container .tree-cols .search-posts .filter-box .filter-header {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.tree-wrapper .container .tree-cols .search-posts .filter-box .filter-header .title-col {
width: 90%;
}
@media screen and (min-width: 64em) {
.tree-wrapper .container .tree-cols .search-posts .filter-box .filter-header .title-col {
width: 100%;
}
}
.tree-wrapper .container .tree-cols .search-posts .filter-box .filter-header .title-col h5 {
margin-bottom: 0px;
}
@media screen and (min-width: 64em) {
.tree-wrapper .container .tree-cols .search-posts .filter-box .filter-header .title-col h5 {
margin-bottom: 10px;
}
}
.tree-wrapper .container .tree-cols .search-posts .filter-box .filter-header .icon-col {
width: 10%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (min-width: 64em) {
.tree-wrapper .container .tree-cols .search-posts .filter-box .filter-header .icon-col {
width: 5%;
}
}
.tree-wrapper .container .tree-cols .search-posts .filter-box .filter-header .icon-col .plus-icon, .tree-wrapper .container .tree-cols .search-posts .filter-box .filter-header .icon-col .minus-icon {
cursor: pointer;
color: #383838;
}
.tree-wrapper .container .tree-cols .search-posts .filter-box .filter-header .icon-col .plus-icon {
display: block;
}
@media screen and (min-width: 64em) {
.tree-wrapper .container .tree-cols .search-posts .filter-box .filter-header .icon-col .plus-icon {
display: none;
}
}
.tree-wrapper .container .tree-cols .search-posts .filter-box .filter-header .icon-col .minus-icon {
display: none;
}
.tree-wrapper .container .tree-cols .search-posts .filter-box .mobile-toggle {
display: none;
width: 100%;
}
@media screen and (min-width: 64em) {
.tree-wrapper .container .tree-cols .search-posts .filter-box .mobile-toggle {
display: block;
}
}
.tree-wrapper .container .tree-cols .search-posts .filter-box .blog-search {
width: 100%;
margin-top: 24px;
}
@media screen and (min-width: 64em) {
.tree-wrapper .container .tree-cols .search-posts .filter-box .blog-search {
margin-top: 0px;
}
}
.tree-wrapper .container .tree-cols .search-posts .filter-box .blog-search .blog-form {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.tree-wrapper .container .tree-cols .search-posts .filter-box .blog-search .blog-form .input {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.tree-wrapper .container .tree-cols .search-posts .filter-box .blog-search .blog-form .input input {
border: 1px solid #D9D9D9;
padding: 12px 16px;
border-right: 0px;
border-radius: 4px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
outline: none !important;
width: 60%;
height: 40px !important;
}
.tree-wrapper .container .tree-cols .search-posts .filter-box .blog-search .blog-form .input input:focus, .tree-wrapper .container .tree-cols .search-posts .filter-box .blog-search .blog-form .input input:focus-visible {
outline: none !important;
}
.tree-wrapper .container .tree-cols .search-posts .filter-box .blog-search .blog-form .input button {
width: 40%;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
height: 40px;
}
.tree-wrapper .container .tree-cols .search-posts .filter-box .filter-by {
width: 100%;
}
.tree-wrapper .container .tree-cols .search-posts .filter-box .filter-by h5 {
margin-bottom: 16px;
}
.tree-wrapper .container .tree-cols .search-posts .filter-box .filter-by .filter-col {
margin-bottom: 16px;
}
.tree-wrapper .container .tree-cols .search-posts .filter-box .filter-by .filter-col .col-header {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.tree-wrapper .container .tree-cols .search-posts .filter-box .filter-by .filter-col .col-header .title-col {
width: 90%;
}
.tree-wrapper .container .tree-cols .search-posts .filter-box .filter-by .filter-col .col-header .icon-col {
width: 10%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.tree-wrapper .container .tree-cols .search-posts .filter-box .filter-by .filter-col .col-header .icon-col .plus-icon, .tree-wrapper .container .tree-cols .search-posts .filter-box .filter-by .filter-col .col-header .icon-col .minus-icon {
cursor: pointer;
color: #383838;
}
.tree-wrapper .container .tree-cols .search-posts .filter-box .filter-by .filter-col .col-header .icon-col .minus-icon {
display: none;
}
.tree-wrapper .container .tree-cols .search-posts .filter-box .filter-by .filter-col .filter-content {
padding: 16px 0px;
display: none;
}
.tree-wrapper .container .tree-cols .search-posts .filter-box .filter-by .filter-col .filter-content label {
font-size: 14px;
font-weight: 400;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
cursor: pointer;
}
.tree-wrapper .container .tree-cols .search-posts .filter-box .filter-by .filter-col .filter-content label:hover {
color: var(--c-hover-blue);
font-weight: 500;
}
.tree-wrapper .container .tree-cols .search-posts .filter-box .search-letters {
width: 100%;
}
.tree-wrapper .container .tree-cols .search-posts .filter-box .search-letters ul {
margin-left: 0px;
padding-left: 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
@media screen and (min-width: 64em) {
.tree-wrapper .container .tree-cols .search-posts .filter-box .search-letters ul {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.tree-wrapper .container .tree-cols .search-posts .filter-box .search-letters ul li {
list-style: none;
width: 15%;
}
@media screen and (min-width: 64em) {
.tree-wrapper .container .tree-cols .search-posts .filter-box .search-letters ul li {
width: 20%;
}
}
.tree-wrapper .container .tree-cols .search-posts .filter-box .search-letters ul li a {
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
cursor: pointer;
}
.tree-wrapper .container .tree-cols .search-posts .filter-box .search-letters ul li a:hover {
color: var(--c-hover-blue);
font-weight: 500;
}
.tree-wrapper .container .tree-cols .search-posts .filter-box .search-letters .back-to-top {
background: #1c3b72;
position: fixed;
width: 40px;
height: 40px;
z-index: 1000;
top: 50%;
right: 0;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
font-size: 20px;
color: #fff;
}
.tree-wrapper .container .tree-cols .active-filter-list {
background-color: #F8F7F4;
border-color: #D9D9D9;
border-style: solid;
border-width: 1px;
margin-bottom: 16px;
padding: 16px 24px 0px;
width: 100%;
}
@media screen and (min-width: 64em) {
.tree-wrapper .container .tree-cols .active-filter-list {
border-width: 0px 1px 1px 1px;
padding: 0px 24px;
}
}
.tree-wrapper .container .tree-cols .active-filter-list > div {
display: inline-block;
}
.tree-wrapper .container .tree-cols .active-filter-list .active-filter-list-inner div {
border: 2px solid #fff;
cursor: pointer;
display: inline-block;
margin-bottom: 16px;
margin-right: 8px;
padding: 7px 8px 10px 22px;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.tree-wrapper .container .tree-cols .active-filter-list .active-filter-list-inner div svg {
-webkit-filter: brightness(0);
filter: brightness(0);
left: 6px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.tree-wrapper .container .tree-cols .active-filter-list .clear-all-filters {
border: 2px solid var(--c-primary);
cursor: pointer;
display: inline-block;
margin-bottom: 16px;
margin-right: 8px;
padding: 7px 8px 10px 22px;
position: relative;
}
.tree-wrapper .container .tree-cols .active-filter-list .clear-all-filters svg {
-webkit-filter: brightness(0);
filter: brightness(0);
left: 6px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.tree-wrapper .container .tree-cols .post-bar {
width: 100%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background-color: #F8F7F4;
border-color: #D9D9D9;
border-style: solid;
border-width: 1px 1px 0px 1px;
padding: 16px 24px;
display: none;
}
@media screen and (min-width: 64em) {
.tree-wrapper .container .tree-cols .post-bar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.tree-wrapper .container .tree-cols .post-bar h4 {
font-weight: 500;
}
.tree-wrapper .container .tree-cols .post-bar h4 .border {
border-right: 1px solid #D9D9D9;
padding-right: 32px;
margin-right: 16px;
}
.tree-wrapper .container .tree-cols .post-bar h4 .results {
font-size: 20px;
font-weight: 500;
font-family: "gill-sans-nova", sans-serif;
}
.tree-wrapper .container .tree-cols .post-bar .sort-by {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.tree-wrapper .container .tree-cols .post-bar .sort-by label {
margin-right: 16px;
font-size: 16px;
font-weight: 500;
}
.tree-wrapper .container .tree-cols .post-bar .sort-by select {
border: 1px solid #383838;
padding: 8px 16px;
margin: 0px;
width: 120px;
height: 40px;
background-position: 92% 50%;
background-size: 12px;
}
.tree-wrapper .container .tree-cols .grid-latest-trees {
display: grid;
grid-auto-columns: 1fr;
grid-auto-flow: row;
grid-gap: 16px;
}
@media screen and (min-width: 64em) {
.tree-wrapper .container .tree-cols .grid-latest-trees {
grid-template-columns: 1fr 1fr 1fr;
}
}
.tree-wrapper .container .tree-cols .grid-latest-trees .box {
display: grid;
grid-template-columns: 1fr 1fr;
background-color: #ffffff;
border: 1px solid #D9D9D9;
cursor: pointer;
}
@media screen and (min-width: 64em) {
.tree-wrapper .container .tree-cols .grid-latest-trees .box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.tree-wrapper .container .tree-cols .grid-latest-trees .box:hover .box-content a {
color: var(--c-hover-blue);
}
.tree-wrapper .container .tree-cols .grid-latest-trees .box .thumbnail {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (min-width: 64em) {
.tree-wrapper .container .tree-cols .grid-latest-trees .box .thumbnail {
height: 170px;
}
}
.tree-wrapper .container .tree-cols .grid-latest-trees .box .thumbnail .img-wrap {
position: relative;
height: 100%;
}
.tree-wrapper .container .tree-cols .grid-latest-trees .box .thumbnail .img-wrap .overlay {
position: absolute;
top: 0px;
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 0.3);
}
.tree-wrapper .container .tree-cols .grid-latest-trees .box .thumbnail .img-wrap img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
@media screen and (min-width: 64em) {
.tree-wrapper .container .tree-cols .grid-latest-trees .box .thumbnail .img-wrap img {
height: 170px;
}
}
.tree-wrapper .container .tree-cols .grid-latest-trees .box .thumbnail .img-wrap .wishlist {
position: absolute;
bottom: 16px;
right: 16px;
color: #FFFFFF;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: 500;
}
.tree-wrapper .container .tree-cols .grid-latest-trees .box .thumbnail .img-wrap .wishlist .white-heart {
display: block;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.tree-wrapper .container .tree-cols .grid-latest-trees .box .thumbnail .img-wrap .wishlist .red-heart {
display: none;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.tree-wrapper .container .tree-cols .grid-latest-trees .box .thumbnail .img-wrap .wishlist:hover .white-heart {
display: none;
}
.tree-wrapper .container .tree-cols .grid-latest-trees .box .thumbnail .img-wrap .wishlist:hover .red-heart {
display: block;
}
.tree-wrapper .container .tree-cols .grid-latest-trees .box .thumbnail .img-wrap .wishlist svg {
margin-right: 10px;
}
.tree-wrapper .container .tree-cols .grid-latest-trees .box .thumbnail .placeholder {
background: #6E8450;
padding: 25px;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
}
@media screen and (min-width: 64em) {
.tree-wrapper .container .tree-cols .grid-latest-trees .box .thumbnail .placeholder {
height: 170px;
}
}
.tree-wrapper .container .tree-cols .grid-latest-trees .box .box-content {
padding: 16px;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.tree-wrapper .container .tree-cols .grid-latest-trees .box .box-content h5 {
margin-bottom: 0px;
}
.tree-wrapper .container .tree-cols .grid-latest-trees .box .box-content .subtitle {
margin-bottom: 55px;
font-weight: 500;
}
@media screen and (min-width: 64em) {
.tree-wrapper .container .tree-cols .grid-latest-trees .box .box-content .subtitle {
margin-bottom: 45px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
}
.tree-wrapper .container .tree-cols .grid-latest-trees .box .box-content .tree-stats {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
margin-bottom: 8px;
}
@media screen and (min-width: 64em) {
.tree-wrapper .container .tree-cols .grid-latest-trees .box .box-content .tree-stats {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.tree-wrapper .container .tree-cols .grid-latest-trees .box .box-content .tree-stats .col-size {
width: 100%;
}
@media screen and (min-width: 64em) {
.tree-wrapper .container .tree-cols .grid-latest-trees .box .box-content .tree-stats .col-size {
width: 45%;
margin-right: 5%;
}
}
.tree-wrapper .container .tree-cols .grid-latest-trees .box .box-content .tree-stats .col-avail {
width: 100%;
}
@media screen and (min-width: 64em) {
.tree-wrapper .container .tree-cols .grid-latest-trees .box .box-content .tree-stats .col-avail {
width: 50%;
}
}
.tree-wrapper .container .tree-cols .grid-latest-trees .box .box-content a {
-webkit-transition: 50ms;
transition: 50ms;
font-weight: 500;
}
.tree-wrapper .container .tree-cols .grid-latest-trees .box .box-content a:hover {
color: var(--c-hover-blue);
}
.tree-wrapper .container .tree-cols .load-more-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
margin-top: 32px;
}
.gallery-instagram-section {
margin-top: 79px;
}
.gallery-instagram-section h2, .gallery-instagram-section span, .gallery-instagram-section p, .gallery-instagram-section div {
text-align: center;
}
.gallery-instagram-section p {
margin-bottom: 14px;
margin-top: 15px;
}
.gallery-instagram-section .button-container {
margin-bottom: 77px;
margin-top: 6px;
}
.gallery-instagram-section .button-container button {
cursor: pointer;
margin: auto;
}
.gallery-modal {
height: 100vh;
left: 0;
position: fixed;
top: 0;
width: 100vw;
z-index: 100;
}
.gallery-modal .image-container {
height: 100%;
margin: auto;
max-width: 1264px;
padding: 32px;
position: relative;
width: 100%;
}
.gallery-modal .image-container .image-inner-container {
max-height: 90vh;
position: relative;
}
.gallery-modal .image-container div.image-caption {
color: var(--c-white);
font-size: 16px;
padding: 24px;
}
.gallery-modal .image-container img {
margin: auto;
max-height: 80vh;
}
.gallery-modal .image-container p {
font-size: 16px;
}
.gallery-modal .image-container svg {
cursor: pointer;
position: absolute;
right: 16px;
top: 16px;
}
.gallery-modal .underlay {
background-color: rgba(0, 0, 0, 0.5);
height: 100vh;
position: absolute;
width: 100vw;
}
.gallery-section-container {
left: -8px;
position: relative;
width: calc(100% + 16px);
}
.gallery-section-container > div {
float: left;
height: 171px;
margin: 8px;
position: relative;
width: calc(50% - 16px);
}
.gallery-section-container > div .individual-overlay {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(var(--c-mul-grey)));
background: linear-gradient(rgba(0, 0, 0, 0), var(--c-mul-grey));
cursor: pointer;
display: none;
height: 100%;
left: 0;
margin: 0;
position: absolute;
top: 0;
width: 100%;
}
.gallery-section-container > div .individual-overlay span {
bottom: 0;
color: var(--c-white);
display: inline-block;
margin: 16px;
max-height: 37px;
overflow: hidden;
position: absolute;
}
.gallery-section-container > div:hover .individual-overlay {
display: block !important;
}
.gallery-section-container > div:nth-child(8n+8) {
width: calc(100% - 16px);
height: 171px;
}
.gallery-section-container > div:nth-child(8n+1) {
float: left;
height: 356px;
margin: 8px;
width: calc(100% - 16px);
}
.gallery-section-container img {
cursor: pointer;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.gallery-section-header {
height: 458px;
margin-bottom: 8px;
width: 100%;
}
.gallery-section-header div {
height: 100%;
}
.gallery-section-header > div {
position: relative;
}
.gallery-section-header img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.gallery-section-header .overlay {
background-color: rgba(0, 0, 0, 0.4);
height: 100%;
position: absolute;
top: 0;
width: 100%;
}
.gallery-section-header .text {
bottom: auto;
color: var(--c-white);
height: auto;
padding: 24px;
position: absolute;
top: 0;
width: 100%;
}
.top-section button {
margin: auto;
position: relative;
}
.top-section .button-container {
display: inline-block;
margin-top: 24px;
width: 100%;
}
@media screen and (min-width: 64em) {
.gallery-instagram-section {
margin-top: 93px;
}
.gallery-instagram-section .button-container {
margin-bottom: 96px;
margin-top: 12px;
}
.gallery-section-container > div:nth-child(8n+8) {
height: 250px;
width: calc(50% - 16px);
}
.gallery-section-container > div:nth-child(8n+1) {
height: 516px;
width: calc(50% - 16px);
}
.gallery-section-container > div {
height: 250px;
width: calc(25% - 16px);
}
.gallery-section-header .text {
bottom: 0;
top: auto;
}
}
.faqs-wrapper .faq-hero-banner {
width: 100%;
background-color: #FFFFFF;
}
.faqs-wrapper .faq-hero-banner .banner-wrap {
width: 100%;
display: grid;
grid-auto-columns: 1fr;
grid-auto-flow: row;
}
@media screen and (min-width: 64em) {
.faqs-wrapper .faq-hero-banner .banner-wrap {
grid-template-columns: 1fr 1fr;
}
}
.faqs-wrapper .faq-hero-banner .banner-wrap .image-banner {
width: 100%;
height: 233px;
}
@media screen and (min-width: 64em) {
.faqs-wrapper .faq-hero-banner .banner-wrap .image-banner {
height: 407px;
}
}
.faqs-wrapper .faq-hero-banner .banner-wrap .image-banner .image img {
width: 100%;
height: 233px;
-o-object-fit: cover;
object-fit: cover;
position: static;
}
@media screen and (min-width: 64em) {
.faqs-wrapper .faq-hero-banner .banner-wrap .image-banner .image img {
height: 407px;
position: absolute;
}
}
.faqs-wrapper .faq-hero-banner .banner-wrap .banner-contents {
width: 100%;
color: #383838;
padding: 0px 24px;
}
.faqs-wrapper .faq-hero-banner .banner-wrap .banner-contents .contents {
padding: 24px 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
max-width: none;
}
@media screen and (min-width: 64em) {
.faqs-wrapper .faq-hero-banner .banner-wrap .banner-contents .contents {
padding: 80px 0px 90px 0px;
max-width: 80%;
}
}
.faqs-wrapper .faq-hero-banner .banner-wrap .banner-contents .contents h1 {
margin-bottom: 16px;
text-align: center;
}
@media screen and (min-width: 64em) {
.faqs-wrapper .faq-hero-banner .banner-wrap .banner-contents .contents h1 {
text-align: left;
}
}
.faqs-wrapper .faq-hero-banner .banner-wrap .banner-contents .contents .text {
font-size: 20px;
text-align: center;
}
@media screen and (min-width: 64em) {
.faqs-wrapper .faq-hero-banner .banner-wrap .banner-contents .contents .text {
text-align: left;
}
}
.faqs-wrapper .faq-content {
background-color: #F8F7F4;
padding: 80px 24px 8px 24px;
}
@media screen and (min-width: 64em) {
.faqs-wrapper .faq-content {
padding: 96px 0px 24px 0px;
}
}
.faqs-wrapper .faq-content .faq-grid {
width: 100%;
display: grid;
grid-auto-columns: 1fr;
grid-auto-flow: row;
gap: 16px;
}
@media screen and (min-width: 64em) {
.faqs-wrapper .faq-content .faq-grid {
grid-template-columns: 1fr 3fr;
}
}
.faqs-wrapper .faq-content .faq-grid .faq-cats .sticky-box {
position: static;
top: 60px;
padding: 24px;
border-radius: 4px;
border: 1px solid #D9D9D9;
margin-bottom: 56px;
}
@media screen and (min-width: 64em) {
.faqs-wrapper .faq-content .faq-grid .faq-cats .sticky-box {
position: sticky;
margin-bottom: 0px;
}
}
.faqs-wrapper .faq-content .faq-grid .faq-cats .sticky-box .wrap {
width: 100%;
}
@media screen and (min-width: 64em) {
.faqs-wrapper .faq-content .faq-grid .faq-cats .sticky-box .wrap {
max-width: 80%;
}
}
.faqs-wrapper .faq-content .faq-grid .faq-cats .sticky-box .wrap .title {
margin-bottom: 24px;
font-size: 22px;
border-bottom: 1px solid #D9D9D9;
}
.faqs-wrapper .faq-content .faq-grid .faq-cats .sticky-box .wrap a {
margin-bottom: 24px;
color: #383838;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
font-size: 16px;
width: 100%;
display: block;
}
.faqs-wrapper .faq-content .faq-grid .faq-cats .sticky-box .wrap a:hover {
font-weight: 800;
}
.faqs-wrapper .faq-content .faq-grid .faq-cats .sticky-box .wrap a:last-child {
margin-bottom: 0px;
}
.faqs-wrapper .faq-content .faq-grid .faq-posts .heading {
font-family: "garamond-premier-pro", serif;
font-size: 36px;
font-style: normal;
font-weight: 400;
line-height: 40px;
margin-bottom: 24px;
}
@media screen and (min-width: 64em) {
.faqs-wrapper .faq-content .faq-grid .faq-posts .heading {
font-size: 40px;
line-height: 48px;
}
}
.faqs-wrapper .faq-content .faq-grid .faq-posts .faq-repeater {
margin-bottom: 56px;
}
@media screen and (min-width: 64em) {
.faqs-wrapper .faq-content .faq-grid .faq-posts .faq-repeater {
margin-bottom: 72px;
}
}
.faqs-wrapper .faq-content .faq-grid .faq-posts .faq-repeater .faq-wrap {
border-bottom: 1px solid #D9D9D9;
}
.faqs-wrapper .faq-content .faq-grid .faq-posts .faq-repeater .faq-wrap:first-child {
border-top: 1px solid #D9D9D9;
}
.faqs-wrapper .faq-content .faq-grid .faq-posts .faq-repeater .faq-wrap .faq-title {
cursor: pointer;
}
.faqs-wrapper .faq-content .faq-grid .faq-posts .faq-repeater .faq-wrap .faq-title .inner-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.faqs-wrapper .faq-content .faq-grid .faq-posts .faq-repeater .faq-wrap .faq-title .inner-wrap .title-col {
width: 90%;
padding: 16px;
}
@media screen and (min-width: 64em) {
.faqs-wrapper .faq-content .faq-grid .faq-posts .faq-repeater .faq-wrap .faq-title .inner-wrap .title-col {
width: 95%;
}
}
.faqs-wrapper .faq-content .faq-grid .faq-posts .faq-repeater .faq-wrap .faq-title .inner-wrap .title-col p {
font-size: 22px;
line-height: 32px;
font-weight: 500;
margin: 0px;
}
.faqs-wrapper .faq-content .faq-grid .faq-posts .faq-repeater .faq-wrap .faq-title .inner-wrap .icon-col {
width: 10%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (min-width: 64em) {
.faqs-wrapper .faq-content .faq-grid .faq-posts .faq-repeater .faq-wrap .faq-title .inner-wrap .icon-col {
width: 5%;
}
}
.faqs-wrapper .faq-content .faq-grid .faq-posts .faq-repeater .faq-wrap .faq-title .inner-wrap .icon-col .plus-icon, .faqs-wrapper .faq-content .faq-grid .faq-posts .faq-repeater .faq-wrap .faq-title .inner-wrap .icon-col .minus-icon {
cursor: pointer;
color: #383838;
}
.faqs-wrapper .faq-content .faq-grid .faq-posts .faq-repeater .faq-wrap .faq-title .inner-wrap .icon-col .minus-icon {
display: none;
}
.faqs-wrapper .faq-content .faq-grid .faq-posts .faq-repeater .faq-wrap .content-block {
display: none;
width: 90%;
padding-bottom: 48px;
padding: 0px 16px 48px 16px;
}
.faqs-wrapper .faq-content .faq-grid .faq-posts .faq-repeater .faq-wrap .content-block .text-wrap p {
margin-top: 0px;
}
.bottom-cta {
width: 100%;
display: grid;
grid-template-columns: 1fr;
grid-auto-flow: row;
}
@media screen and (min-width: 48em) {
.bottom-cta {
grid-template-columns: 1fr 1fr;
}
}
.bottom-cta .blue-col {
background-color: var(--c-blue);
}
.bottom-cta .grey-col {
background-color: var(--c-d-grey);
}
.bottom-cta .cta-col {
text-align: center;
padding: 42px 55px;
color: #FFFFFF;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bottom-cta .cta-col svg {
color: #FFFFFF;
}
.bottom-cta .cta-col .h3 {
font-size: 35px;
font-style: normal;
font-weight: 400;
line-height: 40px;
font-family: "garamond-premier-pro", serif;
color: #FFFFFF;
max-width: 290px;
text-align: center;
}
.bottom-cta .cta-col a {
font-size: 20px;
}
.customers-hero-banner {
background-color: #F8F7F4;
width: 100%;
padding-bottom: 80px;
width: 100%;
background-size: cover;
background-position: top;
background-repeat: no-repeat;
min-height: 370px;
padding: 8px 0px 72px 0px;
}
@media screen and (min-width: 64em) {
.customers-hero-banner {
padding-bottom: 160px;
}
}
.customers-hero-banner .banner-overlay {
background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1)));
background: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
background-blend-mode: multiply, normal;
position: absolute;
top: 0px;
width: 100%;
height: 100%;
}
.customers-hero-banner .banner-wrap {
width: 100%;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media screen and (min-width: 64em) {
.customers-hero-banner .banner-wrap {
-webkit-box-orient: inherit;
-webkit-box-direction: inherit;
-ms-flex-direction: inherit;
flex-direction: inherit;
}
}
.customers-hero-banner .banner-wrap .breadWrap {
color: #FFFFFF;
}
.customers-hero-banner .banner-wrap .banner-contents {
max-width: 1088px;
padding: 0px 24px;
grid-auto-columns: 1fr;
grid-auto-flow: row;
margin-top: 56px;
width: 100%;
margin: auto;
top: 80px;
position: absolute;
}
@media screen and (min-width: 48em) {
.customers-hero-banner .banner-wrap .banner-contents {
padding: 0px 24px;
top: 100px;
}
}
@media screen and (min-width: 64em) {
.customers-hero-banner .banner-wrap .banner-contents {
top: 145px;
padding: 0px;
width: 100%;
}
}
.customers-hero-banner .banner-wrap .banner-contents .box {
background-color: #FFFFFF;
padding: 32px;
width: 100%;
max-width: none;
position: relative;
z-index: 10;
}
.customers-hero-banner .banner-wrap .banner-contents .box .text {
font-size: 20px;
}
@media screen and (min-width: 64em) {
.customers-hero-banner .banner-wrap .banner-contents .box {
max-width: 536px;
padding: 56px;
}
}
.customers-hero-banner .banner-wrap .banner-contents .box .button-wrap {
margin-top: 22px;
}
.customers-hero-banner .banner-wrap .banner-contents .box .button-wrap .button-fill {
margin: 0px 9px 16px 0px;
}
.customers-hero-banner .banner-wrap .banner-contents .box .button-wrap .button--outline {
margin: 0px 9px 16px 0px;
}
.customer-wrapper .top-content-block {
padding-top: 80px !important;
}
@media screen and (min-width: 48em) {
.customer-wrapper .top-content-block {
padding-top: 96px !important;
}
}
@media screen and (min-width: 64em) {
.customer-wrapper .top-content-block {
padding-top: 180px !important;
}
}
.recent-articles-blog {
position: relative;
z-index: 2;
background-color: #F8F7F4;
padding: 56px 0px;
}
.recent-articles-blog .container {
padding: 0 var(--site-padding);
}
.recent-articles-blog .container .mobile-pad {
padding: 0px 15px 80px 15px;
}
@media screen and (min-width: 64em) {
.recent-articles-blog .container .mobile-pad {
padding: 0px;
}
}
.recent-articles-blog .container .title-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.recent-articles-blog .container .title-wrapper h2 {
margin-bottom: 24px;
}
@media screen and (min-width: 64em) {
.recent-articles-blog .container .title-wrapper h2 {
margin-bottom: 34px;
}
}
.recent-articles-blog .container .grid-recent-articles {
display: grid;
grid-template-columns: 1fr;
grid-auto-flow: row;
grid-gap: 16px;
margin-bottom: 40px;
}
@media screen and (min-width: 48em) {
.recent-articles-blog .container .grid-recent-articles {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (min-width: 64em) {
.recent-articles-blog .container .grid-recent-articles {
grid-auto-flow: column;
grid-template-columns: 1fr 1fr 1fr;
margin-bottom: 0px;
}
}
.recent-articles-blog .container .grid-recent-articles .box {
display: grid;
grid-template-columns: 1fr;
background-color: #ffffff;
border: 1px solid #D9D9D9;
}
@media screen and (min-width: 64em) {
.recent-articles-blog .container .grid-recent-articles .box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.recent-articles-blog .container .grid-recent-articles .box .thumbnail {
height: 100%;
}
@media screen and (min-width: 64em) {
.recent-articles-blog .container .grid-recent-articles .box .thumbnail {
height: 192px;
}
}
.recent-articles-blog .container .grid-recent-articles .box .thumbnail img {
height: 152px;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
@media screen and (min-width: 64em) {
.recent-articles-blog .container .grid-recent-articles .box .thumbnail img {
height: 192px;
}
}
.recent-articles-blog .container .grid-recent-articles .box .thumbnail .placeholder {
background: #1C3B72;
padding: 25px;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 152px;
}
@media screen and (min-width: 64em) {
.recent-articles-blog .container .grid-recent-articles .box .thumbnail .placeholder {
height: 192px;
}
}
.recent-articles-blog .container .grid-recent-articles .box .box-content {
padding: 16px;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.recent-articles-blog .container .grid-recent-articles .box .box-content h5 {
margin-bottom: 0px;
}
.recent-articles-blog .container .grid-recent-articles .box .box-content .subtitle {
margin-bottom: 55px;
font-weight: 500;
}
@media screen and (min-width: 64em) {
.recent-articles-blog .container .grid-recent-articles .box .box-content .subtitle {
margin-bottom: 45px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
}
.recent-articles-blog .container .grid-recent-articles .box .box-content .date {
margin: 16px 0px;
}
.recent-articles-blog .container .grid-recent-articles .box .box-content .date svg {
margin-right: 16px;
position: relative;
top: 6px;
}
.recent-articles-blog .container .grid-recent-articles .box .box-content a {
-webkit-transition: 50ms;
transition: 50ms;
}
.recent-articles-blog .container .grid-recent-articles .box .box-content a:hover {
color: var(--c-secondary);
}
.recent-articles-blog .container .center-button {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 40px;
}
.recent-articles-blog.is-admin .container-latest-trees h3 {
text-align: center;
width: 100%;
margin-bottom: 20px;
}
.why-hillier-hero {
width: 100%;
background-size: cover;
background-position: top;
background-repeat: no-repeat;
max-height: 400px;
padding: 8px 0px 72px 0px;
}
@media screen and (min-width: 64em) {
.why-hillier-hero {
padding-bottom: 160px;
}
}
@media screen and (min-width: 64em) {
.why-hillier-hero {
padding-bottom: 160px;
}
}
.why-hillier-hero .banner-overlay {
background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1)));
background: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
background-blend-mode: multiply, normal;
position: absolute;
top: 0px;
width: 100%;
height: 100%;
}
.why-hillier-hero .banner-wrap {
width: 100%;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media screen and (min-width: 64em) {
.why-hillier-hero .banner-wrap {
-webkit-box-orient: inherit;
-webkit-box-direction: inherit;
-ms-flex-direction: inherit;
flex-direction: inherit;
}
}
.why-hillier-hero .banner-wrap .breadWrap {
color: #FFFFFF;
}
.why-hillier-hero .banner-wrap .why-contents {
max-width: 1088px;
padding: 0px 24px;
grid-auto-columns: 1fr;
grid-auto-flow: row;
width: 100%;
}
@media screen and (min-width: 48em) {
.why-hillier-hero .banner-wrap .why-contents {
grid-template-columns: 1fr;
padding: 0px 24px;
}
}
@media screen and (min-width: 64em) {
.why-hillier-hero .banner-wrap .why-contents {
display: grid;
grid-gap: 40px;
grid-auto-flow: column;
grid-template-columns: 2fr 1fr;
}
}
.why-hillier-hero .banner-wrap .why-contents .col-left .box {
background-color: #FFFFFF;
padding: 32px;
width: 100%;
max-width: none;
position: relative;
top: 20px;
z-index: 10;
}
@media screen and (min-width: 64em) {
.why-hillier-hero .banner-wrap .why-contents .col-left .box {
max-width: 628px;
top: 200px;
position: absolute;
padding: 56px;
}
}
.why-hillier-hero .banner-wrap .why-contents .col-left .box .text {
font-size: 20px;
}
.why-hillier-hero .banner-wrap .why-contents .col-left .box .button-wrap {
margin-top: 22px;
}
.why-hillier-hero .banner-wrap .why-contents .col-left .box .button-wrap .button-fill {
margin: 0px 9px 16px 0px;
}
.why-hillier-hero .banner-wrap .why-contents .col-left .box .button-wrap .button--outline {
margin: 0px 9px 16px 0px;
}
.why-hillier-hero .banner-wrap .why-contents .col-right {
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding-top: 46px;
display: none;
}
@media screen and (min-width: 64em) {
.why-hillier-hero .banner-wrap .why-contents .col-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.why-hillier-hero .banner-wrap .why-contents .col-right .icon img {
width: 80%;
}
@media screen and (min-width: 64em) {
.why-hillier-hero .banner-wrap .why-contents .col-right .icon {
margin-bottom: 24px;
}
.why-hillier-hero .banner-wrap .why-contents .col-right .icon:last-child {
margin-bottom: 0px;
}
.why-hillier-hero .banner-wrap .why-contents .col-right .icon img {
width: 100%;
}
}
.why-hillier-wrapper {
background-color: #F8F7F4;
}
.page-template-template-why-hillier .wp-block-acf-full-width-video .grid {
padding-top: 110px;
}
@media screen and (min-width: 64em) {
.page-template-template-why-hillier .wp-block-acf-full-width-video .grid {
padding-top: 0px;
}
}
.page-template-template-resources {
background-color: #F8F7F4;
}
.page-template-template-resources .wp-block-acf-two-col-hero {
margin-bottom: 56px;
}
@media screen and (min-width: 64em) {
.page-template-template-resources .wp-block-acf-two-col-hero {
margin-bottom: 0px;
}
}
.page-template-template-resources .resources-wrapper {
width: 100%;
padding-bottom: 80px;
}
@media screen and (min-width: 64em) {
.page-template-template-resources .resources-wrapper {
padding-bottom: 96px;
}
}
.dashboard-content-container {
-webkit-column-gap: 108px;
-moz-column-gap: 108px;
column-gap: 108px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 96px;
margin-top: 50px;
}
.dashboard-details-header {
background-color: var(--c-blue);
padding-bottom: 19px;
padding-top: 18px;
}
.dashboard-details-header svg * {
color: var(--c-white);
}
.dashboard-details-header .breadWrap {
color: var(--c-white);
margin: 0;
text-align: center;
}
.dashboard-details-header .header-details {
color: var(--c-white);
}
.dashboard-details-header .header-details * {
text-align: center;
}
.dashboard-details-header .header-details h1 {
margin-top: 75px;
}
.dashboard-details-header .header-details h1 span {
vertical-align: top;
}
.dashboard-details-header .header-details h1 svg {
margin-right: 22px;
width: 40px;
}
.dashboard-header {
background-color: var(--c-blue);
padding-bottom: 32px;
padding-top: 18px;
}
.dashboard-header .breadWrap {
color: var(--c-white);
margin: 0;
text-align: center;
}
.dashboard-header .header-details {
color: var(--c-white);
}
.dashboard-header .header-details * {
text-align: center;
}
.dashboard-header .header-details h1 {
margin-bottom: -4px;
margin-top: 41px;
}
.dashboard-nav-desktop {
display: none;
}
.dashboard-nav-mobile {
display: block;
position: relative;
}
.dashboard-nav-mobile select {
border-radius: 4px;
margin-bottom: 30px;
padding-left: 44px;
}
.dashboard-nav-mobile svg {
left: 16px;
position: absolute;
top: 50%;
-webkit-transform: translateY(calc(-50% - 15px));
transform: translateY(calc(-50% - 15px));
}
.dashboard-navigation {
width: 100%;
max-width: 100%;
}
.dashboard-navigation h2 {
margin-bottom: 13px;
}
.dashboard-navigation svg {
fill: #474A4F;
}
.dashboard-navigation ul {
list-style: none;
padding: 0;
}
.dashboard-navigation ul li {
padding: 7px 0px 15px 0px;
}
.dashboard-navigation ul li:not(:last-child) {
border-bottom: 1px solid var(--c-m-grey);
}
.dashboard-navigation .small a {
margin-left: 4px;
}
.dashboard-navigation .small svg {
position: relative;
top: 3px;
}
@media screen and (min-width: 64em) {
.dashboard-content-container {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.dashboard-details-header .header-details h1 svg {
margin-right: 30px;
max-width: 60px;
width: auto;
}
.dashboard-nav-desktop {
display: block;
}
.dashboard-nav-mobile {
display: none;
}
.dashboard-navigation {
max-width: 260px;
width: 60%;
}
}
.add-tree-list-pop-up-outer-container {
left: 50%;
max-height: 90%;
overflow: auto;
position: fixed;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 100;
width: 90%;
}
@media screen and (min-width: 64em) {
.add-tree-list-pop-up-outer-container {
width: 100%;
max-width: 500px;
}
}
.add-tree-list-pop-up {
background-color: var(--wp--preset--color--tree-green);
border: 1px solid #fff;
border-radius: 4px;
color: #fff;
padding: 24px;
position: relative;
text-align: center;
}
@media screen and (min-width: 64em) {
.add-tree-list-pop-up {
padding: 32px;
}
}
.add-tree-list-pop-up p {
margin-bottom: 8px;
}
.add-tree-list-pop-up .pop-close {
cursor: pointer;
position: absolute;
right: 18px;
top: 19px;
}
.add-tree-list-pop-up .pop-close:hover span {
font-weight: 800;
}
.add-tree-list-pop-up .pop-close span {
font-size: 14px;
position: relative;
right: 6px;
top: -2px;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.add-tree-list-pop-up .pop-close span:hover {
font-weight: 800;
}
.add-tree-list-pop-up .pop-header * {
text-align: center;
}
.add-tree-list-pop-up .pop-header div {
margin-bottom: 14px;
}
.add-tree-list-pop-up .pop-header svg {
margin-bottom: 2px;
}
.add-tree-list-pop-up .pop-options a {
padding-left: 12px;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.add-tree-list-pop-up .pop-options a:hover {
color: var(--c-blue-hover);
}
.add-tree-list-pop-up .pop-options input[type=text] {
height: 32px !important;
margin-bottom: 16px !important;
margin-top: 7px;
max-width: 250px;
padding: 0 8px 0 8px !important;
}
.add-tree-list-pop-up .pop-options .button--outline {
width: 100%;
margin-bottom: 16px;
}
@media screen and (min-width: 64em) {
.add-tree-list-pop-up .pop-options .button--outline {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
}
.add-tree-list-pop-up .pop-select-container select {
height: 32px;
margin-bottom: 16px;
margin-top: 7px;
max-width: 250px;
padding: 0 8px 0 8px;
}
.add-to-wishlist {
cursor: pointer;
}
.smallest {
font-size: 14px;
}
.tree-pop-up-underlay {
background-color: rgba(0, 0, 0, 0.3);
height: 100vh;
position: fixed;
top: 0;
width: 100vw;
z-index: 100;
} .page-template-template-dashboard-sign-in-up {
background-color: var(--c-quaternary);
}
.log-in-header, .log-in-header * {
text-align: center;
}
.log-in-header .breadWrap {
padding-bottom: 11px;
padding-top: 3px;
}
.log-in-header .header-details {
margin-bottom: 18px;
}
.sign-in-up .content-body > p {
font-size: 16px;
margin-left: auto;
margin-right: auto;
max-width: 638px;
text-align: center;
}
@media screen and (min-width: 64em) {
.log-in-header .breadWrap {
padding-bottom: 18px !important;
padding-top: 4px !important;
}
}
.searchResults {
padding-top: 50px;
}
.searchResults .searchHeader {
text-align: center;
}
.searchResults .searchHeader h1 {
margin: 30px 0px;
text-align: center;
}
.searchResults .searchWrap {
border-bottom: 1px solid var(--c-l-grey);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 60px 0px;
}
.searchResults .searchWrap .postImg {
width: 30%;
}
.searchResults .searchWrap .postText {
padding-top: 16px;
width: 100%;
}
.searchResults .searchWrap .postText a {
font-size: 20px;
}
.searchResults .searchWrap .postText a:hover {
color: var(--c-secondary);
}
@media screen and (min-width: 64em) {
.searchResults .searchWrap {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.searchResults .searchWrap .postText {
padding-left: 16px;
padding-top: 0;
width: 70%;
}
}
.plain-hero-banner {
background-color: #FFFFFF;
background-size: cover;
background-position: bottom;
background-repeat: no-repeat;
width: 100%;
min-height: 200px;
position: relative;
overflow: hidden;
}
.plain-hero-banner .banner-overlay {
background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1)));
background: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
background-blend-mode: multiply, normal;
position: absolute;
top: 0px;
width: 100%;
height: 100%;
}
.plain-wrapper {
padding-bottom: 80px;
background-color: #FFFFFF;
}
@media screen and (min-width: 64em) {
.plain-wrapper {
padding-bottom: 90px;
}
}
.plain-wrapper h1 {
text-align: center;
margin-bottom: 32px;
}
@-webkit-keyframes fade-up {
0% {
opacity: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
}
@keyframes fade-up {
0% {
opacity: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
}
@-webkit-keyframes fade-down {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
}
@keyframes fade-down {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
}
@-webkit-keyframes fade-left {
0% {
opacity: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
}
@keyframes fade-left {
0% {
opacity: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
}
@-webkit-keyframes fade-right {
0% {
opacity: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
}
@keyframes fade-right {
0% {
opacity: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
}
@-webkit-keyframes fade-in {
0% {
opacity: 0;
-webkit-transform: "";
transform: "";
}
100% {
opacity: 1;
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
}
@keyframes fade-in {
0% {
opacity: 0;
-webkit-transform: "";
transform: "";
}
100% {
opacity: 1;
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
}
@media (prefers-reduced-motion: no-preference) {
.fade-up {
-webkit-animation: fade-up 800ms ease-in-out 0s forwards;
animation: fade-up 800ms ease-in-out 0s forwards;
}
[class*=__preanimate-fade-up] {
opacity: 0;
}
.fade-down {
-webkit-animation: fade-down 800ms ease-in-out 0s forwards;
animation: fade-down 800ms ease-in-out 0s forwards;
}
[class*=__preanimate-fade-down] {
opacity: 0;
}
.fade-left {
-webkit-animation: fade-left 800ms ease-in-out 0s forwards;
animation: fade-left 800ms ease-in-out 0s forwards;
}
[class*=__preanimate-fade-left] {
opacity: 0;
}
.fade-right {
-webkit-animation: fade-right 800ms ease-in-out 0s forwards;
animation: fade-right 800ms ease-in-out 0s forwards;
}
[class*=__preanimate-fade-right] {
opacity: 0;
}
.fade-in {
-webkit-animation: fade-in 800ms ease-in-out 0s forwards;
animation: fade-in 800ms ease-in-out 0s forwards;
}
[class*=__preanimate-fade-in] {
opacity: 0;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
[riAnimate], [riAnimate] * {
-webkit-animation: none !important;
animation: none !important;
opacity: 1;
}
} .alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
} .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 !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #eee;
clip: auto !important;
-webkit-clip-path: none;
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; }
.acf-block-component .container {
padding: 0px !important;
}
.wp-block-image {
margin: 0px;
}
.wp-block-image img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media only screen and (max-width: 1022px) {
body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.wp-block-group.is-layout-constrained p,
.wp-block-group.is-layout-constrained {
padding: 0px !important;
}
} @media screen and (prefers-reduced-motion: reduce), (update: slow) {
* {
-webkit-animation-duration: 0ms !important;
animation-duration: 0ms !important;
-webkit-animation-iteration-count: 1 !important;
animation-iteration-count: 1 !important;
-webkit-transition-duration: 0ms !important;
transition-duration: 0ms !important;
}
}
body.error404 .grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
body.error404 .grid .block-wrap {
padding: 56px 0px 96px 0px;
max-width: none;
width: 100%;
}
@media screen and (min-width: 64em) {
body.error404 .grid .block-wrap {
max-width: 527px;
}
}
body.error404 .grid .block-wrap .img-wrap {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
body.error404 .grid .block-wrap .img-wrap img {
margin-bottom: 8px;
}
body.error404 .grid .block-wrap h1 {
text-align: center;
}
body.error404 .grid .block-wrap .text {
text-align: center;
}
body.error404 .grid .block-wrap .button-group {
width: 100%;
margin-top: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 32px;
}
@media screen and (min-width: 64em) {
body.error404 .grid .block-wrap .button-group {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
body.error404 .grid .block-wrap .button-group .button--outline {
margin-right: 0px;
margin-bottom: 16px;
}
@media screen and (min-width: 64em) {
body.error404 .grid .block-wrap .button-group .button--outline {
margin-right: 16px;
margin-bottom: 0px;
}
}
body.error404 .grid .block-wrap .social {
margin-top: 21px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
body.error404 .grid .block-wrap .social p {
margin-bottom: 8px;
}
body.error404 .grid .block-wrap .social a {
background-color: #6E8450;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
height: 40px;
width: 40px;
position: relative;
margin-right: 8px;
}
body.error404 .grid .block-wrap .social a:last-child {
margin-right: 0px;
}
body.error404 .grid .block-wrap .social a svg {
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
body.error404 .recent-articles-blog {
position: relative;
z-index: 2;
background-color: #F8F7F4;
padding: 56px 0px;
}
body.error404 .recent-articles-blog .container {
padding: 0 var(--site-padding);
}
body.error404 .recent-articles-blog .container .mobile-pad {
padding: 0px 15px 80px 15px;
}
@media screen and (min-width: 64em) {
body.error404 .recent-articles-blog .container .mobile-pad {
padding: 0px;
}
}
body.error404 .recent-articles-blog .container .title-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
body.error404 .recent-articles-blog .container .title-wrapper h2 {
margin-bottom: 24px;
}
@media screen and (min-width: 64em) {
body.error404 .recent-articles-blog .container .title-wrapper h2 {
margin-bottom: 34px;
}
}
body.error404 .recent-articles-blog .container .grid-recent-articles {
display: grid;
grid-template-columns: 1fr;
grid-auto-flow: row;
grid-gap: 16px;
margin-bottom: 40px;
}
@media screen and (min-width: 48em) {
body.error404 .recent-articles-blog .container .grid-recent-articles {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (min-width: 64em) {
body.error404 .recent-articles-blog .container .grid-recent-articles {
grid-auto-flow: column;
grid-template-columns: 1fr 1fr 1fr;
margin-bottom: 0px;
}
}
body.error404 .recent-articles-blog .container .grid-recent-articles .box {
display: grid;
grid-template-columns: 1fr;
background-color: #ffffff;
border: 1px solid #D9D9D9;
}
@media screen and (min-width: 64em) {
body.error404 .recent-articles-blog .container .grid-recent-articles .box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
body.error404 .recent-articles-blog .container .grid-recent-articles .box .thumbnail {
height: 100%;
}
@media screen and (min-width: 64em) {
body.error404 .recent-articles-blog .container .grid-recent-articles .box .thumbnail {
height: 192px;
}
}
body.error404 .recent-articles-blog .container .grid-recent-articles .box .thumbnail img {
height: 152px;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
@media screen and (min-width: 64em) {
body.error404 .recent-articles-blog .container .grid-recent-articles .box .thumbnail img {
height: 192px;
}
}
body.error404 .recent-articles-blog .container .grid-recent-articles .box .thumbnail .placeholder {
background: #1C3B72;
padding: 25px;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 152px;
}
@media screen and (min-width: 64em) {
body.error404 .recent-articles-blog .container .grid-recent-articles .box .thumbnail .placeholder {
height: 192px;
}
}
body.error404 .recent-articles-blog .container .grid-recent-articles .box .box-content {
padding: 16px;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
body.error404 .recent-articles-blog .container .grid-recent-articles .box .box-content h5 {
margin-bottom: 0px;
}
body.error404 .recent-articles-blog .container .grid-recent-articles .box .box-content .subtitle {
margin-bottom: 55px;
font-weight: 500;
}
@media screen and (min-width: 64em) {
body.error404 .recent-articles-blog .container .grid-recent-articles .box .box-content .subtitle {
margin-bottom: 45px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
}
body.error404 .recent-articles-blog .container .grid-recent-articles .box .box-content .date {
margin: 16px 0px;
}
body.error404 .recent-articles-blog .container .grid-recent-articles .box .box-content .date svg {
margin-right: 16px;
position: relative;
top: 6px;
}
body.error404 .recent-articles-blog .container .grid-recent-articles .box .box-content a {
-webkit-transition: 50ms;
transition: 50ms;
}
body.error404 .recent-articles-blog .container .grid-recent-articles .box .box-content a:hover {
color: var(--c-secondary);
}
body.error404 .recent-articles-blog .container .center-button {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 40px;
}
body.error404 .recent-articles-blog.is-admin .container-latest-trees h3 {
text-align: center;
width: 100%;
margin-bottom: 20px;
} div.content-wrapper.default .blue-line {
width: 386px;
height: 4px;
background-color: var(--c-primary);
}
.page-id-191 .wp-block-cover {
background: -webkit-gradient(linear, left top, right top, from(#C7D9E5), to(rgba(199, 217, 229, 0.85)));
background: linear-gradient(90deg, #C7D9E5 0%, rgba(199, 217, 229, 0.85) 100%);
}
.glide {
position: relative;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.glide * {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
.glide__track {
overflow: hidden;
}
.glide__slides {
position: relative;
width: 100%;
list-style: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-ms-touch-action: pan-Y;
touch-action: pan-Y;
overflow: hidden;
padding: 0;
white-space: nowrap;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
will-change: transform;
}
.glide__slides--dragging {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.glide__slide {
width: 100%;
height: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
white-space: initial;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
}
.glide__slide a {
-webkit-user-select: none;
user-select: none;
-webkit-user-drag: none;
-moz-user-select: none;
-ms-user-select: none;
}
.glide__arrows {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.glide__bullets {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.glide--rtl {
direction: rtl;
}