@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap");
html, body {
  margin: 0;
  padding: 0; }

body {
  background: #262626;
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased; }
  @media (max-width: 899px) {
    body {
      font-size: 16px; } }

a {
  text-decoration: none;
  color: #29A82F; }

#content {
  background: white; }

div.inner {
  margin: 0 auto;
  width: 1050px;
  max-width: 100%;
  padding: 0 20px;
  box-sizing: border-box; }

#content div.hero {
  height: 40vh;
  max-height: 400px; }
  #content div.hero.country {
    background: url("images/hero_country.jpg") center center/auto 100% no-repeat, url("images/hero_country_blur.jpg") center center/100% auto no-repeat; }
  #content div.hero.employment {
    background: url("images/hero_employment.jpg") center center/auto 100% no-repeat, url("images/hero_employment_blur.jpg") center center/100% auto no-repeat; }

#content div.body {
  padding: 60px 0; }
  @media (max-width: 799px) {
    #content div.body {
      padding: 30px 0; } }

#content header.body-title {
  margin: 0 0 25px 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #EEEEEE; }
  #content header.body-title h1 {
    font-size: 1.3em;
    font-weight: 600;
    margin: 0; }

#content div.buttons-split div.left div.buttons {
  margin-top: 15px; }

@media (max-width: 899px) {
  #content div.buttons-split div.buttons {
    margin-top: 25px; }
  #content div.buttons-split .buttons-split-desktop {
    display: none; } }

@media (min-width: 900px) {
  #content div.buttons-split {
    display: grid;
    grid-gap: 30px;
    grid-template-columns: 1fr 1fr; }
    #content div.buttons-split .buttons-split-mobile {
      display: none; } }

#content div.body-text p {
  margin: 10px 0;
  line-height: 1.6em; }
  #content div.body-text p:first-child {
    margin-top: 0; }
  #content div.body-text p:last-child {
    margin-bottom: 0; }

@media (min-width: 600px) {
  #content div.buttons {
    width: 100%;
    max-width: 500px;
    margin: 0 auto; } }

#content div.buttons .button {
  display: flex;
  align-items: center;
  background: #29A82F;
  border-radius: 4px;
  padding: 14px;
  color: white;
  font-size: 1.1em; }
  #content div.buttons .button:hover {
    background: #218025; }
  #content div.buttons .button:not(:first-child) {
    margin-top: 12px; }
  #content div.buttons .button div.multiline p {
    margin: 0; }
    #content div.buttons .button div.multiline p:last-child {
      font-size: 0.9em;
      color: rgba(255, 255, 255, 0.8); }
  #content div.buttons .button:before {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    content: '';
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    margin-right: 18px; }
  #content div.buttons .button.link:before {
    background-image: url("images/button_link.svg"); }
  #content div.buttons .button.download:before {
    background-image: url("images/button_download.svg"); }

