/*!
Theme Name: CPCN
Theme URI: http://underscores.me/
Author: Andrew Lindstrom
Author URI: https://andrewlindstrom.com
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: cpcn
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

almafria is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

html {
  font-size: 62.5%;
  /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
  overflow-y: scroll;
  /* Keeps page centered in all browsers regardless of content height */
  -webkit-text-size-adjust: 100%;
  /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
  -ms-text-size-adjust: 100%;
  /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

*,
*:before,
*:after {
  /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
  -webkit-box-sizing: border-box;
  /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
  -moz-box-sizing: border-box;
  /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
  box-sizing: border-box;
}

body {
  background: #fff;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
  display: block;
}

ol, ul {
  list-style: none;
}

table {
  /* tables still need 'cellspacing="0"' in the markup */
  border-collapse: separate;
  border-spacing: 0;
}

caption, th, td {
  font-weight: normal;
  text-align: left;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}

blockquote, q {
  quotes: "" "";
}

a:focus {
  outline: thin dotted;
}

a:hover,
a:active {
  outline: 0;
}

a img {
  border: 0;
}

input {
  -webkit-appearance: none;
  border-radius: 0;
}

body {
  -webkit-text-size-adjust: 100%;
}

textarea, input {
  outline: none;
}

a:hover, a:active, a:focus, a {
  outline: 0;
}

menu {
  margin: 0;
  padding: 0;
}

/*! locomotive-scroll v4.1.3 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */
html.has-scroll-smooth {
  overflow: hidden;
}

html.has-scroll-dragging {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.has-scroll-smooth body {
  overflow: hidden;
}

.has-scroll-smooth [data-scroll-container] {
  min-height: 100vh;
}

[data-scroll-direction=horizontal] [data-scroll-container] {
  height: 100vh;
  display: inline-block;
  white-space: nowrap;
}

[data-scroll-direction=horizontal] [data-scroll-section] {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  height: 100%;
}

.c-scrollbar {
  position: absolute;
  right: 0;
  top: 0;
  width: 11px;
  height: 100%;
  transform-origin: center right;
  transition: transform 0.3s, opacity 0.3s;
  opacity: 0;
}

.c-scrollbar:hover {
  transform: scaleX(1.45);
}

.c-scrollbar:hover, .has-scroll-scrolling .c-scrollbar, .has-scroll-dragging .c-scrollbar {
  opacity: 1;
}

[data-scroll-direction=horizontal] .c-scrollbar {
  width: 100%;
  height: 10px;
  top: auto;
  bottom: 0;
  transform: scaleY(1);
}

[data-scroll-direction=horizontal] .c-scrollbar:hover {
  transform: scaleY(1.3);
}

.c-scrollbar_thumb {
  position: absolute;
  top: 0;
  right: 0;
  background-color: black;
  opacity: 0.5;
  width: 7px;
  border-radius: 10px;
  margin: 2px;
  cursor: -webkit-grab;
  cursor: grab;
}

.has-scroll-dragging .c-scrollbar_thumb {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

[data-scroll-direction=horizontal] .c-scrollbar_thumb {
  right: auto;
  bottom: 0;
}

.color-white {
  color: #fff;
}

strong, b {
  font-weight: 700;
}

em, i {
  font-style: italic;
}

/*  Header
..........................*/
html {
  font-family: "Poppins", "Helvetica Neue", "Helvetica", "arial", sans-serif;
}

html.sr {
  visibility: hidden;
}

#masthead {
  background-color: #007179;
  padding-top: 50px;
  height: 90vh;
  min-height: 800px;
  background-size: 50% auto;
  background-position: bottom right;
  background-repeat: no-repeat;
  position: relative;
}
@media (max-width: 767px) {
  #masthead {
    min-height: 600px;
    height: 70vh;
    background-size: 80% auto;
  }
}

