#cf7md-form .mdc-floating-label {
font-size: 16px;
line-height: 28px;
line-height: 18.4px;
}
#cf7md-form .mdc-text-field-helper-text {
font-size: 12px;
line-height: 20px;
}
#cf7md-form .mdc-text-field__input {
font-size: 16px;
line-height: 28px;
}
#cf7md-form .mdc-text-field--outlined .mdc-floating-label--float-above {
font-size: 12px;
}
#cf7md-form
.mdc-text-field--outlined.mdc-notched-outline--upgraded
.mdc-floating-label--float-above,
#cf7md-form
.mdc-text-field--outlined
.mdc-notched-outline--upgraded
.mdc-floating-label--float-above {
font-size: 16px;
}
#cf7md-form
.mdc-text-field--outlined.mdc-text-field--dense
.mdc-floating-label--float-above {
font-size: 12.8px;
}
#cf7md-form
.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded
.mdc-floating-label--float-above,
#cf7md-form
.mdc-text-field--outlined.mdc-text-field--dense
.mdc-notched-outline--upgraded
.mdc-floating-label--float-above {
font-size: 16px;
}
#cf7md-form
.mdc-text-field--with-leading-icon.mdc-text-field--outlined
.mdc-floating-label--float-above {
font-size: 12px;
}
#cf7md-form
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded
.mdc-floating-label--float-above,
#cf7md-form
.mdc-text-field--with-leading-icon.mdc-text-field--outlined
.mdc-notched-outline--upgraded
.mdc-floating-label--float-above {
font-size: 16px;
}
#cf7md-form
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense
.mdc-floating-label--float-above {
font-size: 12.8px;
}
#cf7md-form
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded
.mdc-floating-label--float-above,
#cf7md-form
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense
.mdc-notched-outline--upgraded
.mdc-floating-label--float-above {
font-size: 16px;
}
#cf7md-form .mdc-text-field--dense .mdc-floating-label {
font-size: 13px;
}
#cf7md-form .mdc-text-field--dense .mdc-floating-label--float-above {
font-size: 13px;
}
#cf7md-form .mdc-text-field--textarea .mdc-floating-label--float-above {
font-size: 12px;
}
#cf7md-form
.mdc-text-field--textarea.mdc-notched-outline--upgraded
.mdc-floating-label--float-above,
#cf7md-form
.mdc-text-field--textarea
.mdc-notched-outline--upgraded
.mdc-floating-label--float-above {
font-size: 16px;
}
#cf7md-form .mdc-select-helper-text {
font-size: 12px;
line-height: 20px;
}
#cf7md-form .mdc-select__native-control,
#cf7md-form .mdc-select__selected-text {
font-size: 16px;
line-height: 28px;
}
#cf7md-form .mdc-select--outlined .mdc-floating-label--float-above {
font-size: 12px;
}
#cf7md-form
.mdc-select--outlined.mdc-notched-outline--upgraded
.mdc-floating-label--float-above,
#cf7md-form
.mdc-select--outlined
.mdc-notched-outline--upgraded
.mdc-floating-label--float-above {
font-size: 16px;
}
#cf7md-form .mdc-select--outlined .mdc-floating-label {
line-height: 18.4px;
}
#cf7md-form
.mdc-select--with-leading-icon.mdc-select--outlined
.mdc-floating-label--float-above {
font-size: 12px;
}
#cf7md-form
.mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded
.mdc-floating-label--float-above,
#cf7md-form
.mdc-select--with-leading-icon.mdc-select--outlined
.mdc-notched-outline--upgraded
.mdc-floating-label--float-above {
font-size: 16px;
}
#cf7md-form .mdc-form-field {
font-size: 14px;
line-height: 20px;
}
#cf7md-form .mdc-button {
font-size: 14px;
line-height: 36px;
}
#cf7md-form .mdc-button--dense {
font-size: 13px;
}html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }   body {
margin: 0;
}  h1 {
font-size: 2em;
margin: 0.67em 0;
}   hr {
box-sizing: content-box; height: 0; overflow: visible; }  pre {
font-family: monospace, monospace; font-size: 1em; }   a {
background-color: transparent;
}  abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }  b,
strong {
font-weight: bolder;
}  code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; }  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;
}   img {
border-style: none;
}   button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }  button,
input { overflow: visible;
}  button,
select { text-transform: none;
}  button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}  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;
}  fieldset {
padding: 0.35em 0.75em 0.625em;
}  legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }  progress {
vertical-align: baseline;
}  textarea {
overflow: auto;
}  [type="checkbox"],
[type="radio"] {
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-decoration {
-webkit-appearance: none;
}  ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }   details {
display: block;
}  summary {
display: list-item;
}   template {
display: none;
}  [hidden] {
display: none;
} .clearfix, .cf {
zoom: 1;
} .clearfix:before, .clearfix:after, .cf:before, .cf:after {
display: table;
content: "";
} .clearfix:after, .cf:after {
clear: both;
} * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} .image-replacement,
.ir {
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}            p {
-ms-word-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
-webkit-hyphens: none;
-moz-hyphens: none;
hyphens: none;
-webkit-hyphenate-before: 2;
-webkit-hyphenate-after: 3;
hyphenate-lines: 3;
-webkit-font-feature-settings: "liga", "dlig";
-moz-font-feature-settings: "liga=1, dlig=1";
-ms-font-feature-settings: "liga", "dlig";
-o-font-feature-settings: "liga", "dlig";
font-feature-settings: "liga", "dlig";
}         .foo {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} .foo-parent {
position: relative;
}            .m-t-5 {
margin-top: 5px !important;
} .p-t-5 {
padding-top: 5px !important;
} .m-b-5 {
margin-bottom: 5px !important;
} .p-b-5 {
padding-bottom: 5px !important;
} .m-l-5 {
margin-left: 5px !important;
} .p-l-5 {
padding-left: 5px !important;
} .m-r-5 {
margin-right: 5px !important;
} .p-r-5 {
padding-right: 5px !important;
} .m-t-10 {
margin-top: 10px !important;
} .p-t-10 {
padding-top: 10px !important;
} .m-b-10 {
margin-bottom: 10px !important;
} .p-b-10 {
padding-bottom: 10px !important;
} .m-l-10 {
margin-left: 10px !important;
} .p-l-10 {
padding-left: 10px !important;
} .m-r-10 {
margin-right: 10px !important;
} .p-r-10 {
padding-right: 10px !important;
} .m-t-15 {
margin-top: 15px !important;
} .p-t-15 {
padding-top: 15px !important;
} .m-b-15 {
margin-bottom: 15px !important;
} .p-b-15 {
padding-bottom: 15px !important;
} .m-l-15 {
margin-left: 15px !important;
} .p-l-15 {
padding-left: 15px !important;
} .m-r-15 {
margin-right: 15px !important;
} .p-r-15 {
padding-right: 15px !important;
} .m-t-16 {
margin-top: 16px !important;
} .p-t-16 {
padding-top: 16px !important;
} .m-b-16 {
margin-bottom: 16px !important;
} .p-b-16 {
padding-bottom: 16px !important;
} .m-l-16 {
margin-left: 16px !important;
} .p-l-16 {
padding-left: 16px !important;
} .m-r-16 {
margin-right: 16px !important;
} .p-r-16 {
padding-right: 16px !important;
} .m-t-20 {
margin-top: 20px !important;
} .p-t-20 {
padding-top: 20px !important;
} .m-b-20 {
margin-bottom: 20px !important;
} .p-b-20 {
padding-bottom: 20px !important;
} .m-l-20 {
margin-left: 20px !important;
} .p-l-20 {
padding-left: 20px !important;
} .m-r-20 {
margin-right: 20px !important;
} .p-r-20 {
padding-right: 20px !important;
} .m-t-25 {
margin-top: 25px !important;
} .p-t-25 {
padding-top: 25px !important;
} .m-b-25 {
margin-bottom: 25px !important;
} .p-b-25 {
padding-bottom: 25px !important;
} .m-l-25 {
margin-left: 25px !important;
} .p-l-25 {
padding-left: 25px !important;
} .m-r-25 {
margin-right: 25px !important;
} .p-r-25 {
padding-right: 25px !important;
} .m-t-30 {
margin-top: 30px !important;
} .p-t-30 {
padding-top: 30px !important;
} .m-b-30 {
margin-bottom: 30px !important;
} .p-b-30 {
padding-bottom: 30px !important;
} .m-l-30 {
margin-left: 30px !important;
} .p-l-30 {
padding-left: 30px !important;
} .m-r-30 {
margin-right: 30px !important;
} .p-r-30 {
padding-right: 30px !important;
} .m-t-35 {
margin-top: 35px !important;
} .p-t-35 {
padding-top: 35px !important;
} .m-b-35 {
margin-bottom: 35px !important;
} .p-b-35 {
padding-bottom: 35px !important;
} .m-l-35 {
margin-left: 35px !important;
} .p-l-35 {
padding-left: 35px !important;
} .m-r-35 {
margin-right: 35px !important;
} .p-r-35 {
padding-right: 35px !important;
} .m-t-40 {
margin-top: 40px !important;
} .p-t-40 {
padding-top: 40px !important;
} .m-b-40 {
margin-bottom: 40px !important;
} .p-b-40 {
padding-bottom: 40px !important;
} .m-l-40 {
margin-left: 40px !important;
} .p-l-40 {
padding-left: 40px !important;
} .m-r-40 {
margin-right: 40px !important;
} .p-r-40 {
padding-right: 40px !important;
} .m-t-45 {
margin-top: 45px !important;
} .p-t-45 {
padding-top: 45px !important;
} .m-b-45 {
margin-bottom: 45px !important;
} .p-b-45 {
padding-bottom: 45px !important;
} .m-l-45 {
margin-left: 45px !important;
} .p-l-45 {
padding-left: 45px !important;
} .m-r-45 {
margin-right: 45px !important;
} .p-r-45 {
padding-right: 45px !important;
} .m-t-50 {
margin-top: 50px !important;
} .p-t-50 {
padding-top: 50px !important;
} .m-b-50 {
margin-bottom: 50px !important;
} .p-b-50 {
padding-bottom: 50px !important;
} .m-l-50 {
margin-left: 50px !important;
} .p-l-50 {
padding-left: 50px !important;
} .m-r-50 {
margin-right: 50px !important;
} .p-r-50 {
padding-right: 50px !important;
} .m-t-60 {
margin-top: 60px !important;
} .p-t-60 {
padding-top: 60px !important;
} .m-b-60 {
margin-bottom: 60px !important;
} .p-b-60 {
padding-bottom: 60px !important;
} .m-l-60 {
margin-left: 60px !important;
} .p-l-60 {
padding-left: 60px !important;
} .m-r-60 {
margin-right: 60px !important;
} .p-r-60 {
padding-right: 60px !important;
} .m-t-75 {
margin-top: 75px !important;
} .p-t-75 {
padding-top: 75px !important;
} .m-b-75 {
margin-bottom: 75px !important;
} .p-b-75 {
padding-bottom: 75px !important;
} .m-l-75 {
margin-left: 75px !important;
} .p-l-75 {
padding-left: 75px !important;
} .m-r-75 {
margin-right: 75px !important;
} .p-r-75 {
padding-right: 75px !important;
} .m-t-80 {
margin-top: 80px !important;
} .p-t-80 {
padding-top: 80px !important;
} .m-b-80 {
margin-bottom: 80px !important;
} .p-b-80 {
padding-bottom: 80px !important;
} .m-l-80 {
margin-left: 80px !important;
} .p-l-80 {
padding-left: 80px !important;
} .m-r-80 {
margin-right: 80px !important;
} .p-r-80 {
padding-right: 80px !important;
} .m-t-100 {
margin-top: 100px !important;
} .p-t-100 {
padding-top: 100px !important;
} .m-b-100 {
margin-bottom: 100px !important;
} .p-b-100 {
padding-bottom: 100px !important;
} .m-l-100 {
margin-left: 100px !important;
} .p-l-100 {
padding-left: 100px !important;
} .m-r-100 {
margin-right: 100px !important;
} .p-r-100 {
padding-right: 100px !important;
} .m-t-150 {
margin-top: 150px !important;
} .p-t-150 {
padding-top: 150px !important;
} .m-b-150 {
margin-bottom: 150px !important;
} .p-b-150 {
padding-bottom: 150px !important;
} .m-l-150 {
margin-left: 150px !important;
} .p-l-150 {
padding-left: 150px !important;
} .m-r-150 {
margin-right: 150px !important;
} .p-r-150 {
padding-right: 150px !important;
} .m-t-160 {
margin-top: 160px !important;
} .p-t-160 {
padding-top: 160px !important;
} .m-b-160 {
margin-bottom: 160px !important;
} .p-b-160 {
padding-bottom: 160px !important;
} .m-l-160 {
margin-left: 160px !important;
} .p-l-160 {
padding-left: 160px !important;
} .m-r-160 {
margin-right: 160px !important;
} .p-r-160 {
padding-right: 160px !important;
} .m-t-200 {
margin-top: 200px !important;
} .p-t-200 {
padding-top: 200px !important;
} .m-b-200 {
margin-bottom: 200px !important;
} .p-b-200 {
padding-bottom: 200px !important;
} .m-l-200 {
margin-left: 200px !important;
} .p-l-200 {
padding-left: 200px !important;
} .m-r-200 {
margin-right: 200px !important;
} .p-r-200 {
padding-right: 200px !important;
}    .container {
display: flex;
flex-direction: column;
min-height: 100vh;
}
@supports (grid-area: auto) {  .grid {
display: grid;
margin: 0 auto;
width: 100%;
height: 100vh;
} .grid #content {
flex: 1;
background-color: #ffffff;
} .grid aside {
background-color: honeydew;
min-height: 80px;
} .grid #footer {
background-color: #23473E;
} .grid-aside {
grid-template-rows: auto 1fr auto;
}
@media only screen and (min-width: 768px) { .grid-aside {
grid-template-columns: repeat(12, minmax(0, 1fr));
grid-template-rows: auto 1fr auto;
} .grid-aside #header, .grid-aside #footer {
grid-column: span 12;
} .grid-aside #content {
grid-column: 1/8;
} .grid-aside aside {
grid-column: 8/-1;
} .grid-full {
grid-template-columns: repeat(12, minmax(0, 1fr));
grid-template-rows: auto 1fr auto;
} .grid-full #header, .grid-full #footer {
grid-column: span 12;
} .grid-full #content {
grid-column: 1/-1;
} .grid-full aside {
display: none;
}
}
@media only screen and (min-width: 1170px) { .grid-aside #content {
grid-column: 2/8;
} .grid-aside aside {
grid-column: 8/12;
} .grid-full #content {
grid-column: 0/12;
}
}
@media only screen and (min-width: 1600px) { .grid-aside #content {
grid-column: 3/8;
} .grid-aside aside {
grid-column: 8/11;
} .grid-full #content {
grid-column: 0/12;
}
}
}      .alert-help, .alert-info, .alert-error, .alert-success {
margin: 10px;
padding: 5px 18px;
border: 1px solid;
} .alert-help {
border-color: #e8dc59;
background: #ebe16f;
} .alert-info {
border-color: #bfe4f4;
background: #d5edf8;
} .alert-error {
border-color: #f8cdce;
background: #fbe3e4;
} .alert-success {
border-color: #deeaae;
background: #e6efc2;
}   .button, .blue-button, .outline-btn, .outline-btn-slim, .white-outline-btn, .hero-btn {
position: relative;
display: inline-block;
margin-bottom: .5em;
padding: 0.5em 1em;
border: 0;
border-radius: 2px;
text-decoration: none;
transition: background-color 0.75s ease, color 0.75s ease;
} .button:hover, .blue-button:hover, .outline-btn:hover, .outline-btn-slim:hover, .white-outline-btn:hover, .hero-btn:hover {
cursor: pointer;
} .button:active, .blue-button:active, .outline-btn:active, .outline-btn-slim:active, .white-outline-btn:active, .hero-btn:active {
top: 1px;
} .blue-button {
background: #0056ac;
color: #fff;
} .blue-button:hover, .blue-button:focus {
color: #fff;
} .contact-button {
display: flex;
align-items: center;
justify-content: center;
min-width: 150px;
max-width: 350px;
height: 50px;
background: transparent;
color: #23473E !important;
border: 2px solid #23473E;
text-align: center;
font-weight: bold;
} .contact-button:hover, .contact-button:focus {
background-color: #23473E;
color: #fff !important;
text-decoration: none;
} .contact-button:active {
top: 1px;
} .outline-btn { display: flex;
align-items: center;
justify-content: center;
max-width: 500px;
height: 70px; border: 2px solid #23473E;
color: #23473E !important;
opacity: 1;
font-weight: bold;
} .outline-btn:hover, .outline-btn:focus {
background-color: rgba(35, 71, 62, 0.25);
color: #23473E !important;
text-decoration: none;
} .outline-btn:active {
top: 1px;
} .outline-btn-slim { display: flex;
align-items: center;
justify-content: center;
max-width: 500px;
height: 40px; border: 2px solid #23473E;
color: #23473E !important;
opacity: 1;
font-weight: bold;
} .outline-btn-slim:hover, .outline-btn-slim:focus {
background-color: rgba(35, 71, 62, 0.25);
color: #23473E !important;
text-decoration: none;
} .outline-btn-slim:active {
top: 1px;
} .white-outline-btn { display: flex;
align-items: center;
justify-content: center;
max-width: 500px;
height: 70px; border: 2px solid #fff;
color: #fff !important;
opacity: 1;
font-weight: bold;
} .white-outline-btn:hover, .white-outline-btn:focus {
background-color: rgba(255, 255, 255, 0.25);
color: #fff !important;
text-decoration: none;
} .white-outline-btn:active {
top: 1px;
} .hero-btn { display: flex;
align-items: center;
justify-content: center;
max-width: 500px;
height: 70px; background: rgba(35, 71, 62, 0.5);
border: 2px solid #fff;
color: #fff !important;
opacity: 1;
font-weight: bold;
} .hero-btn:hover, .hero-btn:focus {
background-color: rgba(35, 71, 62, 0.25);
color: #fff !important;
text-decoration: none;
} .hero-btn:active {
top: unset;
}   input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
display: block;
} input[type="text"][disabled], input[type="text"].is-disabled,
input[type="password"][disabled],
input[type="password"].is-disabled,
input[type="datetime"][disabled],
input[type="datetime"].is-disabled,
input[type="datetime-local"][disabled],
input[type="datetime-local"].is-disabled,
input[type="date"][disabled],
input[type="date"].is-disabled,
input[type="month"][disabled],
input[type="month"].is-disabled,
input[type="time"][disabled],
input[type="time"].is-disabled,
input[type="week"][disabled],
input[type="week"].is-disabled,
input[type="number"][disabled],
input[type="number"].is-disabled,
input[type="email"][disabled],
input[type="email"].is-disabled,
input[type="url"][disabled],
input[type="url"].is-disabled,
input[type="search"][disabled],
input[type="search"].is-disabled,
input[type="tel"][disabled],
input[type="tel"].is-disabled,
input[type="color"][disabled],
input[type="color"].is-disabled,
select[disabled],
select.is-disabled,
textarea[disabled],
textarea.is-disabled,
.field[disabled],
.field.is-disabled {
opacity: 0.6;
cursor: not-allowed;
} input[type="password"] {
letter-spacing: 0.3em;
} textarea {
max-width: 100%;
width: 100%;
} fieldset {
border: 1px solid #ccc;
} fieldset label {
font-weight: 600;
} fieldset p {
margin-bottom: 0;
} legend {
padding: 0 0.5em;
} .radio-buttons {
margin-top: 0;
} .radio-buttons li {
margin-left: 2px;
list-style-type: none;
} .radio-buttons label {
font-weight: normal;
}    html {
font-size: 1em;
scroll-behavior: smooth;
} body {
color: #333333;
font-size: 100%;
font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} img {
display: block;
max-width: 100%;
height: auto;
} pre code {
white-space: pre-line;
} .bold {
font-weight: bold;
} .overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.7);
transition: opacity 500ms;
visibility: hidden;
opacity: 0;
z-index: 999999;
} .overlay:target {
visibility: visible;
opacity: 1;
} .overlay.visible {
visibility: visible;
opacity: 1;
} .overlay:not(.visible):target {
visibility: hidden;
opacity: 0;
} .popup {
margin: 70px auto;
padding: 1.5rem;
background: #fff;
border-radius: 5px;
width: 30%;
position: relative;
transition: all 5s ease-in-out;
text-align: center;
} .popup h2 {
margin-top: 0;
margin-bottom: 20px;
color: #333;
} .popup .close {
position: absolute;
top: 20px;
right: 30px;
transition: all 200ms;
font-size: 30px;
font-weight: bold;
text-decoration: none;
color: #E95E0B;
cursor: pointer;
} .popup .close:hover {
color: #23473E;
}   a, a:visited {
color: #E95E0B;
text-decoration: none;   } a:hover, a:focus, a:visited:hover, a:visited:focus {
text-decoration: underline;
} a:link, a:visited:link { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}    h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
margin: 0;
color: #303030;
font-weight: 500;
line-height: 1.2;
text-rendering: optimizelegibility;  } h1::before, .h1::before, h2::before, .h2::before, h3::before, .h3::before, h4::before, .h4::before, h5::before, .h5::before, h6::before, .h6::before {
content: '';
display: block;
height: 0;
width: 0;
margin-top: calc((0.7 - 1.2) * 0.5em);
} h1::after, .h1::after, h2::after, .h2::after, h3::after, .h3::after, h4::after, .h4::after, h5::after, .h5::after, h6::after, .h6::after {
content: '';
display: block;
height: 0;
width: 0;
margin-bottom: calc((0.7 - 1.2) * 0.5em);
} h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {
text-decoration: none;
} h1, .h1 {
margin-top: 0;
font-size: 3.157em;
} h2, .h2 {
font-size: 2.369em;
} h3, .h3 {
font-size: 1.777em;
} h4, .h4 {
font-size: 1.333em;
} h5, .h5 {
font-size: 1em;
} h6, .h6 {
text-transform: uppercase;
letter-spacing: 4.333px;
}  .header {
background: #fff;
} #hero-video-section {
width: 100%;
background-color: #fff;
} .hero-video-container {
position: relative;
min-width: 100%; padding-bottom: 41.66667%;
position: relative;
height: 0;
overflow: hidden;
} .hero-video-container iframe {
left: 0;
height: 100%;
position: absolute;
top: 0;
width: 100%;
} .hero-video-container iframe {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
} #inner-header {
display: flex;
} #site-title {
margin: 0 0.5em 0 0;
font-size: 2em;
line-height: inherit;
} #site-title a {
color: #303030;
} #bloginfo {
display: flex;
} #logo img {
width: 382px;
}  ul, ol {
-webkit-padding-start: 20px;
} .list-square {
margin-bottom: 1.5em;
list-style-position: outside;
list-style-type: square;
} .nostyle {
margin-left: 0;
padding-left: 0;
list-style-type: none;
} .related-posts-list {
display: flex;
} .page-numbers {
margin: 1em 0;
padding-left: 0;
list-style-type: none;
display: flex;
} .page-numbers li {
margin-right: 1em;
}     .error404 .search-outer {
padding: 1.5em 0;
} .error404 .search-input {
display: flex;
width: 100%;
} .error404 input[type="search"] {
margin: 0 1em 0 0;
height: 40px;
min-width: 250px;
} .error404 .search-submit {
width: 100px;
} .page-blog .entry-content .alignfull, .page-blog .entry-content .alignwide {
margin: 0;
max-width: 100%;
}    .byline-wrap {
margin-bottom: 1.5em;
}  .entry-content { } .entry-content table {
margin-bottom: 1.5em;
width: 100%;
border: 1px solid #ccc;
} .entry-content tr {
border-bottom: 1px solid #ccc;
} .entry-content tr:nth-child(even) {
background-color: #dedede;
} .entry-content td {
padding: 7px;
border-right: 1px solid #ccc;
} .entry-content td:last-child {
border-right: 0;
} .entry-content th {
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background-color: #dedede;
} .entry-content th:last-child {
border-right: 0;
}  .wp-caption { }        .screen-reader-text {
position: absolute !important;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
width: 1px;
height: 1px;
white-space: nowrap;
} .screen-reader-text:focus {
top: 5px;
left: 5px;
z-index: 100000; display: block;
clip: auto !important;
padding: 15px 23px 14px;
width: auto;
height: auto;
border-radius: 3px;
background-color: #f1f1f1;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
color: #21759b;
text-decoration: none;
font-weight: bold;
font-size: 0.875rem;
font-size: 14px;
line-height: normal;
}    .wp-prev-next .prev-link {
float: left;
} .wp-prev-next .next-link {
float: right;
}    #comments-title { } .commentlist {
margin: 0;
list-style-type: none;
} .comment {
margin-bottom: 1.5rem;
padding-bottom: 1rem;
border-bottom: 1px dotted #ccc;    } .comment .comment-author {
display: flex;
align-items: center;
} .comment .vcard .avatar {
margin-right: 1rem;
} .comment .children {  }       .comment-edit-link {
margin-right: 6px;
}         .widget ul li { }  .footer {
clear: both;
} .copyright {
text-align: center;
color: #fff;
} @media only screen and (min-width: 481px) {   .menu { } .menu ul {   } .menu ul li { } .menu ul li a { }    .entry-content { } .entry-content .alignleft, .entry-content img.alignleft {
margin-right: 1.5em;
display: inline;
float: left;
margin-top: 11px;
} .entry-content .alignright, .entry-content img.alignright {
margin-left: 1.5em;
display: inline;
float: right;
margin-top: 11px;
} .entry-content .aligncenter, .entry-content img.aligncenter {
margin-right: auto;
margin-left: auto;
display: table;
clear: both;
margin-top: 11px;
} .entry-content .wp-block-media-text.alignfull {
max-width: 100%;
margin-left: 0;
margin-right: 0;
}    } @media only screen and (max-width: 767px) {  .wrap {
padding: 1em;
} #inner-header {
display: flex;
justify-content: space-around;
} #inner-header .contact-button {
display: none;
} #inner-header #logo {
max-width: 50%;
}  .nav {
margin: 0;
padding: 0;
border-bottom: 0;
list-style-type: none;   } .nav li { } .nav li a {
display: block;
padding: 0.2em;
text-decoration: none;
} .nav li ul.sub-menu li a,
.nav li ul.children li a {
padding-left: 30px;
}  #footer-grid {
display: block;
text-align: center;
padding-top: 2rem;
padding-bottom: 2rem;
} #footer-grid #footer-logo {
display: flex;
justify-content: center;
} #footer-grid #footer-logo img {
width: 300px;
margin-bottom: 40px;
} #footer-grid #social-links {
display: flex;
justify-content: center;
align-self: center;
} #footer-grid #social-links img {
width: 45px;
height: 45px;
margin: 0 10px;
} #footer-grid #contact-details {
padding-top: 2rem;
grid-column: 1/5;
grid-row-start: 2;
color: #fff;
} #footer-grid #contact-details .address, #footer-grid #contact-details .email, #footer-grid #contact-details .phone {
padding-top: 0rem;
} #footer-grid #contact-details .email {
padding-top: 1rem;
} #footer-grid #contact-details .email a {
color: #fff;
} #footer-grid nav {
padding-top: 2rem;
grid-column: 6/9;
grid-row-start: 2;
} #footer-grid nav ul {
margin-top: 0;
list-style-type: none;
padding-left: 0;
line-height: 1rem;
} #footer-grid nav ul li {
padding-bottom: 0.25rem;
} #footer-grid nav ul li a {
color: #fff;
}
} @media only screen and (min-width: 768px) {   #inner-header, #inner-footer .wrap {
max-width: calc(100% - 6rem);
margin: 0 auto;
} .entry-content .alignfull {
margin-left: calc( -100vw / 2 + 100% / 2);
margin-right: calc( -100vw / 2 + 100% / 2);
max-width: 100vw;
} .entry-content .alignwide {
margin-right: calc(25% - 25vw);
margin-left: calc(25% - 25vw);
max-width: 1000%;
width: auto;
} .entry-content .alignwide img,
.entry-content .alignfull img {
display: block;
margin: 0 auto;
}   .header {
padding: 1.5rem 0;
} #inner-header {
align-items: flex-end;
} #inner-header .primary-menu {
flex: 1;
display: flex;
justify-content: flex-end;
} #inner-header .contact-button {
justify-self: flex-end;
} #logo img {
width: 300px;
} #hero-video-section {
width: 100%;
padding-bottom: 41.66667%;
position: relative;
} #hero-video-section > :first-child {
left: 0;
height: 100%;
position: absolute;
top: 0;
width: 100%;
}  .header-nav {
display: flex;
align-items: center;
} .menu-item-has-children > a:after {
content: "";
display: inline-block;
margin-left: 10px; width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 10px solid #E95E0B; } #header { } #header .nav {
margin: 0;
padding: 0;
border: 0;
list-style-type: none;   } #header .nav li {
float: left;
list-style: none;
border-right: 1px solid #E95E0B;  } #header .nav li.current-page-parent a {
font-weight: bold;
} #header .nav li a {
display: block;
border-bottom: 0;
padding: 0 0.75rem;
text-decoration: none;
color: #23473E; } #header .nav li a:hover, #header .nav li a:focus {
text-decoration: underline;
} #header .nav li:last-child {
border-right: none;
padding-right: 2rem;
} #header .nav li ul.sub-menu,
#header .nav li ul.children {
background-color: rgba(255, 255, 255, 0.84);
width: 100%;
height: 80px;
left: 0;
padding-top: 20px;
display: flex;
align-items: center;
justify-content: flex-end;
position: absolute;
z-index: 8999;
visibility: hidden;
padding-right: calc(280px + 3rem);
transition: visibility 1s linear; } #header .nav li ul.sub-menu li,
#header .nav li ul.children li { } #header .nav li ul.sub-menu li a,
#header .nav li ul.children li a {
font-weight: normal;
} #header .nav li ul.sub-menu li:last-child a,
#header .nav li ul.children li:last-child a {
border-bottom: 0;
} #header .nav li ul.sub-menu li.current-menu-item a,
#header .nav li ul.sub-menu li.current_page_item a,
#header .nav li ul.sub-menu li.current_page_ancestor a,
#header .nav li ul.children li.current-menu-item a,
#header .nav li ul.children li.current_page_item a,
#header .nav li ul.children li.current_page_ancestor a {
font-weight: bold;
} #header .nav li:hover > ul {
top: auto;
visibility: visible;
} #header .nav li.current-menu-item a,
#header .nav li.current_page_item a,
#header .nav li.current_page_ancestor a {
font-weight: bold;
}   .single-full #main {
max-width: 640px;
float: none;
margin: 0 auto;
}  .widget ul li { }              #inner-header, #inner-footer, .wrap {
max-width: calc(100% - 4rem);
margin: 0 auto;
} #footer-grid {
display: grid;
grid-template-columns: repeat(16, 1fr);
grid-template-rows: auto;
padding-top: 2rem;
padding-bottom: 2rem;
} #footer-grid #footer-logo {
grid-column: 1/5;
} #footer-grid #footer-logo img {
width: 300px;
} #footer-grid #social-links {
grid-column: 14/17;
display: flex;
justify-content: flex-end;
align-self: flex-end;
} #footer-grid #social-links img {
width: 45px;
height: 45px;
margin-left: 20px;
} #footer-grid #contact-details {
padding-top: 2rem;
grid-column: 1/5;
grid-row-start: 2;
color: #fff;
} #footer-grid #contact-details .address, #footer-grid #contact-details .email, #footer-grid #contact-details .phone {
padding-top: 1rem;
} #footer-grid #contact-details .email a {
color: #fff;
} #footer-grid nav {
padding-top: 2rem;
grid-column: 6/9;
grid-row-start: 2;
} #footer-grid nav ul {
margin-top: 0;
list-style-type: none;
padding-left: 0;
} #footer-grid nav ul li {
padding-bottom: 0.5rem;
} #footer-grid nav ul li a {
color: #fff;
}  .footer-links ul li { } }
@media only screen and (max-width: 899px) { }
@media only screen and (max-width: 1029px) {  #inner-header, #inner-footer .wrap {
max-width: calc(100% - 2rem);
margin: 0 auto;
} #prefooter {
width: 100%;
background-color: #fff;
padding: 1rem;
} #prefooter #prefooter-logos {
width: 100%;
display: flex;
flex-flow: column;
align-items: center;
} #prefooter #prefooter-logos img {
display: inline-block;
max-width: 150px;
margin-bottom: 2rem;
height: auto;
filter: url(//greenheartuk.com/wp-content/themes/greenheart/library/css/filters.svg#grayscale); filter: gray; -webkit-filter: grayscale(1); } .page-template-page-projects .block-hero-image {
display: flex;
} .page-template-page-projects .block-hero-image .hero-image {
width: 100%;
padding-bottom: 100%;
position: relative;
background-repeat: no-repeat, no-repeat;
background-position: center left, center center;
background-size: cover, cover;
} .page-template-page-projects .block-hero-image .hero-image .hero-image-inner {
left: 0;
height: 100%;
position: absolute;
top: 0;
width: 100%;
} .page-template-page-projects .block-hero-image .hero-image .hero-image-inner {
padding: 1rem;
display: flex;
flex-direction: column;
justify-content: flex-end;
} .page-template-page-projects .block-hero-image .hero-image .hero-image-inner .hero-image-subheading {
font-size: 20px;
line-height: 25px;
max-width: 20ch;
font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
color: #fff;
} .page-template-page-projects .block-hero-image .hero-image .hero-image-inner .hero-image-heading {
font-size: 30px;
color: #fff;
line-height: 30px;
font-family: "Literata", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: 500;
} .page-template-page-projects .block-hero-image .hero-image .hero-image-inner .hero-image-heading br {
display: none;
} .page-template-page-projects .projects-intro .projects-intro-inner {
padding-top: 2rem;
font-family: "Literata", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: 500;
font-size: 40px;
line-height: 50px;
max-width: 100%;
text-align: center;
margin: 0 auto;
} .page-template-page-projects #project-articles-grid {
margin-top: 2rem;
width: 100%;
display: grid;
grid-template-columns: 1fr;
grid-gap: 1.5rem;
padding: 0 1rem;
} .page-template-page-projects #project-articles-grid .featured-video {
background-color: #23473E;
grid-column: span 2;
padding: 1.5rem;
} .page-template-page-projects #project-articles-grid .featured-video .embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
} .page-template-page-projects #project-articles-grid .featured-video .embed-container iframe, .page-template-page-projects #project-articles-grid .featured-video .embed-container object, .page-template-page-projects #project-articles-grid .featured-video .embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .page-template-page-projects #project-articles-grid .featued-quote-block {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto;
} .page-template-page-projects #project-articles-grid .featued-quote-block .quote-icon-open {
width: 30px;
justify-self: flex-start;
align-self: center;
} .page-template-page-projects #project-articles-grid .featued-quote-block .quote-text {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
font-family: "Literata", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: 500;
color: #23473E;
font-size: 26px;
line-height: 35px;
max-width: 100%;
justify-self: center;
align-self: center;
} .page-template-page-projects #project-articles-grid .featued-quote-block .quote-icon-close {
width: 30px;
justify-self: flex-end;
align-self: center;
} .page-template-page-projects #project-articles-grid .project-article.residential {
background-color: #6EA178;
} .page-template-page-projects #project-articles-grid .project-article.commercial {
background-color: #23473E;
} .page-template-page-projects #project-articles-grid .project-article .project-summary {
padding: 1em;
color: #fff;
} .page-template-page-projects #project-articles-grid .project-article .project-summary .project-title {
font-size: 24px;
line-height: 28px;
} .page-template-page-projects #project-articles-grid .project-article .project-summary .project-location {
margin-top: 0.5rem;
margin-bottom: 1rem;
} .page-template-page-sharing-our-knowledge .block-text-and-image {
margin-top: 2rem;
} .page-template-page-sharing-our-knowledge .block-text-and-image .text-and-image-grid {
width: 100%;
display: grid;
grid-template-columns: 1fr;
grid-gap: 1.5rem;
align-items: center;
padding-top: 1rem;
} .page-template-page-sharing-our-knowledge .block-text-and-image .text-and-image-grid .text-and-image-text .tai-subheading {
font-size: 25px;
font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
color: #E95E0B;
} .page-template-page-sharing-our-knowledge .block-text-and-image .text-and-image-grid .text-and-image-text .tai-heading {
font-weight: 500;
font-size: 40px;
line-height: 50px;
font-family: "Literata", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
color: #23473E;
margin-bottom: 2rem;
} .page-template-page-sharing-our-knowledge .block-text-and-image .text-and-image-grid .text-and-image-text .tai-body {
font-size: 20px;
line-height: 30px;
color: #fff;
} .page-template-page-sharing-our-knowledge .block-text-and-image .text-and-image-grid .text-and-image-text .tai-cta {
margin-top: 2rem;
} .page-template-page-sharing-our-knowledge #featured-article {
margin-top: 2rem;
} .page-template-page-sharing-our-knowledge #featured-article #featured-article-grid {
background-color: #CDE8E7;
display: grid;
grid-template-columns: 1fr;
grid-gap: 1.5rem;
align-items: center;
} .page-template-page-sharing-our-knowledge #featured-article #featured-article-grid .article-details {
padding: 0 1rem;
padding-bottom: 1rem;
} .page-template-page-sharing-our-knowledge #featured-article #featured-article-grid .article-details .article-title {
font-weight: 500;
font-size: 40px;
line-height: 50px;
font-family: "Literata", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
color: #23473E;
} .page-template-page-sharing-our-knowledge #featured-article #featured-article-grid .article-details .article-summary {
padding-top: 2rem;
} .page-template-page-sharing-our-knowledge #featured-article #featured-article-grid .article-details .outline-btn {
margin-top: 2rem;
} .page-template-page-sharing-our-knowledge #articles-grid {
padding-top: 2rem;
display: grid;
grid-template-columns: 1fr;
grid-gap: 1.5rem;
} .page-template-page-sharing-our-knowledge #articles-grid .article-item {
background-color: #CDE8E7;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto 1fr;
} .page-template-page-sharing-our-knowledge #articles-grid .article-item .project-thumbnail img {
width: 100%;
} .page-template-page-sharing-our-knowledge #articles-grid .article-item .article-details {
padding: 1.5rem;
display: flex;
flex-direction: column;
justify-content: space-between;
} .page-template-page-sharing-our-knowledge #articles-grid .article-item .article-details .article-title {
font-size: 24px;
line-height: 28px;
font-family: "Literata", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: 500;
color: #23473E;
} .page-template-page-sharing-our-knowledge #articles-grid .article-item .article-details .article-summary {
margin-top: 1rem;
} .page-template-page-sharing-our-knowledge #articles-grid .article-item .article-details .outline-btn {
margin-top: 1rem;
} .single-project .block-text-and-image-alt .text-and-image-grid, .single .block-text-and-image-alt .text-and-image-grid {
width: 100%;
display: grid;
grid-template-columns: 1fr;
grid-gap: 1.5rem;
padding: 0;
align-items: center;
} .single-project .block-text-and-image-alt .text-and-image-grid .text-and-image-text, .single .block-text-and-image-alt .text-and-image-grid .text-and-image-text {
padding: 1rem;
} .single-project .block-text-and-image-alt .text-and-image-grid .text-and-image-text .tai-subheading, .single .block-text-and-image-alt .text-and-image-grid .text-and-image-text .tai-subheading {
font-size: 25px;
font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
color: #fff;
} .single-project .block-text-and-image-alt .text-and-image-grid .text-and-image-text .tai-heading, .single .block-text-and-image-alt .text-and-image-grid .text-and-image-text .tai-heading {
margin-top: 1rem;
font-weight: 500;
font-size: 70px;
line-height: 80px;
font-family: "Literata", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
color: #fff;
} .single-project .block-text-and-image-alt .text-and-image-grid .text-and-image-text .tai-body, .single .block-text-and-image-alt .text-and-image-grid .text-and-image-text .tai-body {
margin-top: 2rem;
font-size: 20px;
line-height: 30px;
color: #fff;
} .single-project .block-text-and-image-alt .text-and-image-grid .text-and-image-text .tai-cta, .single .block-text-and-image-alt .text-and-image-grid .text-and-image-text .tai-cta {
margin-top: 3rem;
}
} @media only screen and (min-width: 900px) { } @media only screen and (min-width: 1030px) {  p {
font-size: 20px;
line-height: 30px;
} #prefooter {
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr;
background-color: #fff;
padding: 3rem 6rem;
} #prefooter #prefooter-logos {
grid-column: 2/-1;
display: flex;
justify-content: flex-end;
padding: 2rem 0;
} #prefooter #prefooter-logos img {
margin-left: 5rem;
width: 150px;
height: auto;
filter: url(//greenheartuk.com/wp-content/themes/greenheart/library/css/filters.svg#grayscale); filter: gray; -webkit-filter: grayscale(1); } .single-project .block-text-and-image-alt .text-and-image-grid, .single .block-text-and-image-alt .text-and-image-grid {
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 1.5rem;
padding: 6rem 0;
align-items: center;
padding-right: 6rem;
} .single-project .block-text-and-image-alt .text-and-image-grid .text-and-image-text .tai-subheading, .single .block-text-and-image-alt .text-and-image-grid .text-and-image-text .tai-subheading {
font-size: 25px;
font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
color: #fff;
} .single-project .block-text-and-image-alt .text-and-image-grid .text-and-image-text .tai-heading, .single .block-text-and-image-alt .text-and-image-grid .text-and-image-text .tai-heading {
margin-top: 1rem;
font-size: 70px;
line-height: 80px;
font-family: "Literata", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: 500;
color: #fff;
} .single-project .block-text-and-image-alt .text-and-image-grid .text-and-image-text .tai-body, .single .block-text-and-image-alt .text-and-image-grid .text-and-image-text .tai-body {
margin-top: 2rem;
font-size: 20px;
line-height: 30px;
color: #fff;
} .single-project .block-text-and-image-alt .text-and-image-grid .text-and-image-text .tai-cta, .single .block-text-and-image-alt .text-and-image-grid .text-and-image-text .tai-cta {
margin-top: 3rem;
} .page-template-page-sharing-our-knowledge .block-text-and-image {
margin-top: 5rem;
} .page-template-page-sharing-our-knowledge .block-text-and-image .text-and-image-grid {
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 1.5rem;
align-items: center;
padding-top: 5rem;
} .page-template-page-sharing-our-knowledge .block-text-and-image .text-and-image-grid .text-and-image-text .tai-subheading {
font-size: 25px;
font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
color: #E95E0B;
} .page-template-page-sharing-our-knowledge .block-text-and-image .text-and-image-grid .text-and-image-text .tai-heading {
font-size: 70px;
line-height: 80px;
font-family: "Literata", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: 500;
color: #23473E;
margin-bottom: 80px;
} .page-template-page-sharing-our-knowledge .block-text-and-image .text-and-image-grid .text-and-image-text .tai-body {
font-size: 20px;
line-height: 30px;
color: #fff;
} .page-template-page-sharing-our-knowledge .block-text-and-image .text-and-image-grid .text-and-image-text .tai-cta {
margin-top: 80px;
} .page-template-page-sharing-our-knowledge .instagram-feed {
padding: 0 6rem;
} .page-template-page-sharing-our-knowledge .instagram-feed .instagram-subheading {
font-size: 25px;
line-height: 30px;
color: #E95E0B;
} .page-template-page-sharing-our-knowledge .instagram-feed .instagram-heading {
font-size: 70px;
line-height: 80px;
color: #23473E;
margin-top: 1rem;
} .page-template-page-sharing-our-knowledge .instagram-feed .instagram-grid {
margin-top: 5rem;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 1.5rem;
} .page-template-page-sharing-our-knowledge .instagram-feed .instagram-grid .instagram-post {
background-color: #23473E;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
aspect-ratio: 1/1;
} .page-template-page-sharing-our-knowledge #featured-article {
margin-top: 5rem;
} .page-template-page-sharing-our-knowledge #featured-article #featured-article-grid {
background-color: #CDE8E7;
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 1.5rem;
padding: 3rem 6rem;
align-items: center;
} .page-template-page-sharing-our-knowledge #featured-article #featured-article-grid .article-details .article-title {
font-size: 70px;
line-height: 80px;
font-family: "Literata", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: 500;
color: #23473E;
} .page-template-page-sharing-our-knowledge #featured-article #featured-article-grid .article-details .article-summary {
padding-top: 2rem;
} .page-template-page-sharing-our-knowledge #featured-article #featured-article-grid .article-details .outline-btn {
margin-top: 2rem;
} .page-template-page-sharing-our-knowledge #articles-grid {
padding-top: 5rem;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 1.5rem;
padding-left: 6rem;
padding-right: 6rem;
} .page-template-page-sharing-our-knowledge #articles-grid .article-item {
background-color: #CDE8E7;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto 1fr;
} .page-template-page-sharing-our-knowledge #articles-grid .article-item .article-thumbnail img {
width: 100%;
} .page-template-page-sharing-our-knowledge #articles-grid .article-item .article-details {
padding: 1.5rem;
display: flex;
flex-direction: column;
justify-content: space-between;
} .page-template-page-sharing-our-knowledge #articles-grid .article-item .article-details .article-title {
font-size: 24px;
line-height: 28px;
font-family: "Literata", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: 500;
color: #23473E;
} .page-template-page-sharing-our-knowledge #articles-grid .article-item .article-details .article-summary {
margin-top: 1rem;
} .page-template-page-sharing-our-knowledge #articles-grid .article-item .article-details .outline-btn {
margin-top: 1rem;
} .page-template-page-projects .block-hero-image {
display: flex;
} .page-template-page-projects .block-hero-image .hero-image {
width: 100%;
padding-bottom: 44.79167%;
position: relative;
background-repeat: no-repeat, no-repeat;
background-position: center left, center center;
background-size: contain, cover;
} .page-template-page-projects .block-hero-image .hero-image .hero-image-inner {
left: 0;
height: 100%;
position: absolute;
top: 0;
width: 100%;
} .page-template-page-projects .block-hero-image .hero-image .hero-image-inner {
padding: 6rem;
display: flex;
flex-direction: column;
justify-content: flex-end;
} .page-template-page-projects .block-hero-image .hero-image .hero-image-inner .hero-image-subheading {
font-size: 25px;
line-height: 30px;
font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
color: #fff;
} .page-template-page-projects .block-hero-image .hero-image .hero-image-inner .hero-image-heading {
font-size: 40px;
color: #fff;
line-height: 40px;
font-family: "Literata", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: 500;
} .page-template-page-projects .projects-intro .projects-intro-inner p {
padding-top: 5rem;
font-family: "Literata", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: 500;
font-size: 40px;
line-height: 50px;
max-width: 75%;
text-align: center;
margin: 0 auto;
} .page-template-page-projects #project-articles-grid {
margin-top: 7.5rem;
width: 100%;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 1.5rem;
padding: 0 6rem;
} .page-template-page-projects #project-articles-grid .featured-video {
background-color: #23473E;
grid-column: span 2;
padding: 1.5rem;
} .page-template-page-projects #project-articles-grid .featured-video .embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
} .page-template-page-projects #project-articles-grid .featured-video .embed-container iframe, .page-template-page-projects #project-articles-grid .featured-video .embed-container object, .page-template-page-projects #project-articles-grid .featured-video .embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .page-template-page-projects #project-articles-grid .featued-quote-block {
grid-column: span 2;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto;
} .page-template-page-projects #project-articles-grid .featued-quote-block .quote-icon-open {
width: 40px;
justify-self: flex-start;
align-self: center;
} .page-template-page-projects #project-articles-grid .featued-quote-block .quote-text {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
font-family: "Literata", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: 500;
color: #23473E;
font-size: 36px;
line-height: 45px;
max-width: 80%;
justify-self: center;
align-self: center;
} .page-template-page-projects #project-articles-grid .featued-quote-block .quote-icon-close {
width: 40px;
justify-self: flex-end;
align-self: center;
} .page-template-page-projects #project-articles-grid .project-article {
display: flex;
flex-direction: column;
justify-content: space-between;
} .page-template-page-projects #project-articles-grid .project-article.residential {
background-color: #6EA178;
} .page-template-page-projects #project-articles-grid .project-article.commercial {
background-color: #23473E;
} .page-template-page-projects #project-articles-grid .project-article .project-summary {
padding: 1em;
color: #fff;
} .page-template-page-projects #project-articles-grid .project-article .project-summary .project-title {
font-size: 24px;
line-height: 28px;
} .page-template-page-projects #project-articles-grid .project-article .project-summary .project-location {
margin-top: 0.5rem;
margin-bottom: 1rem;
}
} @media only screen and (min-width: 1240px) {  #inner-header, #inner-footer .wrap {
max-width: calc(100% - 12rem);
margin: 0 auto;
}
}
@media only screen and (max-width: 1239px) {  #inner-header .contact-button {
margin-right: 2rem;
}
} @media only screen and (min-width: 1600px) {  #inner-header, #inner-footer, .wrap {
max-width: calc(100% - 12rem);
margin: 0 auto;
}
} @media print { }
@media print { * {
background: transparent !important;
color: black !important;
text-shadow: none !important;
-ms-filter: none !important;
filter: none !important;
}   #content {
width: 100%;
margin: 0;
float: none;
} @page {
margin: 2cm;
} @page :left {
margin: 1cm;
}
@page :right {
margin: 1cm;
} @page :first {
margin: 1cm 2cm;
}   body {
font-size: 13pt;
line-height: 1.3;
background: #fff !important;
color: #000;
} h1 {
font-size: 24pt;
} h2, h3, h4 {
font-size: 14pt;
margin-top: 25px;
} p, h2, h3 {
orphans: 3;
widows: 3;
}  a {
page-break-inside: avoid;
} blockquote {
page-break-inside: avoid;
} h1, h2, h3, h4, h5, h6 {
page-break-after: avoid;
page-break-inside: avoid;
} img {
page-break-inside: avoid;
page-break-after: avoid;
} table, pre {
page-break-inside: avoid;
} ul, ol, dl {
page-break-before: avoid;
} pre, blockquote {
border: 1px solid #999;
page-break-inside: avoid;
} thead {
display: table-header-group;
}  a:link, a:visited, a {
background: transparent;
color: #0088cc;
font-weight: bold;
text-decoration: underline;
text-align: left;
} a[href^=http]:after {
content: " < " attr(href) "> ";
} article a[href^="#"]:after {
content: "";
} a:not(:local-link):after {
content: " < " attr(href) "> ";
}  .entry-content iframe, ins {
display: none;
width: 0 !important;
height: 0 !important;
overflow: hidden !important;
line-height: 0pt !important;
white-space: nowrap;
} .embed-youtube, .embed-responsive, .embed-container {
display: none;
position: absolute;
height: 0;
overflow: hidden;
}  #header-widgets, nav, aside,
.sidebar, .content-ads, .make-comment, .author-bio,
.heading, .related-posts, #decomments-form-add-comment,
#breadcrumbs, #footer, .post-byline, .byline, .meta-single,
.site-title img, .post-tags, .readability, .sidebar, .page-navigation, .wp-prev-next,
.respond-form {
display: none;
}
}