#footer {
  padding: 55px 0; }
  #footer, #footer a {
    color: white; }
  #footer div.footer-contact ul {
    margin: 0;
    padding: 0;
    font-size: 0.9em; }
  #footer div.footer-contact li {
    display: flex;
    align-items: center; }
    #footer div.footer-contact li:not(:first-child) {
      margin-top: 5px; }
    #footer div.footer-contact li:before {
      display: inline-block;
      content: '';
      flex: 0 0 16px;
      margin-right: 10px;
      width: 16px;
      height: 16px;
      background-size: 100% 100%;
      background-repeat: no-repeat;
      background-position: center center; }
    #footer div.footer-contact li.email:before {
      background-image: url("images/footer_contact_email.svg"); }
    #footer div.footer-contact li.telephone:before {
      background-image: url("images/footer_contact_telephone.svg"); }
    #footer div.footer-contact li.post:before {
      background-image: url("images/footer_contact_post.svg"); }
  #footer div.footer-contact a.uknetworks {
    display: block;
    width: 60px;
    height: 38px;
    margin-top: 20px; }
  #footer div.footer-social p.footer-social-title {
    margin: 0 0 15px 0;
    font-weight: 600;
    font-size: 1.2em; }
  #footer div.footer-social a {
    display: inline-block;
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 44px;
    height: 44px; }
    #footer div.footer-social a:not(:last-child) {
      margin-right: 25px; }
  #footer div.footer-social a.footer-social-instagram {
    background-image: url("images/footer_social_instagram.svg"); }
  #footer div.footer-social a.footer-social-instagram:hover {
    background-image: url("images/footer_social_instagram_highlight.svg"); }
  #footer div.footer-social a.footer-social-facebook {
    background-image: url("images/footer_social_facebook.svg"); }
  #footer div.footer-social a.footer-social-facebook:hover {
    background-image: url("images/footer_social_facebook_highlight.svg"); }
  #footer div.footer-social a.footer-social-twitter {
    background-image: url("images/footer_social_twitter.svg"); }
  #footer div.footer-social a.footer-social-twitter:hover {
    background-image: url("images/footer_social_twitter_highlight.svg"); }
  @media (max-width: 699px) {
    #footer {
      padding: 30px 0; }
      #footer div.footer-social p.footer-social-title {
        display: none; }
      #footer div.footer-social a:not(:last-child) {
        margin-right: 15px; }
      #footer div.footer-social a.footer-social-instagram {
        background-image: url("images/footer_social_instagram_highlight.svg"); }
      #footer div.footer-social a.footer-social-facebook {
        background-image: url("images/footer_social_facebook_highlight.svg"); }
      #footer div.footer-social a.footer-social-twitter {
        background-image: url("images/footer_social_twitter_highlight.svg"); }
      #footer div.footer-social-icons {
        margin-top: 25px;
        text-align: center; } }
  @media (min-width: 700px) {
    #footer div.inner {
      display: flex;
      justify-content: space-between; } }

#header {
  background: white;
  padding: 20px 0; }
  #header div.inner {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  #header div.logos {
    display: flex;
    align-items: center;
    height: 60px; }
    #header div.logos div.split {
      flex: 0 0 1px;
      width: 1px;
      height: 100%;
      background: #C3C3C3;
      margin: 0 3%; }
    #header div.logos img.tritax {
      flex: 1 1 0;
      height: 30%;
      width: auto; }
      @media (max-width: 499px) {
        #header div.logos img.tritax {
          max-width: 40vw;
          height: auto; } }
    #header div.logos img.landtrust {
      flex: 1 1 0;
      height: 100%;
      width: auto; }
      @media (max-width: 499px) {
        #header div.logos img.landtrust {
          max-width: 20vw;
          height: auto; } }
  #header button.menu-toggle {
    width: 20px;
    height: 20px;
    border: 0;
    background: transparent url("images/menu_open.svg") no-repeat center center;
    background-size: 100% 100%;
    cursor: pointer;
    outline: none; }
    #header button.menu-toggle:hover {
      background-image: url("images/menu_open_highlight.svg"); }
  @media (max-width: 799px) {
    #header div.logos {
      height: 40px; }
    #header button.menu-toggle {
      background-image: url("images/menu_open_highlight.svg"); } }

hr.header-body-split {
  margin: 0;
  border: 0;
  height: 1px;
  background: #EEEEEE; }

#menu {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 240px;
  padding: 15px 20px;
  box-sizing: border-box;
  background: rgba(43, 43, 43, 0.8);
  overflow-y: auto;
  transition: right 200ms linear;
  z-index: 100; }
  #menu:not(.visible) {
    display: none; }
  #menu.offscreen {
    right: -240px; }
  #menu button.menu-toggle {
    display: block;
    margin: 0 0 0 auto;
    width: 30px;
    height: 30px;
    border: 0;
    background: transparent url("images/menu_close.svg") no-repeat center center;
    background-size: 100% 100%;
    cursor: pointer;
    outline: none; }
    #menu button.menu-toggle:hover {
      background-image: url("images/menu_close_highlight.svg"); }
  #menu ul {
    margin: 20px 0 0 0;
    padding: 0;
    list-style-type: none; }
  #menu li:not(:first-child) {
    margin-top: 20px; }
  #menu a {
    color: white; }
    #menu a:hover {
      text-decoration: underline; }
    #menu a.active {
      font-weight: bold; }

#page-feedback div.buttons {
  margin-top: 25px;
  margin-left: 0; }