body:not(.home) #masthead {
  height: 60vh;
  min-height: 775px;
  background-position: bottom -100px right;
  background-size: 40% auto;
}
@media (max-width: 1550px) {
  body:not(.home) #masthead {
    background-size: 50% auto;
  }
}
@media (max-width: 1080px) {
  body:not(.home) #masthead {
    background-size: 75% auto;
  }
}
@media (max-width: 767px) {
  body:not(.home) #masthead {
    min-height: 500px;
    height: 50vh;
    background-size: 80% auto;
  }
}

.container {
  max-width: 1457px;
  width: 100%;
  margin: 0 auto;
  padding-left: 50px;
  padding-right: 50px;
}
@media (max-width: 767px) {
  .container {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.container-large {
  max-width: 1680px;
}

.menu-toggle {
  display: none;
  overflow: hidden;
  width: 40px;
  height: 40px;
  text-indent: -100000px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  position: absolute;
  right: 30px;
  top: 42px;
  z-index: 10;
}
@media (max-width: 767px) {
  .menu-toggle {
    top: 45px;
  }
}
.menu-toggle:before, .menu-toggle:after,
.menu-toggle span {
  content: "";
  display: block;
  width: 30px;
  height: 3px;
  background-color: #fff;
  position: absolute;
  left: 5px;
  transition: all 0.3s ease;
}
.menu-toggle:before {
  top: 10px;
}
.menu-toggle span {
  top: 50%;
  transform: translateY(-50%);
}
.menu-toggle:after {
  bottom: 10px;
}
.menu-toggle.nav-toggle-active:before {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.menu-toggle.nav-toggle-active span {
  opacity: 0;
}
.menu-toggle.nav-toggle-active:after {
  bottom: 50%;
  transform: translateY(50%) rotate(-45deg);
}
@media (max-width: 1023px) {
  .menu-toggle {
    display: block;
  }
}

.site-branding {
  max-width: 432px;
  width: 100%;
  float: left;
  margin-top: -5px;
}
@media (max-width: 1550px) {
  .site-branding {
    max-width: 345px;
  }
}
@media (max-width: 767px) {
  .site-branding {
    max-width: 200px;
  }
}
.site-branding img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

#site-navigation {
  float: right;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-weight: 500;
  margin-top: 7px;
}
@media (max-width: 1550px) {
  #site-navigation {
    font-size: 13px;
    margin-top: 5px;
  }
}
@media (max-width: 1023px) {
  #site-navigation {
    display: none;
  }
}
#site-navigation ul li {
  display: inline;
  margin-left: 30px;
}
#site-navigation ul li.current-menu-item {
  font-weight: bold;
}
#site-navigation ul li a {
  color: #fff;
  text-decoration: none;
}

#mobile-navigation {
  display: none;
}
@media (max-width: 1023px) {
  #mobile-navigation {
    display: none;
    justify-content: center;
    align-items: center;
    position: fixed;
    width: 100%;
    height: 100vh;
    background-color: #007179;
    top: 0;
    left: 0;
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    font-weight: 500;
    color: #fff;
    z-index: 5;
    padding-top: 100px;
  }
  #mobile-navigation li {
    margin-bottom: 10px;
  }
  #mobile-navigation a {
    color: #fff;
    text-decoration: none;
  }
}

.header-linkedin {
  background-image: url(/wp-content/themes/heartwood/images/icon-linkedin.png);
  background-size: 23.5px auto;
  background-repeat: no-repeat;
  background-position: left center;
  text-indent: -10000px;
  overflow: hidden;
  top: -2px;
  display: inline-flex !important;
  position: relative;
}
.header-linkedin a {
  width: 23px;
  height: 23px;
}
@media (min-width: 1550px) {
  .header-linkedin {
    top: 0;
  }
}
@media (max-width: 1023px) {
  .header-linkedin {
    margin-top: 20px;
  }
}

.header-facebook {
  background-image: url(/wp-content/themes/heartwood/images/icon-facebook.png);
  background-size: 23.5px auto;
  background-repeat: no-repeat;
  background-position: left center;
  text-indent: -10000px;
  overflow: hidden;
  top: -2px;
  display: inline-flex !important;
  position: relative;
  margin-left: 5px !important;
}
.header-facebook a {
  width: 23px;
  height: 23px;
}
@media (min-width: 1550px) {
  .header-facebook {
    top: 0;
  }
}

