/* Brand Colours */
/* Brand Font */
body {
  font-family: "Lato", Helvetica, Verdana, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #444444;
  margin: 0px;
  padding: 0px;
}
body img {
  width: 100%;
  height: auto;
}
body .section-outer {
  display: block;
  width: 100%;
}
body .section-outer .section-inner {
  display: block;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10%;
  padding-right: 10%;
}
body .grid {
  display: flex;
  flex-direction: row;
}
body .grid .cell {
  display: flex;
  flex-direction: column;
}
body .grid .cell.w-10 {
  width: 10%;
}
body .grid .cell.w-20 {
  width: 20%;
}
body .grid .cell.w-25 {
  width: 25%;
}
body .grid .cell.w-30 {
  width: 30%;
}
body .grid .cell.w-33 {
  width: 33.33%;
}
body .grid .cell.w-40 {
  width: 40%;
}
body .grid .cell.w-50 {
  width: 50%;
}
body .grid .cell.w-60 {
  width: 60%;
}
body .grid .cell.w-66 {
  width: 66.66%;
}
body .grid .cell.w-70 {
  width: 70%;
}
body .grid .cell.w-75 {
  width: 74%;
}
body .grid .cell.w-80 {
  width: 80%;
}
body .grid .cell.w-90 {
  width: 90%;
}
body .grid .cell.w-100 {
  width: 100%;
}
body h1, body h2, body h3, body h4, body h5, body h6 {
  font-weight: 700;
  line-height: 120%;
  margin: 0px;
  margin-top: 3rem;
  margin-bottom: 1.5rem;
  padding: 0px;
}
body h1:first-child, body h2:first-child, body h3:first-child, body h4:first-child, body h5:first-child, body h6:first-child {
  margin-top: 0px;
}
body h1 {
  font-size: 3rem;
}
body h2 {
  font-size: 2.5rem;
}
body h3 {
  font-size: 2rem;
}
body h4 {
  font-size: 1.5rem;
}
body h5 {
  font-size: 1.25rem;
}
body h6 {
  font-size: 1rem;
}
body p {
  font-size: 1.25rem;
  font-weight: 300;
  color: #444444;
  line-height: 150%;
  margin: 0px;
  margin-bottom: 1.5rem;
  padding: 0px;
}
body p strong {
  font-weight: 700;
}
body p a {
  color: #444444;
  font-weight: 300;
  text-decoration: underline;
}
body p a:focus, body p a:hover {
  color: #444444;
  font-weight: 300;
  text-decoration: underline;
}
body ul {
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 150%;
  list-style-type: disc;
  margin: 0px;
  margin-bottom: 1.5rem;
  padding: 0px;
  padding-left: 1.5rem;
}
body ul li {
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 150%;
  list-style-type: disc;
  margin: 0px;
  margin-bottom: 0.5rem;
}
body ul li p {
  margin-bottom: 0px;
}
body ol {
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 150%;
  margin: 0px;
  margin-bottom: 1.5rem;
  padding: 0px;
  padding-left: 1.5rem;
}
body ol li {
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 150%;
  margin: 0px;
  margin-bottom: 0.5rem;
}
body ol li p {
  margin-bottom: 0px;
}

.cli-tab-footer .wt-cli-privacy-accept-btn {
  color: #ffffff !important;
  background-color: #444444 !important;
  border-radius: 5px !important;
}

.cli-switch input:checked + .cli-slider {
  background-color: #444444 !important;
}

.cli-style-v2 .cli-bar-btn_container .cli-plugin-button {
  padding: 0.75rem 1rem !important;
  border-radius: 5px !important;
}

.cli-style-v2 .cli-bar-btn_container .cli-plugin-button {
  padding: 0.75rem 1rem !important;
  border-radius: 5px !important;
}

a.button {
  font-size: 1.25rem;
  font-weight: 900;
  text-decoration: none;
  border-width: 2px;
  border-style: solid;
  border-radius: 2px;
  padding: 0.75rem 2rem;
  transition: all 0.5s;
  white-space: nowrap;
}
a.button:focus, a.button:hover {
  border-width: 2px;
  border-style: solid;
  text-decoration: none;
}

.button {
  padding-top: 3rem;
  padding-bottom: 3rem;
  overflow: hidden;
}
.button .section-outer .section-inner {
  text-align: center;
}
.button .section-outer .section-inner a.button {
  font-size: 1.25rem;
  color: #444444;
  background-color: transparent;
  border-color: #444444;
}
.button .section-outer .section-inner a.button:focus, .button .section-outer .section-inner a.button:hover {
  color: #ffffff;
  background-color: #444444;
  border-color: #444444;
}