#page-feedback div.uknetworks {
  margin-top: 40px;
  background: #FAFAFA;
  padding: 15px;
  border-radius: 6px; }
  #page-feedback div.uknetworks h2 {
    margin: 0 0 15px 0;
    font-size: 1.1em;
    font-weight: normal; }
  #page-feedback div.uknetworks p {
    margin: 0;
    line-height: 1.6em; }
  #page-feedback div.uknetworks header {
    display: flex;
    align-items: center;
    margin-bottom: 15px; }
    #page-feedback div.uknetworks header h2 {
      margin-bottom: 0; }
    #page-feedback div.uknetworks header div.details {
      flex: 1 1 0; }

#page-index div.map-mobile {
  border-top: 1px solid #EEEEEE; }
  #page-index div.map-mobile img.map-large {
    display: block;
    width: 100%;
    height: auto; }
  #page-index div.map-mobile div.actions {
    margin-top: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px; }
    @media (max-width: 359px) {
      #page-index div.map-mobile div.actions {
        grid-template-columns: 1fr; } }
  #page-index div.map-mobile div.action {
    background: #EDEDED;
    border-radius: 2px;
    padding: 20px;
    font-size: 0.9em; }
    #page-index div.map-mobile div.action img.map {
      margin: 0 auto;
      width: 100%;
      height: auto; }
    #page-index div.map-mobile div.action div.details {
      margin: 10px 0;
      text-align: center; }
      #page-index div.map-mobile div.action div.details p {
        margin: 0; }
        #page-index div.map-mobile div.action div.details p:first-child {
          font-weight: bold;
          margin-bottom: 5px; }
        #page-index div.map-mobile div.action div.details p:last-child {
          font-size: 0.9em; }
    #page-index div.map-mobile div.action a.more {
      display: block;
      background: #29A82F;
      text-align: center;
      padding: 5px 0;
      border-radius: 3px;
      color: white;
      text-decoration: none; }

#page-index div.introduction p {
  margin: 22px 0 0 0;
  line-height: 1.4em; }
  #page-index div.introduction p:first-child {
    margin-top: 0;
    font-weight: bold; }

#page-index div.map-desktop {
  padding: 60px 0; }
  #page-index div.map-desktop img {
    display: block;
    width: 100%;
    height: auto; }
    #page-index div.map-desktop img.image-employment, #page-index div.map-desktop img.image-country {
      display: none; }
  #page-index div.map-desktop div.map-container {
    position: relative; }
    #page-index div.map-desktop div.map-container.display-employment img.image-default {
      display: none; }
    #page-index div.map-desktop div.map-container.display-employment img.image-employment {
      display: block; }
    #page-index div.map-desktop div.map-container.display-employment div.map-description-employment a.more {
      background: #29A82F; }
    #page-index div.map-desktop div.map-container.display-country img.image-default {
      display: none; }
    #page-index div.map-desktop div.map-container.display-country img.image-country {
      display: block; }
    #page-index div.map-desktop div.map-container.display-country div.map-description-country a.more {
      background: #29A82F; }
  #page-index div.map-desktop div.map-hover {
    position: absolute;
    cursor: pointer; }
  #page-index div.map-desktop div.map-description {
    position: absolute;
    z-index: 1;
    background: white;
    padding: 20px;
    border-radius: 2px;
    text-align: center;
    width: 18%;
    box-sizing: border-box;
    font-size: 0.9em; }
    #page-index div.map-desktop div.map-description.map-description-employment {
      top: 33%;
      left: 43%; }
    #page-index div.map-desktop div.map-description.map-description-country {
      right: 12%;
      bottom: 26%; }
    #page-index div.map-desktop div.map-description p {
      margin: 0;
      line-height: 1.1em; }
      #page-index div.map-desktop div.map-description p:first-child {
        font-weight: bold;
        margin-bottom: 5px; }
    #page-index div.map-desktop div.map-description a.more {
      margin-top: 15px;
      display: block;
      background: #C3C3C3;
      text-align: center;
      padding: 5px 0;
      border-radius: 3px;
      color: white;
      text-decoration: none; }

@media (max-width: 899px) {
  #page-index div.map-desktop {
    display: none; }
  #page-index div.introduction {
    padding: 20px 0; } }

@media (min-width: 900px) {
  #page-index div.map-mobile {
    display: none; }
  #page-index div.introduction {
    padding: 60px 0;
    background: #2EB135; }
    #page-index div.introduction, #page-index div.introduction a {
      color: white; }
    #page-index div.introduction a {
      text-decoration: underline; } }