.opening-text {
  position: absolute;
  bottom: 120px;
}
@media (max-width: 767px) {
  .opening-text {
    left: 30px;
    right: 30px;
    bottom: 60px;
  }
}
.opening-text h1 {
  color: #fff;
  font-size: 70px;
  font-weight: 300;
  letter-spacing: -0.02em;
}
@media (max-width: 1550px) {
  .opening-text h1 {
    font-size: 56px;
  }
}
@media (max-width: 767px) {
  .opening-text h1 {
    font-size: 31px;
  }
}
.opening-text h1 p {
  line-height: 1.2;
}
.opening-text h1 strong {
  font-size: 120px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0em;
}
@media (max-width: 1550px) {
  .opening-text h1 strong {
    font-size: 96px;
  }
}
@media (max-width: 767px) {
  .opening-text h1 strong {
    font-size: 54px;
  }
}

body:not(.home) .opening-text {
  bottom: 110px;
}
@media (max-width: 767px) {
  body:not(.home) .opening-text {
    bottom: 60px;
  }
}
body:not(.home) .opening-text h1 {
  font-size: 80px;
}
@media (max-width: 1550px) {
  body:not(.home) .opening-text h1 {
    font-size: 60px;
  }
}
@media (max-width: 767px) {
  body:not(.home) .opening-text h1 {
    font-size: 40px;
  }
}

/*  Footer
..........................*/
footer#colophon {
  background-color: #007179;
  color: #fff;
  padding-top: 70px;
  padding-bottom: 100px;
}
@media (max-width: 767px) {
  footer#colophon {
    padding-top: 56px;
    padding-bottom: 20px;
  }
}
footer#colophon a {
  color: #fff;
  text-decoration: none;
}
footer#colophon .container {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1150px) {
  footer#colophon .container {
    flex-direction: column;
  }
}
footer#colophon .footer-logo {
  width: 415px;
  height: auto;
}
@media (max-width: 1550px) {
  footer#colophon .footer-logo {
    width: 300px;
  }
}
@media (max-width: 767px) {
  footer#colophon .footer-logo {
    width: 250px;
  }
}
@media (max-width: 1150px) {
  footer#colophon .footer-logo {
    margin-bottom: 60px;
  }
}
footer#colophon .footer-nav {
  display: flex;
  gap: 73px;
  font-size: 14px;
  letter-spacing: 0.119em;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 2.1;
  margin-top: 16px;
}
@media (max-width: 1550px) {
  footer#colophon .footer-nav {
    font-size: 11.2px;
    gap: 58px;
    margin-top: 12px;
  }
}
@media (max-width: 1150px) {
  footer#colophon .footer-nav {
    justify-content: space-between;
    margin-top: 0;
    gap: initial;
  }
}
@media (max-width: 767px) {
  footer#colophon .footer-nav {
    flex-direction: column;
  }
  footer#colophon .footer-nav .footer-nav-column {
    margin-bottom: 40px;
  }
}
footer#colophon .footer-nav strong {
  font-weight: 500;
  font-size: 23px;
  letter-spacing: 0.079em;
  text-transform: none;
  margin-bottom: 30px;
  display: block;
  line-height: 1;
}
@media (max-width: 1550px) {
  footer#colophon .footer-nav strong {
    font-size: 18.4px;
  }
}
@media (max-width: 767px) {
  footer#colophon .footer-nav strong {
    margin-bottom: 20px;
  }
}
footer#colophon .footer-nav .icon-linkedin {
  background-image: url(/wp-content/themes/heartwood/images/icon-linkedin.png);
  background-size: 23.5px auto;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 44px;
}
@media (max-width: 1550px) {
  footer#colophon .footer-nav .icon-linkedin {
    background-size: 18.8px auto;
  }
}
@media (max-width: 767px) {
  footer#colophon .footer-nav .icon-linkedin {
    padding-left: 30px;
  }
}
footer#colophon .footer-nav .icon-facebook {
  background-image: url(/wp-content/themes/heartwood/images/icon-facebook.png);
  background-size: 23.5px auto;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 44px;
}
@media (max-width: 1550px) {
  footer#colophon .footer-nav .icon-facebook {
    background-size: 18.8px auto;
  }
}
@media (max-width: 767px) {
  footer#colophon .footer-nav .icon-facebook {
    padding-left: 30px;
  }
}