.call-to-action {
  background-color: #444444;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.call-to-action .grid {
  flex-direction: column;
}
@media (min-width: 576px) {
  .call-to-action .grid {
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  .call-to-action .grid {
    flex-direction: row;
  }
}
@media (min-width: 992px) {
  .call-to-action .grid {
    flex-direction: row;
  }
}
@media (min-width: 1200px) {
  .call-to-action .grid {
    flex-direction: row;
  }
}
.call-to-action .grid .cell {
  align-items: center;
  align-self: center;
  padding-top: 3rem;
  padding-bottom: 3rem;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media (min-width: 576px) {
  .call-to-action .grid .cell {
    padding-top: 3rem;
    padding-bottom: 3rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 768px) {
  .call-to-action .grid .cell {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 992px) {
  .call-to-action .grid .cell {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 1200px) {
  .call-to-action .grid .cell {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.call-to-action .grid .cell.w-50 {
  width: 100%;
}
@media (min-width: 576px) {
  .call-to-action .grid .cell.w-50 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .call-to-action .grid .cell.w-50 {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .call-to-action .grid .cell.w-50 {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .call-to-action .grid .cell.w-50 {
    width: 50%;
  }
}
.call-to-action .grid .cell:first-child {
  border-bottom: 2px solid #ffffff;
  border-right: none;
}
@media (min-width: 576px) {
  .call-to-action .grid .cell:first-child {
    border-right: none;
    border-bottom: 2px solid #ffffff;
  }
}
@media (min-width: 768px) {
  .call-to-action .grid .cell:first-child {
    border-right: 2px solid #ffffff;
    border-bottom: none;
  }
}
@media (min-width: 992px) {
  .call-to-action .grid .cell:first-child {
    border-right: 2px solid #ffffff;
    border-bottom: none;
  }
}
@media (min-width: 1200px) {
  .call-to-action .grid .cell:first-child {
    border-right: 2px solid #ffffff;
    border-bottom: none;
  }
}
.call-to-action .grid .cell div.speach-bubble {
  position: relative;
  margin-bottom: 0.25rem;
}
.call-to-action .grid .cell div.speach-bubble a.speach-bubble-link {
  display: inline-block;
  color: #444444;
  background-color: #ffffff;
  border-color: #ffffff;
  border-width: 2px;
  border-style: solid;
  border-radius: 2px;
  padding: 1rem 2rem;
  font-size: 1.25rem;
  font-weight: 900;
  line-height: 150%;
  text-decoration: none;
  margin-bottom: 10px;
  text-align: center;
  transition: all 0.5s;
}
.call-to-action .grid .cell div.speach-bubble a.speach-bubble-link:focus, .call-to-action .grid .cell div.speach-bubble a.speach-bubble-link:hover {
  color: #ffffff;
  background-color: #444444;
  border-color: #ffffff;
  transition: all 0.5s;
}
.call-to-action .grid .cell div.speach-bubble div.speach-bubble-arrow {
  position: absolute;
  bottom: 0px;
  right: 5px;
  width: 0px;
  margin-top: 2rem;
  border-top: 10px solid #ffffff;
  border-right: 10px solid transparent;
}
.call-to-action .grid .cell a.link {
  font-size: 1.25rem;
  font-weight: 700;
  color: #ffffff;
  text-decoration: none;
}
.call-to-action .grid .cell a.link:focus, .call-to-action .grid .cell a.link:hover {
  text-decoration: underline;
}
.call-to-action .grid .cell a.button {
  font-size: 1.25rem;
  color: #ffffff;
  background-color: transparent;
  border-color: #ffffff;
  padding: 1rem 2rem;
}
.call-to-action .grid .cell a.button:focus, .call-to-action .grid .cell a.button:hover {
  color: #444444;
  background-color: #ffffff;
  border-color: #ffffff;
}

.footer {
  border-top: 10px solid #5b5d5e;
  background-color: #5b5d5e;
  padding-top: 4rem;
  padding-bottom: 5rem;
}
@media (max-width: 767px) {
  .footer .grid {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .footer .grid .cell.w-50 {
    width: 100%;
    margin-bottom: 2rem;
  }
}
@media (max-width: 767px) {
  .footer .grid .cell.w-40 {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .footer .grid .cell.w-10 {
    display: none;
  }
}
.footer p {
  color: #ffffff;
  margin-bottom: 0px;
}
.footer a {
  font-weight: 300;
  color: #ffffff;
  text-decoration: none;
}
.footer a:focus, .footer a:hover {
  color: #ffffff;
  text-decoration: underline;
}
.footer ul.menu {
  display: block;
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.footer ul.menu li {
  display: block;
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.footer .top-link {
  text-align: right;
}
.footer .top-link a img {
  width: 50px;
  height: auto;
}

.footer-copyright {
  background-color: #444444;
  padding-top: 10px;
  padding-bottom: 10px;
}
.footer-copyright p {
  display: inline-grid;
  color: #ffffff;
  font-size: 0.9rem;
  margin-bottom: 0px;
}
.footer-copyright .footer-links-menu {
  display: inline-grid;
}
.footer-copyright .footer-links-menu div ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.footer-copyright .footer-links-menu div ul li {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.footer-copyright .footer-links-menu div ul li a {
  color: #ffffff;
  font-size: 0.9rem;
  font-weight: 300;
  line-height: 100%;
  margin-left: 0.5rem;
  border-left: 1px solid #ffffff;
  padding-left: 0.5rem;
  text-decoration: none;
}
.footer-copyright .footer-links-menu div ul li a:hover, .footer-copyright .footer-links-menu div ul li a:focus {
  text-decoration: underline;
}

.form {
  background-color: #dddddd;
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.form h3 {
  font-size: 2rem;
  font-weight: 700;
  color: #444444;
  width: 100%;
  text-align: center;
}
.form .section-outer .section-inner .ninja-forms-form-wrap {
  max-width: 100%;
}
.form .section-outer .section-inner .ninja-forms-form-wrap .nf-form-fields-required {
  margin-left: 0px;
  margin-bottom: 1rem;
}
.form .section-outer .section-inner .ninja-forms-form-wrap .nf-form-content {
  max-width: none;
}
.form .section-outer .section-inner .ninja-forms-form-wrap .nf-form-content .nf-field-container .nf-field-label {
  margin-bottom: 0.25rem !important;
}
.form .section-outer .section-inner .ninja-forms-form-wrap .nf-form-content .nf-field-container .nf-field-label .ninja-forms-req-symbol {
  font-weight: 700;
}
.form .section-outer .section-inner .ninja-forms-form-wrap .nf-form-content .nf-field-container .nf-field-label label {
  font-weight: 300;
}
.form .section-outer .section-inner .ninja-forms-form-wrap .nf-form-content .nf-field-container .nf-field-element textarea {
  color: #444444 !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  background-color: #ffffff !important;
  border: 2px solid #dddddd !important;
  border-radius: 5px !important;
  width: 100% !important;
  padding: 0.75rem 1rem !important;
}
.form .section-outer .section-inner .ninja-forms-form-wrap .nf-form-content .nf-field-container .nf-field-element input:not([type=button]) {
  color: #444444 !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  background-color: #ffffff !important;
  border: 2px solid #dddddd !important;
  border-radius: 5px !important;
  width: 100% !important;
  padding: 0.75rem 1rem !important;
}
.form .section-outer .section-inner .ninja-forms-form-wrap .nf-form-content .nf-field-container .nf-field-element button, .form .section-outer .section-inner .ninja-forms-form-wrap .nf-form-content .nf-field-container .nf-field-element input[type=button], .form .section-outer .section-inner .ninja-forms-form-wrap .nf-form-content .nf-field-container .nf-field-element input[type=submit] {
  color: #5b5d5e !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  background-color: transparent !important;
  border: 2px solid #5b5d5e !important;
  border-radius: 5px !important;
  width: 100% !important;
  padding: 0.75rem 1rem !important;
}
.form .section-outer .section-inner .ninja-forms-form-wrap .nf-form-content .nf-field-container .nf-field-element button:focus, .form .section-outer .section-inner .ninja-forms-form-wrap .nf-form-content .nf-field-container .nf-field-element button:hover, .form .section-outer .section-inner .ninja-forms-form-wrap .nf-form-content .nf-field-container .nf-field-element input[type=button]:focus, .form .section-outer .section-inner .ninja-forms-form-wrap .nf-form-content .nf-field-container .nf-field-element input[type=button]:hover, .form .section-outer .section-inner .ninja-forms-form-wrap .nf-form-content .nf-field-container .nf-field-element input[type=submit]:focus, .form .section-outer .section-inner .ninja-forms-form-wrap .nf-form-content .nf-field-container .nf-field-element input[type=submit]:hover {
  color: #ffffff !important;
  background-color: #444444 !important;
  border: 2px solid #444444 !important;
  border-radius: 5px !important;
  width: 100% !important;
  padding: 0.75rem 1rem !important;
}
.form .section-outer .section-inner .ninja-forms-form-wrap .ninja-forms-field {
  font-size: 1rem !important;
  font-weight: 400 !important;
  color: #444444 !important;
  border: 2px solid #444444 !important;
  border-radius: 5px !important;
  padding: 0.75rem 1rem !important;
}

textarea, input[type=text], input[type=email] {
  -webkit-appearance: none;
}

.header {
  position: relative;
  border-bottom: 10px solid #444444;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.header .section-outer .section-inner {
  padding-left: 10%;
}
@media (min-width: 576px) {
  .header .section-outer .section-inner {
    padding-left: 10%;
  }
}
@media (min-width: 768px) {
  .header .section-outer .section-inner {
    padding-left: 5%;
  }
}
@media (min-width: 992px) {
  .header .section-outer .section-inner {
    padding-left: 5%;
  }
}
@media (min-width: 1200px) {
  .header .section-outer .section-inner {
    padding-left: 5%;
  }
}
.header .section-outer .section-inner .logo {
  width: 200px;
  height: auto;
}
.header .section-outer .section-inner .menu {
  position: absolute;
  right: 10%;
  top: 40px;
  width: 50px;
  height: auto;
}
@media (min-width: 576px) {
  .header .section-outer .section-inner .menu {
    right: 10%;
  }
}
@media (min-width: 768px) {
  .header .section-outer .section-inner .menu {
    right: 5%;
  }
}
@media (min-width: 992px) {
  .header .section-outer .section-inner .menu {
    right: 5%;
  }
}
@media (min-width: 1200px) {
  .header .section-outer .section-inner .menu {
    right: 5%;
  }
}

#navigation-background {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: #444444;
  opacity: 0;
  z-index: 1;
}

.navigation {
  position: absolute;
  right: 0px;
  display: block;
  background-color: #eeeeee;
  z-index: 2;
  width: 100%;
}
@media (min-width: 576px) {
  .navigation {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .navigation {
    width: 40%;
  }
}
@media (min-width: 992px) {
  .navigation {
    width: 33.33%;
  }
}
@media (min-width: 1200px) {
  .navigation {
    width: 25%;
  }
}
.navigation .menu-navigation-container, .navigation .menu-member-only-navigation-container {
  display: block;
  width: 100%;
}
.navigation .menu-navigation-container ul, .navigation .menu-member-only-navigation-container ul {
  display: block;
  width: 100%;
  margin: 0px;
  padding: 0px;
}
.navigation .menu-navigation-container ul li, .navigation .menu-member-only-navigation-container ul li {
  display: block;
  width: 100%;
  margin: 0px;
  padding: 0px;
}
.navigation .menu-navigation-container ul li a, .navigation .menu-member-only-navigation-container ul li a {
  display: block;
  width: 100%;
  color: #444444;
  font-size: 1rem;
  font-weight: 300;
  text-decoration: none;
  background-color: transparent;
  margin: 0px;
  padding: 0.5rem 1rem;
  border: 0px;
}
.navigation .menu-navigation-container ul li a:focus, .navigation .menu-navigation-container ul li a:hover, .navigation .menu-member-only-navigation-container ul li a:focus, .navigation .menu-member-only-navigation-container ul li a:hover {
  color: #ffffff;
  font-weight: 400;
  background-color: #444444;
  text-decoration: none;
}
.navigation .menu-navigation-container ul li.menu-item-has-children a, .navigation .menu-member-only-navigation-container ul li.menu-item-has-children a {
  position: relative;
  display: block;
  box-sizing: border-box;
}
.navigation .menu-navigation-container ul li.menu-item-has-children a img, .navigation .menu-member-only-navigation-container ul li.menu-item-has-children a img {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 1rem;
  padding: 1rem;
  height: auto;
}
.navigation .menu-navigation-container ul li.current-menu-item > a, .navigation .menu-member-only-navigation-container ul li.current-menu-item > a {
  color: #ffffff;
  font-weight: 400;
  background-color: #444444;
  text-decoration: none;
}
.navigation .menu-navigation-container ul li.current-menu-item > a:focus, .navigation .menu-navigation-container ul li.current-menu-item > a:hover, .navigation .menu-member-only-navigation-container ul li.current-menu-item > a:focus, .navigation .menu-member-only-navigation-container ul li.current-menu-item > a:hover {
  color: #ffffff;
  font-weight: 400;
  background-color: #444444;
  text-decoration: none;
}
.navigation .menu-navigation-container ul li ul.sub-menu, .navigation .menu-member-only-navigation-container ul li ul.sub-menu {
  background-color: #dddddd;
}
.navigation .menu-navigation-container ul li ul.sub-menu li a, .navigation .menu-member-only-navigation-container ul li ul.sub-menu li a {
  padding-left: 2rem;
}
.navigation .menu-navigation-container ul li ul.sub-menu li ul.sub-menu, .navigation .menu-member-only-navigation-container ul li ul.sub-menu li ul.sub-menu {
  background-color: #cccccc;
}
.navigation .menu-navigation-container ul li ul.sub-menu li ul.sub-menu li a, .navigation .menu-member-only-navigation-container ul li ul.sub-menu li ul.sub-menu li a {
  padding-left: 3rem;
}
.navigation .menu-navigation-container ul li ul.sub-menu li ul.sub-menu li ul.sub-menu, .navigation .menu-member-only-navigation-container ul li ul.sub-menu li ul.sub-menu li ul.sub-menu {
  background-color: #bbbbbb;
}
.navigation .menu-navigation-container ul li ul.sub-menu li ul.sub-menu li ul.sub-menu li a, .navigation .menu-member-only-navigation-container ul li ul.sub-menu li ul.sub-menu li ul.sub-menu li a {
  padding-left: 4rem;
}

.hero {
  position: relative;
  /* height: 300px; */
  padding-top: 33.33%;
  /*
  @media (min-width: 576px) { height: 400px; }
  @media (min-width: 768px) { height: 500px; }
  @media (min-width: 992px) { height: 600px; }
  @media (min-width: 1200px) { height: 600px; }
  */
}
.hero .hero-container {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.hero .hero-container .hero-container-inner {
  position: relative;
  width: 100%;
  height: 100%;
  line-height: 0px;
}
.hero .hero-container .hero-container-inner .hero-image {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.hero .hero-container .hero-container-inner .black-5 {
  display: block;
  background-color: rgba(0, 0, 0, 0.05);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  box-sizing: border-box;
}
@media (min-width: 576px) {
  .hero .hero-container .hero-container-inner .black-5 {
    display: block;
  }
}
@media (min-width: 768px) {
  .hero .hero-container .hero-container-inner .black-5 {
    display: block;
  }
}
@media (min-width: 992px) {
  .hero .hero-container .hero-container-inner .black-5 {
    display: block;
  }
}
@media (min-width: 1200px) {
  .hero .hero-container .hero-container-inner .black-5 {
    display: block;
  }
}
.hero .hero-container .hero-container-inner .black-10 {
  display: block;
  background-color: rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  box-sizing: border-box;
}
@media (min-width: 576px) {
  .hero .hero-container .hero-container-inner .black-10 {
    display: block;
  }
}
@media (min-width: 768px) {
  .hero .hero-container .hero-container-inner .black-10 {
    display: block;
  }
}
@media (min-width: 992px) {
  .hero .hero-container .hero-container-inner .black-10 {
    display: block;
  }
}
@media (min-width: 1200px) {
  .hero .hero-container .hero-container-inner .black-10 {
    display: block;
  }
}
.hero .hero-container .hero-container-inner .black-15 {
  display: block;
  background-color: rgba(0, 0, 0, 0.15);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  box-sizing: border-box;
}
@media (min-width: 576px) {
  .hero .hero-container .hero-container-inner .black-15 {
    display: block;
  }
}
@media (min-width: 768px) {
  .hero .hero-container .hero-container-inner .black-15 {
    display: block;
  }
}
@media (min-width: 992px) {
  .hero .hero-container .hero-container-inner .black-15 {
    display: block;
  }
}
@media (min-width: 1200px) {
  .hero .hero-container .hero-container-inner .black-15 {
    display: block;
  }
}
.hero .hero-container .hero-container-inner .black-20 {
  display: block;
  background-color: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  box-sizing: border-box;
}
@media (min-width: 576px) {
  .hero .hero-container .hero-container-inner .black-20 {
    display: block;
  }
}
@media (min-width: 768px) {
  .hero .hero-container .hero-container-inner .black-20 {
    display: block;
  }
}
@media (min-width: 992px) {
  .hero .hero-container .hero-container-inner .black-20 {
    display: block;
  }
}
@media (min-width: 1200px) {
  .hero .hero-container .hero-container-inner .black-20 {
    display: block;
  }
}
.hero .hero-container .hero-container-inner .black-25 {
  display: block;
  background-color: rgba(0, 0, 0, 0.25);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  box-sizing: border-box;
}
@media (min-width: 576px) {
  .hero .hero-container .hero-container-inner .black-25 {
    display: block;
  }
}
@media (min-width: 768px) {
  .hero .hero-container .hero-container-inner .black-25 {
    display: block;
  }
}
@media (min-width: 992px) {
  .hero .hero-container .hero-container-inner .black-25 {
    display: block;
  }
}
@media (min-width: 1200px) {
  .hero .hero-container .hero-container-inner .black-25 {
    display: block;
  }
}
.hero .hero-container .hero-container-inner .hero-overlay {
  position: absolute;
  top: 0px;
  width: 100%;
  padding: 0px;
  background-color: transparent;
  height: 100%;
  box-sizing: border-box;
}
@media (min-width: 576px) {
  .hero .hero-container .hero-container-inner .hero-overlay {
    position: absolute;
    top: 0px;
    width: 100%;
    padding: 0px;
    background-color: transparent;
  }
}
@media (min-width: 768px) {
  .hero .hero-container .hero-container-inner .hero-overlay {
    position: absolute;
    top: 0px;
    width: 100%;
    padding: 0px;
    background-color: transparent;
  }
}
@media (min-width: 992px) {
  .hero .hero-container .hero-container-inner .hero-overlay {
    position: absolute;
    top: 0px;
    width: 100%;
    padding: 0px;
    background-color: transparent;
  }
}
@media (min-width: 1200px) {
  .hero .hero-container .hero-container-inner .hero-overlay {
    position: absolute;
    top: 0px;
    width: 100%;
    padding: 0px;
    background-color: transparent;
  }
}
.hero .hero-container .hero-container-inner .hero-overlay .section-outer {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.hero .hero-container .hero-container-inner .hero-overlay .section-outer .section-inner {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.hero .hero-container .hero-container-inner .hero-overlay .section-outer .section-inner .image-outer {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: center;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  overflow: hidden;
}
.hero .hero-container .hero-container-inner .hero-overlay .section-outer .section-inner .image-outer .image-inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  align-self: center;
  box-sizing: border-box;
  text-align: center;
}
.hero .hero-container .hero-container-inner .hero-overlay .section-outer .section-inner .image-outer .image-inner h1 {
  font-size: 1.5rem;
  color: #ffffff;
  margin-bottom: 1rem;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
}
@media (min-width: 576px) {
  .hero .hero-container .hero-container-inner .hero-overlay .section-outer .section-inner .image-outer .image-inner h1 {
    color: #ffffff;
    font-size: 2rem;
  }
}
@media (min-width: 768px) {
  .hero .hero-container .hero-container-inner .hero-overlay .section-outer .section-inner .image-outer .image-inner h1 {
    color: #ffffff;
    font-size: 2.25rem;
  }
}
@media (min-width: 992px) {
  .hero .hero-container .hero-container-inner .hero-overlay .section-outer .section-inner .image-outer .image-inner h1 {
    color: #ffffff;
    font-size: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .hero .hero-container .hero-container-inner .hero-overlay .section-outer .section-inner .image-outer .image-inner h1 {
    color: #ffffff;
    font-size: 3rem;
  }
}
.hero .hero-container .hero-container-inner .hero-overlay .section-outer .section-inner .image-outer .image-inner h2 {
  font-size: 1rem;
  color: #ffffff;
  margin-bottom: 2rem;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
}
@media (min-width: 576px) {
  .hero .hero-container .hero-container-inner .hero-overlay .section-outer .section-inner .image-outer .image-inner h2 {
    color: #ffffff;
    font-size: 1.25rem;
  }
}
@media (min-width: 768px) {
  .hero .hero-container .hero-container-inner .hero-overlay .section-outer .section-inner .image-outer .image-inner h2 {
    color: #ffffff;
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) {
  .hero .hero-container .hero-container-inner .hero-overlay .section-outer .section-inner .image-outer .image-inner h2 {
    color: #ffffff;
    font-size: 1.75rem;
  }
}
@media (min-width: 1200px) {
  .hero .hero-container .hero-container-inner .hero-overlay .section-outer .section-inner .image-outer .image-inner h2 {
    color: #ffffff;
    font-size: 2rem;
  }
}
.hero .hero-container .hero-container-inner .hero-overlay .section-outer .section-inner .image-outer .image-inner a.button {
  color: #ffffff;
  background-color: transparent;
  border-color: #ffffff;
  padding: 1.5rem 2rem;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
}
.hero .hero-container .hero-container-inner .hero-overlay .section-outer .section-inner .image-outer .image-inner a.button:focus, .hero .hero-container .hero-container-inner .hero-overlay .section-outer .section-inner .image-outer .image-inner a.button:hover {
  color: #444444;
  background-color: #ffffff;
  border-color: #ffffff;
}
.hero .left-arrow-container {
  display: inline-block;
  position: absolute;
  top: calc(50% - 35px);
  left: 1rem;
  width: 2rem;
  height: auto;
}
@media (min-width: 576px) {
  .hero .left-arrow-container {
    left: 3rem;
    width: 3rem;
  }
}
@media (min-width: 768px) {
  .hero .left-arrow-container {
    left: 4rem;
    width: 4rem;
  }
}
@media (min-width: 992px) {
  .hero .left-arrow-container {
    left: 5rem;
    width: 5rem;
  }
}
@media (min-width: 1200px) {
  .hero .left-arrow-container {
    left: 6rem;
    width: 6rem;
  }
}
.hero .left-arrow-container .left-arrow-link {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.hero .left-arrow-container .left-arrow-link .left-arrow-image {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.hero .right-arrow-container {
  display: inline-block;
  position: absolute;
  top: calc(50% - 35px);
  right: 1rem;
  width: 2rem;
  height: auto;
}
@media (min-width: 576px) {
  .hero .right-arrow-container {
    right: 3rem;
    width: 3rem;
  }
}
@media (min-width: 768px) {
  .hero .right-arrow-container {
    right: 4rem;
    width: 4rem;
  }
}
@media (min-width: 992px) {
  .hero .right-arrow-container {
    right: 5rem;
    width: 5rem;
  }
}
@media (min-width: 1200px) {
  .hero .right-arrow-container {
    right: 6rem;
    width: 6rem;
  }
}
.hero .right-arrow-container .right-arrow-link {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.hero .right-arrow-container .right-arrow-link .right-arrow-image {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.hero .slide-button-container {
  position: absolute;
  left: 0px;
  bottom: 1rem;
  width: 100%;
  text-align: center;
}
@media (min-width: 576px) {
  .hero .slide-button-container {
    bottom: 1.5rem;
  }
}
@media (min-width: 768px) {
  .hero .slide-button-container {
    bottom: 2rem;
  }
}
@media (min-width: 992px) {
  .hero .slide-button-container {
    bottom: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .hero .slide-button-container {
    bottom: 3rem;
  }
}
.hero .slide-button-container .slide-button {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 2px solid #444444;
  border-radius: 50%;
  background-color: #444444;
  margin-left: 1rem;
  margin-right: 1rem;
  cursor: pointer;
}
.hero .slide-button-container .slide-button.current {
  background-color: #ffffff;
}

.link-grid {
  background-color: #dddddd;
  padding-top: 4rem;
  padding-bottom: 4rem;
  /* Mobile */
  /* Desktop */
}
.link-grid.square .grid .cell .row.image-row .link-grid-image-container {
  padding-top: 100% !important;
}
.link-grid.light-grey {
  background-color: #f9f9f9;
}
.link-grid.light-grey .grid .cell .row {
  background-color: #ffffff !important;
}
.link-grid.light-grey .grid .cell .row.button-row .button {
  color: #444444;
  border: 2px solid #444444;
  background-color: #dddddd;
}
.link-grid.light-grey .grid .cell .row.button-row .button:focus, .link-grid.light-grey .grid .cell .row.button-row .button:hover {
  color: #ffffff;
  border: 2px solid #444444;
  background-color: #444444;
}
.link-grid .grid-mobile {
  display: none;
  flex-direction: column;
}
@media (max-width: 992px) {
  .link-grid .grid-mobile {
    display: block;
  }
}
.link-grid .grid-mobile .cell {
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 4rem;
}
.link-grid .grid-mobile .cell.w-33 {
  width: 100%;
}
.link-grid .grid-mobile .cell:first-child {
  padding-left: 0px;
}
.link-grid .grid-mobile .cell:last-child {
  padding-right: 0px;
}
.link-grid .grid-mobile .cell .row {
  background-color: #f9f9f9;
  text-align: center;
}
.link-grid .grid-mobile .cell .row:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.link-grid .grid-mobile .cell .row:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.link-grid .grid-mobile .cell .row.image-row {
  border: none;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.link-grid .grid-mobile .cell .row.image-row .link-grid-image-container {
  position: relative;
  padding-top: 56.25%;
}
.link-grid .grid-mobile .cell .row.image-row .link-grid-image-container .link-grid-image {
  position: absolute;
  left: 0px;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  top: 100px;
  opacity: 0;
  transition-duration: 1s;
  transition-property: top, opacity;
  transition-timing-function: ease-out;
}
.link-grid .grid-mobile .cell .row.image-row .link-grid-image-container .link-grid-image.show {
  top: 0px;
  opacity: 1;
}
.link-grid .grid-mobile .cell .row.image-row img {
  width: 100%;
  height: auto;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.link-grid .grid-mobile .cell .row.title-row a, .link-grid .grid-mobile .cell .row.title-row div {
  display: table;
  width: 100%;
  height: 80px;
  color: #444444;
  text-decoration: none;
  overflow: hidden;
}
.link-grid .grid-mobile .cell .row.title-row a h3, .link-grid .grid-mobile .cell .row.title-row div h3 {
  display: table-cell;
  width: 100%;
  height: 100%;
  font-size: 1.25rem;
  line-height: 120%;
  text-align: center;
  vertical-align: middle;
  text-overflow: ellipsis;
  color: #444444;
  text-decoration: none;
  width: 100%;
  margin-bottom: 0px;
  padding-left: 10%;
  padding-right: 10%;
  box-sizing: border-box;
}
.link-grid .grid-mobile .cell .row.text-row {
  padding-top: 1rem;
}
.link-grid .grid-mobile .cell .row.text-row a, .link-grid .grid-mobile .cell .row.text-row div {
  color: #444444;
  text-decoration: none;
}
.link-grid .grid-mobile .cell .row.text-row a p, .link-grid .grid-mobile .cell .row.text-row div p {
  color: #444444;
  width: 100%;
  font-size: 1rem;
  line-height: 150%;
  text-align: justify;
  text-decoration: none;
  padding-left: 10%;
  padding-right: 10%;
  box-sizing: border-box;
  margin-bottom: 3rem;
}
.link-grid .grid-mobile .cell .row.button-row {
  display: table;
  width: 100%;
  height: 80px;
  padding-bottom: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.link-grid .grid-mobile .cell .row.button-row .button {
  display: table-cell;
  width: 80%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  color: #444444;
  background-color: #dddddd;
  border: 2px solid #dddddd;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  box-sizing: border-box;
  padding: 0px;
  padding-left: 1rem;
  padding-right: 1rem;
}
.link-grid .grid-mobile .cell .row.button-row .button:focus, .link-grid .grid-mobile .cell .row.button-row .button:hover {
  color: #ffffff;
  background-color: #444444;
  border: 2px solid #444444;
}
.link-grid .grid-desktop {
  display: none;
  flex-direction: row;
}
@media (min-width: 992px) {
  .link-grid .grid-desktop {
    display: block;
  }
}
.link-grid .grid-desktop > .row {
  display: flex;
  flex-direction: row;
}
.link-grid .grid-desktop > .row:first-child .cell .row {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.link-grid .grid-desktop > .row:last-child .cell .row {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.link-grid .grid-desktop > .row .cell {
  padding-left: 2.5%;
  padding-right: 2.5%;
  padding-bottom: 0px;
  box-sizing: border-box;
}
.link-grid .grid-desktop > .row .cell:nth-child(1) .row.image-row .link-grid-image-container .link-grid-image {
  transition-delay: 0s !important;
}
.link-grid .grid-desktop > .row .cell:nth-child(2) .row.image-row .link-grid-image-container .link-grid-image {
  transition-delay: 0.25s !important;
}
.link-grid .grid-desktop > .row .cell:nth-child(3) .row.image-row .link-grid-image-container .link-grid-image {
  transition-delay: 0.5s !important;
}
.link-grid .grid-desktop > .row .cell.w-33 {
  width: 33.33%;
}
.link-grid .grid-desktop > .row .cell .row {
  background-color: #f9f9f9;
  text-align: center;
}
.link-grid .grid-desktop > .row .cell .row.image-row {
  border: none;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.link-grid .grid-desktop > .row .cell .row.image-row a, .link-grid .grid-desktop > .row .cell .row.image-row div {
  display: block;
  width: 100%;
}
.link-grid .grid-desktop > .row .cell .row.image-row a .link-grid-image-container, .link-grid .grid-desktop > .row .cell .row.image-row div .link-grid-image-container {
  position: relative;
  padding-top: 56.25%;
}
.link-grid .grid-desktop > .row .cell .row.image-row a .link-grid-image-container .link-grid-image, .link-grid .grid-desktop > .row .cell .row.image-row div .link-grid-image-container .link-grid-image {
  position: absolute;
  left: 0px;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  top: 100px;
  opacity: 0;
  transition-duration: 1s;
  transition-property: top, opacity;
  transition-timing-function: ease-out;
}
.link-grid .grid-desktop > .row .cell .row.image-row a .link-grid-image-container .link-grid-image.show, .link-grid .grid-desktop > .row .cell .row.image-row div .link-grid-image-container .link-grid-image.show {
  top: 0px;
  opacity: 1;
}
.link-grid .grid-desktop > .row .cell .row.title-row a, .link-grid .grid-desktop > .row .cell .row.title-row div {
  display: table;
  width: 100%;
  height: 80px;
  color: #444444;
  text-decoration: none;
  overflow: hidden;
}
.link-grid .grid-desktop > .row .cell .row.title-row a h3, .link-grid .grid-desktop > .row .cell .row.title-row div h3 {
  display: table-cell;
  width: 100%;
  height: 100%;
  font-size: 1.25rem;
  line-height: 120%;
  text-align: center;
  vertical-align: middle;
  text-overflow: ellipsis;
  color: #444444;
  text-decoration: none;
  width: 100%;
  margin-bottom: 0px;
  padding-left: 10%;
  padding-right: 10%;
  box-sizing: border-box;
}
.link-grid .grid-desktop > .row .cell .row.text-row {
  padding-top: 1rem;
  height: 100%;
}
.link-grid .grid-desktop > .row .cell .row.text-row a, .link-grid .grid-desktop > .row .cell .row.text-row div {
  color: #444444;
  text-decoration: none;
}
.link-grid .grid-desktop > .row .cell .row.text-row a p, .link-grid .grid-desktop > .row .cell .row.text-row div p {
  color: #444444;
  width: 100%;
  font-size: 1rem;
  line-height: 150%;
  text-align: justify;
  text-decoration: none;
  padding-left: 10%;
  padding-right: 10%;
  box-sizing: border-box;
  margin-bottom: 3rem;
}
.link-grid .grid-desktop > .row .cell .row.button-row {
  display: table;
  width: 100%;
  height: 80px;
  padding-bottom: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.link-grid .grid-desktop > .row .cell .row.button-row .button {
  display: table-cell;
  width: 80%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  color: #444444;
  background-color: #dddddd;
  border: 2px solid #dddddd;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  box-sizing: border-box;
  padding: 0px;
  padding-left: 1rem;
  padding-right: 1rem;
  white-space: normal;
}
.link-grid .grid-desktop > .row .cell .row.button-row .button:focus, .link-grid .grid-desktop > .row .cell .row.button-row .button:hover {
  color: #ffffff;
  background-color: #444444;
  border: 2px solid #444444;
}

.post-grid-controls {
  background-color: #dddddd;
}
.post-grid-controls .section-outer .section-inner {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.post-grid-controls .section-outer .section-inner .row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}
.post-grid-controls .section-outer .section-inner .row .column {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 1rem;
  box-sizing: border-box;
}
.post-grid-controls .section-outer .section-inner .row .column:last-child {
  padding-bottom: 0px;
}
@media (min-width: 768px) {
  .post-grid-controls .section-outer .section-inner .row .column {
    width: 33.33%;
    padding-bottom: 0px;
  }
}
.post-grid-controls .section-outer .section-inner .row .column input {
  border: none;
  outline: none;
  color: #444444;
  font-size: 1rem;
  padding: 1rem;
  background-color: #f9f9f9;
  border-radius: 2px;
}
.post-grid-controls .section-outer .section-inner .row .column select {
  display: block;
  width: 100%;
  border: none;
  outline: none;
  color: #444444;
  font-size: 1rem;
  padding: 1rem;
  background-color: #f9f9f9;
  background-image: url(/wp-content/themes/hcrs/assets/icons/dropdown-arrow.png);
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 2px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}

.post-grid {
  background-color: #f9f9f9;
}
.post-grid .section-outer .section-inner {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.post-grid .section-outer .section-inner .container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}
.post-grid .section-outer .section-inner .container .item {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (min-width: 576px) {
  .post-grid .section-outer .section-inner .container .item {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .post-grid .section-outer .section-inner .container .item {
    width: 33.33%;
  }
}
@media (min-width: 992px) {
  .post-grid .section-outer .section-inner .container .item {
    width: 25%;
  }
}
@media (min-width: 1200px) {
  .post-grid .section-outer .section-inner .container .item {
    width: 25%;
  }
}
.post-grid .section-outer .section-inner .container .item .item-container {
  padding: 0.5rem;
}
.post-grid .section-outer .section-inner .container .item .item-container .image-container {
  position: relative;
  padding-top: 100%;
  line-height: 0px;
}
.post-grid .section-outer .section-inner .container .item .item-container .image-container .image-holder {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.post-grid .section-outer .section-inner .container .item .item-container .title-container h4 {
  font-size: 1rem;
  font-weight: 700;
  color: #444444;
  padding: 1rem;
  margin: 0px;
}
.post-grid .section-outer .section-inner .container .item .item-container .date-container p {
  font-size: 1rem;
  font-weight: 400;
  color: #444444;
  padding: 1rem;
  padding-top: 0px;
  margin: 0px;
}
.post-grid .section-outer .section-inner .container .item .item-container .text-container p {
  font-size: 1rem;
  font-weight: 400;
  color: #444444;
  padding: 1rem;
  padding-top: 0px;
  margin: 0px;
}
.post-grid .section-outer .section-inner .container .item .item-container .button-container {
  display: table;
  width: 100%;
  height: 80px;
  padding-bottom: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.post-grid .section-outer .section-inner .container .item .item-container .button-container a {
  display: table-cell;
  width: 80%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  color: #ffffff;
  background-color: #5b5d5e;
  border: 2px solid #5b5d5e;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  box-sizing: border-box;
  padding: 0px;
  padding-left: 1rem;
  padding-right: 1rem;
  text-decoration: none;
}
.post-grid .section-outer .section-inner .container .item .item-container .button-container a:focus, .post-grid .section-outer .section-inner .container .item .item-container .button-container a:hover {
  color: #ffffff;
  background-color: #444444;
  border: 2px solid #444444;
  text-decoration: none;
}
.post-grid .section-outer .section-inner .more-button-container {
  width: 100%;
  padding-top: 3rem;
}
.post-grid .section-outer .section-inner .more-button-container .more-button {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  font-size: 1.25rem;
  font-weight: 700;
  text-decoration: none;
  color: #5b5d5e;
  text-align: center;
  background-color: transparent;
  border-color: #5b5d5e;
  border-width: 2px;
  border-style: solid;
  border-radius: 2px;
  padding: 0.75rem 2rem;
  transition: all 0.5s;
  cursor: hand;
  cursor: pointer;
}
@media (min-width: 576px) {
  .post-grid .section-outer .section-inner .more-button-container .more-button {
    width: calc(100% - 1rem);
  }
}
@media (min-width: 768px) {
  .post-grid .section-outer .section-inner .more-button-container .more-button {
    width: calc(33.33% - 1rem);
  }
}
@media (min-width: 992px) {
  .post-grid .section-outer .section-inner .more-button-container .more-button {
    width: calc(50% - 1rem);
  }
}
@media (min-width: 1200px) {
  .post-grid .section-outer .section-inner .more-button-container .more-button {
    width: calc(50% - 1rem);
  }
}
.post-grid .section-outer .section-inner .more-button-container .more-button:focus, .post-grid .section-outer .section-inner .more-button-container .more-button:hover {
  color: #ffffff;
  border-width: 2px;
  border-style: solid;
  background-color: #444444;
  border-color: #444444;
  text-decoration: none;
}

.text-with-portrait.text-left .grid {
  flex-direction: column-reverse;
}
@media (min-width: 576px) {
  .text-with-portrait.text-left .grid {
    flex-direction: column-reverse;
  }
}
@media (min-width: 768px) {
  .text-with-portrait.text-left .grid {
    flex-direction: row;
  }
}
@media (min-width: 992px) {
  .text-with-portrait.text-left .grid {
    flex-direction: row;
  }
}
@media (min-width: 1200px) {
  .text-with-portrait.text-left .grid {
    flex-direction: row;
  }
}
.text-with-portrait.text-left .grid .cell {
  text-align: justify;
}
.text-with-portrait.text-left .grid .cell.w-33 {
  width: 100%;
}
@media (min-width: 576px) {
  .text-with-portrait.text-left .grid .cell.w-33 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .text-with-portrait.text-left .grid .cell.w-33 {
    width: 33.33%;
  }
}
@media (min-width: 992px) {
  .text-with-portrait.text-left .grid .cell.w-33 {
    width: 33.33%;
  }
}
@media (min-width: 1200px) {
  .text-with-portrait.text-left .grid .cell.w-33 {
    width: 33.33%;
  }
}
.text-with-portrait.text-left .grid .cell.w-50 {
  width: 100%;
}
@media (min-width: 576px) {
  .text-with-portrait.text-left .grid .cell.w-50 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .text-with-portrait.text-left .grid .cell.w-50 {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .text-with-portrait.text-left .grid .cell.w-50 {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .text-with-portrait.text-left .grid .cell.w-50 {
    width: 50%;
  }
}
.text-with-portrait.text-left .grid .cell.w-66 {
  width: 100%;
}
@media (min-width: 576px) {
  .text-with-portrait.text-left .grid .cell.w-66 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .text-with-portrait.text-left .grid .cell.w-66 {
    width: 66.66%;
  }
}
@media (min-width: 992px) {
  .text-with-portrait.text-left .grid .cell.w-66 {
    width: 66.66%;
  }
}
@media (min-width: 1200px) {
  .text-with-portrait.text-left .grid .cell.w-66 {
    width: 66.66%;
  }
}
.text-with-portrait.text-left .grid .cell:first-child {
  padding-right: 0px;
}
@media (min-width: 576px) {
  .text-with-portrait.text-left .grid .cell:first-child {
    padding-right: 0px;
  }
}
@media (min-width: 768px) {
  .text-with-portrait.text-left .grid .cell:first-child {
    padding-right: 5%;
  }
}
@media (min-width: 992px) {
  .text-with-portrait.text-left .grid .cell:first-child {
    padding-right: 5%;
  }
}
@media (min-width: 1200px) {
  .text-with-portrait.text-left .grid .cell:first-child {
    padding-right: 5%;
  }
}
.text-with-portrait.text-left .grid .cell:last-child {
  display: block;
  padding-bottom: 1rem;
  padding-left: 0px;
}
@media (min-width: 576px) {
  .text-with-portrait.text-left .grid .cell:last-child {
    padding-left: 0px;
  }
}
@media (min-width: 768px) {
  .text-with-portrait.text-left .grid .cell:last-child {
    padding-left: 5%;
  }
}
@media (min-width: 992px) {
  .text-with-portrait.text-left .grid .cell:last-child {
    padding-left: 5%;
  }
}
@media (min-width: 1200px) {
  .text-with-portrait.text-left .grid .cell:last-child {
    padding-left: 5%;
  }
}
.text-with-portrait.text-right .grid {
  flex-direction: column-reverse;
}
@media (min-width: 576px) {
  .text-with-portrait.text-right .grid {
    flex-direction: column-reverse;
  }
}
@media (min-width: 768px) {
  .text-with-portrait.text-right .grid {
    flex-direction: row-reverse;
  }
}
@media (min-width: 992px) {
  .text-with-portrait.text-right .grid {
    flex-direction: row-reverse;
  }
}
@media (min-width: 1200px) {
  .text-with-portrait.text-right .grid {
    flex-direction: row-reverse;
  }
}
.text-with-portrait.text-right .grid .cell {
  text-align: justify;
}
.text-with-portrait.text-right .grid .cell.w-33 {
  width: 100%;
}
@media (min-width: 576px) {
  .text-with-portrait.text-right .grid .cell.w-33 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .text-with-portrait.text-right .grid .cell.w-33 {
    width: 33.33%;
  }
}
@media (min-width: 992px) {
  .text-with-portrait.text-right .grid .cell.w-33 {
    width: 33.33%;
  }
}
@media (min-width: 1200px) {
  .text-with-portrait.text-right .grid .cell.w-33 {
    width: 33.33%;
  }
}
.text-with-portrait.text-right .grid .cell.w-50 {
  width: 100%;
}
@media (min-width: 576px) {
  .text-with-portrait.text-right .grid .cell.w-50 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .text-with-portrait.text-right .grid .cell.w-50 {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .text-with-portrait.text-right .grid .cell.w-50 {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .text-with-portrait.text-right .grid .cell.w-50 {
    width: 50%;
  }
}
.text-with-portrait.text-right .grid .cell.w-66 {
  width: 100%;
}
@media (min-width: 576px) {
  .text-with-portrait.text-right .grid .cell.w-66 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .text-with-portrait.text-right .grid .cell.w-66 {
    width: 66.66%;
  }
}
@media (min-width: 992px) {
  .text-with-portrait.text-right .grid .cell.w-66 {
    width: 66.66%;
  }
}
@media (min-width: 1200px) {
  .text-with-portrait.text-right .grid .cell.w-66 {
    width: 66.66%;
  }
}
.text-with-portrait.text-right .grid .cell:first-child {
  padding-left: 0px;
}
@media (min-width: 576px) {
  .text-with-portrait.text-right .grid .cell:first-child {
    padding-left: 0px;
  }
}
@media (min-width: 768px) {
  .text-with-portrait.text-right .grid .cell:first-child {
    padding-left: 5%;
  }
}
@media (min-width: 992px) {
  .text-with-portrait.text-right .grid .cell:first-child {
    padding-left: 5%;
  }
}
@media (min-width: 1200px) {
  .text-with-portrait.text-right .grid .cell:first-child {
    padding-left: 5%;
  }
}
.text-with-portrait.text-right .grid .cell:last-child {
  display: block;
  padding-bottom: 1rem;
  padding-right: 0px;
}
@media (min-width: 576px) {
  .text-with-portrait.text-right .grid .cell:last-child {
    padding-right: 0px;
  }
}
@media (min-width: 768px) {
  .text-with-portrait.text-right .grid .cell:last-child {
    padding-right: 5%;
  }
}
@media (min-width: 992px) {
  .text-with-portrait.text-right .grid .cell:last-child {
    padding-right: 5%;
  }
}
@media (min-width: 1200px) {
  .text-with-portrait.text-right .grid .cell:last-child {
    padding-right: 5%;
  }
}
.text-with-portrait.white {
  background-color: #ffffff;
}
.text-with-portrait.light-grey {
  background-color: #f9f9f9;
}
.text-with-portrait .section-outer .section-inner {
  padding-top: 4rem;
  padding-bottom: 3rem;
}
.text-with-portrait .portrait-image {
  margin-top: 100px;
  opacity: 0;
  transition-delay: 0s;
  transition-duration: 1s;
  transition-property: margin-top, opacity;
  transition-timing-function: ease-out;
}
.text-with-portrait .portrait-image.show {
  margin-top: 0px;
  opacity: 1;
}

.text {
  text-align: justify;
  padding-top: 4rem;
  padding-bottom: 2.5rem;
}
.text.white {
  background-color: #ffffff;
}
.text .section-outer .section-inner {
  /* max-width: 800px; */
}
.text .section-outer .section-inner img.alignnone {
  width: 100%;
  height: auto;
  margin-top: 3rem;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 2rem;
}
.text .section-outer .section-inner img.alignleft {
  float: left;
  width: 33%;
  height: auto;
  margin-top: 3rem;
  margin-left: 0px;
  margin-right: 4rem;
  margin-bottom: 3rem;
}
.text .section-outer .section-inner img.alignright {
  float: right;
  width: 33%;
  height: auto;
  margin-top: 3rem;
  margin-left: 4rem;
  margin-right: 0px;
  margin-bottom: 3rem;
}
.text .section-outer .section-inner img.aligncenter {
  display: block;
  width: 50%;
  height: auto;
  margin-top: 3rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3rem;
}

.title {
  padding-top: 2rem;
  padding-bottom: 2rem;
  border-bottom: 10px solid #444444;
}
.title.light-grey {
  border-bottom: 10px solid #f9f9f9;
}
.title h2 {
  color: #444444;
  font-weight: 700;
  font-size: 2.5rem;
  width: 100%;
  text-align: center;
  margin-bottom: 0px;
}

.video.section-outer {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.video.section-outer .section-inner {
  position: relative;
  padding-top: 45%; /* 56.25% */
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 10%;
  margin-right: 10%;
  max-width: none;
}
.video.section-outer .section-inner video {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.video.section-outer .section-inner .youtube-warning {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  text-align: center;
}
.video.section-outer .section-inner iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.video.section-outer .section-inner .video-image {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.video.section-outer .section-inner .video-overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  pointer-events: none;
}

/*# sourceMappingURL=style.css.map */