.wp-block-contact-form-7-contact-form-selector {
  max-width: 1457px;
  width: 100%;
  margin: 0 auto;
  padding-left: 50px;
  padding-right: 50px;
  color: #000;
  font-size: 23px;
  letter-spacing: -0.02em;
  font-weight: 200;
  line-height: 1.85;
}
@media (max-width: 767px) {
  .wp-block-contact-form-7-contact-form-selector {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 767px) {
  .wp-block-contact-form-7-contact-form-selector {
    font-size: 18px;
    font-weight: 300;
  }
}
.wp-block-contact-form-7-contact-form-selector h1, .wp-block-contact-form-7-contact-form-selector h2, .wp-block-contact-form-7-contact-form-selector h3, .wp-block-contact-form-7-contact-form-selector h4, .wp-block-contact-form-7-contact-form-selector h5, .wp-block-contact-form-7-contact-form-selector h6 {
  color: #007179;
  font-size: 45px;
  letter-spacing: -0.04em;
  font-weight: 200;
  margin-top: 25px;
  margin-bottom: 25px;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .wp-block-contact-form-7-contact-form-selector h1, .wp-block-contact-form-7-contact-form-selector h2, .wp-block-contact-form-7-contact-form-selector h3, .wp-block-contact-form-7-contact-form-selector h4, .wp-block-contact-form-7-contact-form-selector h5, .wp-block-contact-form-7-contact-form-selector h6 {
    font-size: 39px;
  }
}
.wp-block-contact-form-7-contact-form-selector h3, .wp-block-contact-form-7-contact-form-selector h4, .wp-block-contact-form-7-contact-form-selector h5, .wp-block-contact-form-7-contact-form-selector h6 {
  color: #007179;
  font-size: 35px;
  letter-spacing: -0.01em;
  font-weight: 200;
  margin-top: 25px;
  margin-bottom: 25px;
  line-height: 1.2;
}
.wp-block-contact-form-7-contact-form-selector a {
  color: #007179;
  text-decoration: none;
}
.wp-block-contact-form-7-contact-form-selector strong, .wp-block-contact-form-7-contact-form-selector b {
  font-weight: 500;
}
.wp-block-contact-form-7-contact-form-selector label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.wp-block-contact-form-7-contact-form-selector p:first-of-type {
  margin-bottom: 10px;
}
.wp-block-contact-form-7-contact-form-selector input, .wp-block-contact-form-7-contact-form-selector textarea {
  background-color: #f2f3f4;
  width: 100%;
  border: none;
  padding: 20px;
  margin-bottom: 15px;
  border-radius: 5px;
  color: #000;
  font-size: 23px;
  letter-spacing: -0.02em;
  font-weight: 200;
  line-height: 1.85;
  font-family: "Poppins", "Helvetica Neue", "Helvetica", "arial", sans-serif;
  font-size: 17px;
}
@media (max-width: 767px) {
  .wp-block-contact-form-7-contact-form-selector input, .wp-block-contact-form-7-contact-form-selector textarea {
    font-size: 18px;
    font-weight: 300;
  }
}
.wp-block-contact-form-7-contact-form-selector input.wpcf7-submit {
  background-color: #007179;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.12em;
  display: inline-block;
  padding: 15px 22px;
  border-radius: 30px;
  text-transform: uppercase;
  width: auto;
  padding-left: 35px;
  padding-right: 35px;
  cursor: pointer;
}

/*  Misc
..........................*/
.no-padding-top {
  padding-top: 0 !important;
}

.no-padding-bottom {
  padding-bottom: 0 !important;
}

/*  Full Width Image
..........................*/
.block-full-width-image img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  margin-bottom: -1px;
  object-fit: cover;
  aspect-ratio: 1.6;
}

/*  Single Column
..........................*/
.block-single-column {
  color: #000;
  font-size: 23px;
  letter-spacing: -0.02em;
  font-weight: 200;
  line-height: 1.85;
  padding-top: 60px;
  padding-bottom: 90px;
}
@media (max-width: 767px) {
  .block-single-column {
    font-size: 18px;
    font-weight: 300;
  }
}
.block-single-column h1, .block-single-column h2, .block-single-column h3, .block-single-column h4, .block-single-column h5, .block-single-column h6 {
  color: #007179;
  font-size: 45px;
  letter-spacing: -0.04em;
  font-weight: 200;
  margin-top: 25px;
  margin-bottom: 25px;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .block-single-column h1, .block-single-column h2, .block-single-column h3, .block-single-column h4, .block-single-column h5, .block-single-column h6 {
    font-size: 39px;
  }
}
.block-single-column h3, .block-single-column h4, .block-single-column h5, .block-single-column h6 {
  color: #007179;
  font-size: 35px;
  letter-spacing: -0.01em;
  font-weight: 200;
  margin-top: 25px;
  margin-bottom: 25px;
  line-height: 1.2;
}
.block-single-column p {
  margin-bottom: 2em;
}
.block-single-column b, .block-single-column strong {
  font-weight: 500;
}
.block-single-column ul {
  margin-left: 10px;
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .block-single-column ul {
    margin-left: 0;
  }
}
.block-single-column ul li {
  list-style: none;
  position: relative;
  padding-left: 30px;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .block-single-column ul li {
    padding-left: 40px;
  }
}
.block-single-column ul li:before {
  content: "";
  width: 6px;
  height: 6px;
  background-color: #000;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0.9em;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .block-single-column {
    padding-top: 48px;
    padding-bottom: 72px;
  }
}
.block-single-column iframe {
  width: 100%;
  height: 800px;
}
@media (max-width: 767px) {
  .block-single-column iframe {
    height: 500px;
  }
}

/*  Two Columns
..........................*/
.block-two-columns .container {
  padding-top: 90px;
  padding-bottom: 90px;
  content: "";
  display: table;
  table-layout: fixed;
}
@media (max-width: 767px) {
  .block-two-columns .container {
    flex-direction: column;
  }
}
.block-two-columns .left-column-text {
  color: #007179;
  font-size: 30px;
  font-weight: 400;
  letter-spacing: -0.03em;
  line-height: 1.65;
  float: left;
  width: 300px;
}
@media (max-width: 767px) {
  .block-two-columns .left-column-text {
    font-size: 24px;
    width: 100%;
    float: none;
    margin-bottom: 25px;
  }
  .block-two-columns .left-column-text br {
    display: none;
  }
}
.block-two-columns .right-column-text {
  color: #505C5B;
  color: #000;
  font-size: 30px;
  font-weight: 200;
  letter-spacing: -0.04em;
  line-height: 1.65;
  float: right;
  width: calc(100% - 320px);
}
@media (max-width: 767px) {
  .block-two-columns .right-column-text {
    font-size: 24px;
    width: 100%;
    float: none;
  }
}

/*  Contact Columns
..........................*/
.block-contact-columns {
  color: #000;
  font-size: 23px;
  letter-spacing: -0.02em;
  font-weight: 200;
  line-height: 1.85;
  padding-bottom: 90px;
}
@media (max-width: 767px) {
  .block-contact-columns {
    font-size: 18px;
    font-weight: 300;
  }
}
.block-contact-columns h1, .block-contact-columns h2, .block-contact-columns h3, .block-contact-columns h4, .block-contact-columns h5, .block-contact-columns h6 {
  color: #007179;
  font-size: 45px;
  letter-spacing: -0.04em;
  font-weight: 200;
  margin-top: 25px;
  margin-bottom: 25px;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .block-contact-columns h1, .block-contact-columns h2, .block-contact-columns h3, .block-contact-columns h4, .block-contact-columns h5, .block-contact-columns h6 {
    font-size: 39px;
  }
}
.block-contact-columns h3, .block-contact-columns h4, .block-contact-columns h5, .block-contact-columns h6 {
  color: #007179;
  font-size: 35px;
  letter-spacing: -0.01em;
  font-weight: 200;
  margin-top: 25px;
  margin-bottom: 25px;
  line-height: 1.2;
}
.block-contact-columns a {
  color: #007179;
  text-decoration: none;
}
.block-contact-columns .contact-row {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.block-contact-columns .contact-row .left-column {
  color: #007179;
  font-weight: 500;
  min-width: 30px;
}
.block-contact-columns .contact-row .right-column {
  flex: 1;
}
@media (max-width: 767px) {
  .block-contact-columns {
    padding-bottom: 72px;
  }
}

/*  Location Columns
..........................*/
.block-location-columns {
  color: #000;
  font-size: 23px;
  letter-spacing: -0.02em;
  font-weight: 200;
  line-height: 1.85;
  padding-bottom: 90px;
}
@media (max-width: 767px) {
  .block-location-columns {
    font-size: 18px;
    font-weight: 300;
  }
}
.block-location-columns h1, .block-location-columns h2, .block-location-columns h3, .block-location-columns h4, .block-location-columns h5, .block-location-columns h6 {
  color: #007179;
  font-size: 45px;
  letter-spacing: -0.04em;
  font-weight: 200;
  margin-top: 25px;
  margin-bottom: 25px;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .block-location-columns h1, .block-location-columns h2, .block-location-columns h3, .block-location-columns h4, .block-location-columns h5, .block-location-columns h6 {
    font-size: 39px;
  }
}
.block-location-columns h3, .block-location-columns h4, .block-location-columns h5, .block-location-columns h6 {
  color: #007179;
  font-size: 35px;
  letter-spacing: -0.01em;
  font-weight: 200;
  margin-top: 25px;
  margin-bottom: 25px;
  line-height: 1.2;
}
.block-location-columns a {
  color: #007179;
  text-decoration: none;
}
.block-location-columns strong, .block-location-columns b {
  font-weight: 500;
}
.block-location-columns .location-columns {
  display: flex;
  justify-content: space-between;
  gap: 75px;
}
.block-location-columns .location-columns div {
  flex: 1;
}
@media (max-width: 1023px) {
  .block-location-columns .location-columns {
    flex-direction: column;
    gap: 40px;
  }
}
@media (max-width: 767px) {
  .block-location-columns {
    padding-bottom: 72px;
  }
}

/*  Updates
..........................*/
.block-updates {
  color: #000;
  font-size: 23px;
  letter-spacing: -0.02em;
  font-weight: 200;
  line-height: 1.85;
  background-color: #E2C222;
  padding-top: 45px;
  padding-bottom: 70px;
}
@media (max-width: 767px) {
  .block-updates {
    font-size: 18px;
    font-weight: 300;
  }
}
.block-updates h1, .block-updates h2 {
  color: #007179;
  font-size: 45px;
  letter-spacing: -0.04em;
  font-weight: 200;
  margin-top: 25px;
  margin-bottom: 25px;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .block-updates h1, .block-updates h2 {
    font-size: 39px;
  }
}
.block-updates .update-post {
  border-top: 1px solid #fff;
  padding-bottom: 30px;
}
.block-updates .update-post:last-of-type {
  padding-bottom: 0;
}
.block-updates .date {
  font-size: 15px;
  font-weight: 500;
}
.block-updates a {
  color: #007179;
  text-decoration: none;
}
.block-updates .button {
  background-color: #007179;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.12em;
  display: inline-block;
  padding: 15px 22px;
  border-radius: 30px;
}

.clr {
  clear: both;
}

.cf:before,
.cf:after {
  content: "";
  display: table;
}

.cf:after {
  clear: both;
}

.cf {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */
}

.clr {
  clear: both;
}

.post-edit-link {
  display: block;
  width: 40px;
  height: 40px;
  background: url(images/edit-post.svg) top left no-repeat;
  background-size: 40px auto;
  text-indent: -10000px;
  position: fixed;
  right: 20px;
  bottom: 20px;
  opacity: 0.35;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.post-edit-link:hover {
  opacity: 1;
  background-color: #fff;
}