@import url("https://fonts.googleapis.com/css?family=Quicksand:300,400,500,600,700&display=swap&subset=latin-ext");
* {
  outline: none !important; }

html {
  min-height: 100vh; }

body {
  background-color: transparent;
  font-family: 'Quicksand', sans-serif;
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  overflow-x: hidden; }

.form-item, .form-actions {
  margin-top: 20px;
  margin-bottom: 20px; }

.form-actions {
  margin-top: 30px; }

.form-required:after {
  background-image: url(../images/required.svg); }

.js input.form-autocomplete, .js input.form-autocomplete.ui-autocomplete-loading {
  background-position: calc(100% - 20px) center; }

main label {
  display: block; }

a {
  font-weight: bold;
  color: #023a30;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 0; }

h1 {
  text-transform: uppercase; }

hr {
  border: none;
  margin: 0;
  clear: both; }

input[type="text"], input[type="password"], input[type="email"], textarea, input[type="date"], input[type="number"], input[type="time"], select {
  background: transparent;
  border: solid 2px #fefefe;
  border-radius: 10px;
  padding: 15px 20px; }

details {
  border: solid 2px #fefefe;
  border-radius: 10px;
  padding: 15px 20px; }

.entities-list .item-container {
  display: inline-block;
  width: 100%;
  border-bottom: 2px solid #fefefe;
  padding: 10px;
  line-height: 60px;
  box-sizing: border-box; }
  .entities-list .item-container .button {
    margin: 5px;
    float: right; }
  .entities-list .item-container:hover {
    opacity: 1 !important; }

select {
  padding: 14px 20px;
  min-height: 57px;
  height: 57px; }

option {
  color: #377158;
  font-weight: 500;
  font-size: 22px; }

img {
  max-width: 100%;
  height: auto; }

.views-field-entity-browser-select label {
  display: none; }

input[type="submit"] {
  font-size: 26px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.2;
  letter-spacing: normal;
  color: #fefefe;
  display: inline-block;
  text-transform: uppercase;
  padding: 13px;
  background-color: #13443b;
  border-radius: 100px;
  text-decoration: none;
  min-width: 201px;
  text-align: center;
  border: 0; }
  input[type="submit"]:hover {
    background-color: #19584c; }

.tabs li a {
  font-size: 26px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.2;
  letter-spacing: normal;
  color: #fefefe;
  display: inline-block;
  text-transform: uppercase;
  padding: 13px;
  background-color: #13443b;
  border-radius: 100px;
  text-decoration: none;
  min-width: 201px;
  text-align: center;
  text-transform: none;
  font-size: 17px;
  min-width: 100px;
  border-radius: 10px 10px 0 0;
  background-color: #1F7061; }
  .tabs li a:hover {
    background-color: #19584c; }
.tabs li.is-active a, .tabs li:focus a {
  background-color: #13443b; }
  .tabs li.is-active a:hover, .tabs li:focus a:hover {
    background-color: #19584c; }

tr.drag-previous, tr.drag {
  background: rgba(19, 68, 59, 0.3); }

a.tabledrag-handle .handle {
  background: url(../images/move.svg) no-repeat 6px 7px; }

.draggable a.tabledrag-handle {
  margin: 4px auto 0 auto;
  height: auto; }

.node__links .node-readmore a {
  font-size: 26px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.2;
  letter-spacing: normal;
  color: #fefefe;
  display: inline-block;
  text-transform: uppercase;
  padding: 13px;
  background-color: #13443b;
  border-radius: 100px;
  text-decoration: none;
  min-width: 201px;
  text-align: center; }
  .node__links .node-readmore a:hover {
    background-color: #19584c; }

.region-header {
  padding-bottom: 22px;
  border-bottom: 2px solid #fefefe; }
  .region-header #block-plantatree-branding {
    display: inline-block; }
    .region-header #block-plantatree-branding .site-logo img {
      width: 52px;
      height: 70px; }
  .region-header nav {
    float: right; }
    .region-header nav ul.menu {
      margin: 17px 0 0 0;
      padding: 0; }
      .region-header nav ul.menu li {
        display: inline-block;
        margin-right: 5px; }
        .region-header nav ul.menu li a {
          display: block;
          font-size: 22px;
          font-weight: normal;
          font-style: normal;
          font-stretch: normal;
          line-height: 1.2;
          letter-spacing: normal;
          text-align: left;
          color: #fefefe;
          padding: 3px 20px 4px 20px;
          text-decoration: none;
          text-transform: uppercase; }
          .region-header nav ul.menu li a:hover {
            background-color: #13443b;
            border-radius: 50px; }
    .region-header nav#block-projectowner, .region-header nav#block-venuemenu {
      max-width: calc(100% - 100px); }
      .region-header nav#block-projectowner ul.menu li, .region-header nav#block-venuemenu ul.menu li {
        margin-right: 0; }
        .region-header nav#block-projectowner ul.menu li a, .region-header nav#block-venuemenu ul.menu li a {
          font-size: 20px;
          padding: 3px 16px 4px 16px; }

.dropzone {
  background: transparent; }

header, main {
  max-width: 1350px;
  margin: 0 auto;
  padding: 0 20px; }

header {
  padding-top: 26px;
  padding-bottom: 16px; }

main {
  padding-bottom: 123px; }

.region-highlighted {
  max-width: 820px;
  margin: 0 auto;
  padding: 0 20px; }

.layout-container {
  background: -moz-linear-gradient(270deg, #377158 0%, #61a375 100%);
  /* ff3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #377158), color-stop(100%, #61a375));
  /* safari4+,chrome */
  background: -webkit-linear-gradient(270deg, #377158 0%, #61a375 100%);
  /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(270deg, #377158 0%, #61a375 100%);
  /* opera 11.10+ */
  background: -ms-linear-gradient(270deg, #377158 0%, #61a375 100%);
  /* ie10+ */
  background: linear-gradient(180deg, #377158 0%, #61a375 100%);
  /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#377158', endColorstr='#61A375',GradientType=0 );
  /* ie6-9 */
  margin: 0 !important;
  position: relative;
  overflow: hidden; }

.entity-browser-modal .ui-widget-content {
  height: 100% !important; }

body.path-frontpage {
  background: url(../images/wood.jpg) no-repeat center top #377158;
  background-size: 100% auto; }
  body.path-frontpage .layout-container {
    background: transparent;
    filter: none; }
  body.path-frontpage header {
    padding-bottom: 103px; }
    body.path-frontpage header h1 {
      position: absolute !important;
      overflow: hidden;
      clip: rect(1px, 1px, 1px, 1px);
      width: 1px;
      height: 1px;
      word-wrap: normal; }
  body.path-frontpage .region-header {
    border: none; }

.odometer {
  font-family: 'Quicksand' !important; }
  .odometer .odometer-value {
    text-align: left !important; }

.frontpage-counter.planted-trees {
  display: table;
  margin: auto;
  min-width: 190px; }
  .frontpage-counter.planted-trees #alltrees {
    max-width: none;
    padding: 200px 0 0 0; }
    .frontpage-counter.planted-trees #alltrees .txt {
      font-size: 17px;
      margin: 5px 0 0 0;
      text-transform: uppercase;
      display: block; }
    .frontpage-counter.planted-trees #alltrees .number {
      font-size: 84px; }

.region-block1 {
  max-width: 820px;
  margin: 0 auto;
  padding: 0 20px; }
  .region-block1 #block-plantedtrees .text-formatted #alltrees, .region-block1 #block-plantedtrees .frontpage-counter #alltrees, .region-block1 #block-frontpage-counter-block .text-formatted #alltrees, .region-block1 #block-frontpage-counter-block .frontpage-counter #alltrees {
    background: url(../images/logo-front-circle.svg) no-repeat left top transparent;
    background-size: 190px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: center;
    color: #fefefe;
    min-height: 190px;
    margin: 0 auto;
    overflow: hidden; }
    .region-block1 #block-plantedtrees .text-formatted #alltrees span, .region-block1 #block-plantedtrees .frontpage-counter #alltrees span, .region-block1 #block-frontpage-counter-block .text-formatted #alltrees span, .region-block1 #block-frontpage-counter-block .frontpage-counter #alltrees span {
      /*margin: 5px 0 0 0;
      //font-size: 17px;
      text-transform: uppercase;
      display: block;*/ }

.region-block2 {
  /*background: url(../images/block22.png) repeat-x left top transparent;*/
  background: rgba(50, 106, 83, 0);
  background: -moz-linear-gradient(top, rgba(50, 106, 83, 0) 0%, rgba(50, 106, 83, 0) 0%, #326a53 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(50, 106, 83, 0)), color-stop(0%, rgba(50, 106, 83, 0)), color-stop(100%, #326a53));
  background: -webkit-linear-gradient(top, rgba(50, 106, 83, 0) 0%, rgba(50, 106, 83, 0) 0%, #326a53 100%);
  background: -o-linear-gradient(top, rgba(50, 106, 83, 0) 0%, rgba(50, 106, 83, 0) 0%, #326a53 100%);
  background: -ms-linear-gradient(top, rgba(50, 106, 83, 0) 0%, rgba(50, 106, 83, 0) 0%, #326a53 100%);
  background: linear-gradient(to bottom, rgba(50, 106, 83, 0) 0%, rgba(50, 106, 83, 0) 0%, #326a53 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#326a53', endColorstr='#326a53', GradientType=0 );
  padding-bottom: 90px;
  padding-top: 140px; }
  .region-block2 .view-venues {
    max-width: 910px;
    margin: 0 auto;
    padding: 0 20px;
    text-align: center; }
    .region-block2 .view-venues .view-content {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
    .region-block2 .view-venues .views-row {
      display: inline-block;
      vertical-align: top;
      width: 25%;
      padding: 40px 20px;
      text-align: center;
      overflow: hidden;
      box-sizing: border-box; }
      .region-block2 .view-venues .views-row .views-field-field-logo {
        width: auto;
        height: 90px;
        line-height: 90px; }
        .region-block2 .view-venues .views-row .views-field-field-logo img {
          max-height: 90px;
          height: auto;
          -webkit-filter: brightness(0) invert(1);
          /* Safari 6.0 - 9.0 */
          filter: brightness(0) invert(1);
          width: auto;
          max-width: 100%; }
      .region-block2 .view-venues .views-row .views-field-field-counter {
        margin: 2px 0 10px 0;
        font-size: 45px; }
        .region-block2 .view-venues .views-row .views-field-field-counter:after {
          content: 'TREES PLANTED';
          font-size: 17px;
          text-transform: uppercase;
          display: block; }

.region-block3 {
  background: #326953;
  position: relative;
  padding-top: 70px; }
  .region-block3:before {
    content: "";
    position: absolute;
    top: 140px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url(../images/block3.jpg) no-repeat center top #62A378;
    background-size: 100% auto;
    z-index: 0; }
  .region-block3 a {
    color: #fff;
    text-decoration: underline;
    font-weight: normal; }
  .region-block3 .block {
    position: relative; }
  .region-block3 #block-joinourmission {
    max-width: 1100px;
    margin: 0 auto 40px auto;
    padding: 0 20px;
    background: url(../images/logo-green-shadow.svg) no-repeat right top transparent;
    background-size: 250px; }
    .region-block3 #block-joinourmission h2 {
      padding-top: 5px;
      font-size: 60px;
      font-weight: 400;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.2;
      letter-spacing: normal;
      text-align: left;
      color: #fefefe;
      margin-bottom: 14px;
      max-width: 555px;
      text-transform: uppercase; }
    .region-block3 #block-joinourmission .field--name-body {
      max-width: 555px;
      font-size: 18px; }
      .region-block3 #block-joinourmission .field--name-body .divbutton {
        margin-top: 35px; }
        .region-block3 #block-joinourmission .field--name-body .divbutton a {
          font-size: 26px;
          font-weight: normal;
          font-style: normal;
          font-stretch: normal;
          line-height: 1.2;
          letter-spacing: normal;
          color: #fefefe;
          display: inline-block;
          text-transform: uppercase;
          padding: 13px;
          background-color: #13443b;
          border-radius: 100px;
          text-decoration: none;
          min-width: 201px;
          text-align: center; }
          .region-block3 #block-joinourmission .field--name-body .divbutton a:hover {
            background-color: #19584c; }
    .region-block3 #block-joinourmission:before {
      background: red;
      background-size: contain;
      width: 250px;
      height: 250px;
      content: " "; }
  .region-block3 #block-ourphilosophy {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px 80px 20px;
    min-height: 640px;
    background: url(../images/block3.png) no-repeat left 20px top transparent;
    background-size: 530px;
    box-sizing: border-box; }
    .region-block3 #block-ourphilosophy h2 {
      font-size: 60px;
      font-weight: 400;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.2;
      letter-spacing: normal;
      text-align: right;
      color: #fefefe;
      margin-bottom: 14px;
      max-width: 555px;
      text-transform: uppercase;
      float: right;
      clear: both;
      padding-top: 130px; }
    .region-block3 #block-ourphilosophy .field--name-body {
      max-width: 555px;
      font-size: 18px;
      text-align: right;
      float: right;
      clear: both; }

.link.add-link, .link.link-add-content {
  font-size: 26px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.2;
  letter-spacing: normal;
  color: #fefefe;
  display: inline-block;
  text-transform: uppercase;
  padding: 13px;
  background-color: #13443b;
  border-radius: 100px;
  text-decoration: none;
  min-width: 201px;
  text-align: center;
  margin-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px; }
  .link.add-link:hover, .link.link-add-content:hover {
    background-color: #19584c; }

.link-export {
  font-size: 26px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.2;
  letter-spacing: normal;
  color: #fefefe;
  display: inline-block;
  text-transform: uppercase;
  padding: 13px;
  background-color: #13443b;
  border-radius: 100px;
  text-decoration: none;
  min-width: 201px;
  text-align: center;
  margin-top: 20px;
  padding-left: 30px;
  padding-right: 30px; }
  .link-export:hover {
    background-color: #19584c; }

.js .dropbutton-widget {
  border: 2px solid #fefefe;
  background-color: #13443b;
  margin-top: 2px; }
  .js .dropbutton-widget .dropbutton {
    border-color: #fefefe; }
    .js .dropbutton-widget .dropbutton .dropbutton-action a {
      margin: 0; }
  .js .dropbutton-widget .dropbutton-toggle .dropbutton-arrow {
    right: 50%;
    margin-right: -0.3333em; }
  .js .dropbutton-widget:hover {
    border-color: #fefefe; }

.region-block4 {
  position: relative;
  line-height: 0; }
  .region-block4 #block-youtube {
    background: #62A378; }
    .region-block4 #block-youtube h2 {
      max-width: 1100px;
      font-size: 60px;
      font-weight: normal;
      text-transform: uppercase;
      line-height: 1.2;
      margin: 30px auto 0 auto;
      padding-left: 20px;
      padding-right: 20px; }
  .region-block4 ul.steps {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    max-width: 1100px;
    padding: 20px 20px 50px 20px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 1.2; }
    .region-block4 ul.steps li {
      list-style: none;
      padding-left: 20px;
      padding-right: 40px;
      margin: 0;
      text-align: center;
      position: relative;
      box-sizing: border-box;
      flex-grow: 1; }
      .region-block4 ul.steps li:before {
        content: "";
        display: block;
        height: 100px;
        margin-bottom: 10px; }
      .region-block4 ul.steps li:after {
        content: "";
        display: inline-block;
        width: 20px;
        height: 100px;
        position: absolute;
        top: 0;
        right: 0;
        background: url("../images/arrow-r-wh.svg") no-repeat center center;
        background-size: 20px auto; }
      .region-block4 ul.steps li:first-child {
        padding-left: 0; }
        .region-block4 ul.steps li:first-child:before {
          background: url("../images/how_01.svg") no-repeat center center;
          background-size: auto 70px; }
      .region-block4 ul.steps li:nth-child(2):before {
        background: url("../images/how_02.svg") no-repeat center center;
        background-size: auto 70px; }
      .region-block4 ul.steps li:nth-child(3):before {
        background: url("../images/how_03.svg") no-repeat center center;
        background-size: auto 70px; }
      .region-block4 ul.steps li:nth-child(4):before {
        background: url("../images/how_04.svg") no-repeat center center;
        background-size: auto 70px; }
      .region-block4 ul.steps li:nth-child(5):before {
        background: url("../images/how_05.svg") no-repeat center center;
        background-size: auto 70px; }
      .region-block4 ul.steps li:last-child {
        padding-right: 0; }
        .region-block4 ul.steps li:last-child:before {
          background: url("../images/how_06.svg") no-repeat center center;
          background-size: auto 70px; }
        .region-block4 ul.steps li:last-child:after {
          display: none; }
  .region-block4 .ytvideostart {
    background: url(../images/ytbg.jpg) no-repeat center center transparent;
    background-size: cover;
    content: '';
    width: 100%;
    display: block;
    height: 685px;
    top: 0; }
    .region-block4 .ytvideostart .ytstart {
      background: url("../images/ytstart.png") no-repeat top center transparent;
      background-size: 150px;
      content: '';
      text-align: center;
      line-height: 1.2;
      padding: 170px 0 0 0;
      font-size: 30px;
      margin: 275px auto 0 auto;
      cursor: pointer;
      width: 260px;
      position: absolute;
      left: 0;
      right: 0; }

.region-beforeafter {
  background: url(../images/socialbg.jpg) no-repeat center bottom #61A375;
  background-size: auto 600px; }
  .region-beforeafter #block-thankyoutomaketheworldabetterplace {
    max-width: 630px;
    margin: 0 auto;
    padding: 350px 20px 110px 20px; }
    .region-beforeafter #block-thankyoutomaketheworldabetterplace h2 {
      font-size: 34px;
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.2;
      letter-spacing: normal;
      text-align: center;
      color: #ffffff;
      text-transform: uppercase;
      margin-bottom: 20px; }
    .region-beforeafter #block-thankyoutomaketheworldabetterplace .field--name-body {
      text-align: center; }
      .region-beforeafter #block-thankyoutomaketheworldabetterplace .field--name-body p {
        margin: 0 0 5px 0; }
      .region-beforeafter #block-thankyoutomaketheworldabetterplace .field--name-body ul {
        margin: 0;
        padding: 0; }
        .region-beforeafter #block-thankyoutomaketheworldabetterplace .field--name-body ul li {
          display: inline-block; }
          .region-beforeafter #block-thankyoutomaketheworldabetterplace .field--name-body ul li a {
            display: block;
            background: url(../images/facebook-brands.svg) no-repeat center center transparent;
            font-size: 0;
            line-height: 0;
            width: 40px;
            height: 40px;
            background-size: contain;
            margin: 0 5px; }
            .region-beforeafter #block-thankyoutomaketheworldabetterplace .field--name-body ul li a.insta {
              background: url(../images/instagram-brands.svg) no-repeat center center transparent;
              background-size: contain; }
            .region-beforeafter #block-thankyoutomaketheworldabetterplace .field--name-body ul li a.youtube {
              background: url(../images/youtube-brands.svg) no-repeat center center transparent;
              background-size: contain; }
            .region-beforeafter #block-thankyoutomaketheworldabetterplace .field--name-body ul li a.twitter {
              background: url(../images/twitter-square-brands.svg) no-repeat center center transparent;
              background-size: contain; }
            .region-beforeafter #block-thankyoutomaketheworldabetterplace .field--name-body ul li a.pinterest {
              background: url(../images/pinterest-brands.svg) no-repeat center center transparent;
              background-size: contain; }

#block-venuefrontpageblock {
  margin: 90px auto; }
  #block-venuefrontpageblock .planted-trees {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-flow: column; }
    #block-venuefrontpageblock .planted-trees .media {
      margin: 0 40px; }
      #block-venuefrontpageblock .planted-trees .media img {
        width: auto;
        max-width: 300px;
        height: auto;
        max-height: 150px;
        -webkit-filter: brightness(0) invert(1);
        /* Safari 6.0 - 9.0 */
        filter: brightness(0) invert(1); }
    #block-venuefrontpageblock .planted-trees .frontpage-counter {
      margin: 0 40px;
      padding: 0;
      font-size: 84px;
      line-height: 1.2em;
      text-align: center; }
      #block-venuefrontpageblock .planted-trees .frontpage-counter span {
        font-size: 17px;
        display: block;
        text-transform: uppercase;
        line-height: 1; }

#block-views-block-venues-block-1 .view .view-content, #block-views-block-venues-venue-frontpage-block .view .view-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  #block-views-block-venues-block-1 .view .view-content .views-row, #block-views-block-venues-venue-frontpage-block .view .view-content .views-row {
    box-sizing: border-box;
    width: 33%;
    padding: 20px;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: column; }
    #block-views-block-venues-block-1 .view .view-content .views-row .views-field-field-logo, #block-views-block-venues-venue-frontpage-block .view .view-content .views-row .views-field-field-logo {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-grow: 1; }
    #block-views-block-venues-block-1 .view .view-content .views-row .views-field-field-counter, #block-views-block-venues-venue-frontpage-block .view .view-content .views-row .views-field-field-counter {
      font-size: 45px; }
      #block-views-block-venues-block-1 .view .view-content .views-row .views-field-field-counter:after, #block-views-block-venues-venue-frontpage-block .view .view-content .views-row .views-field-field-counter:after {
        content: "Trees planted";
        text-transform: uppercase;
        font-size: 17px;
        display: block; }
    #block-views-block-venues-block-1 .view .view-content .views-row .node, #block-views-block-venues-venue-frontpage-block .view .view-content .views-row .node {
      height: 100%;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-flow: column; }
      #block-views-block-venues-block-1 .view .view-content .views-row .node .node__content, #block-views-block-venues-venue-frontpage-block .view .view-content .views-row .node .node__content {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-flow: column;
        flex-grow: 1; }
        #block-views-block-venues-block-1 .view .view-content .views-row .node .node__content .field--name-field-logo, #block-views-block-venues-venue-frontpage-block .view .view-content .views-row .node .node__content .field--name-field-logo {
          flex-grow: 1; }
    #block-views-block-venues-block-1 .view .view-content .views-row img, #block-views-block-venues-venue-frontpage-block .view .view-content .views-row img {
      max-width: 100%;
      width: auto;
      max-height: 100px;
      height: auto;
      -webkit-filter: brightness(0) invert(1);
      /* Safari 6.0 - 9.0 */
      filter: brightness(0) invert(1); }
    #block-views-block-venues-block-1 .view .view-content .views-row .field--name-field-counter, #block-views-block-venues-venue-frontpage-block .view .view-content .views-row .field--name-field-counter {
      font-size: 45px; }

.block-planatree-custom-hooks-frontpage-counter {
  margin: 40px 0; }
  .block-planatree-custom-hooks-frontpage-counter .frontpage-counter #alltrees {
    background: url(../images/logo-front-circle.svg) no-repeat left top transparent;
    background-size: 190px;
    font-size: 84px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: center;
    color: #fefefe;
    min-height: 190px;
    margin: 0 auto;
    overflow: hidden; }
    .block-planatree-custom-hooks-frontpage-counter .frontpage-counter #alltrees span {
      /*margin: 5px 0 0 0;
      //font-size: 17px;
      text-transform: uppercase;
      display: block;*/ }

footer {
  background-color: #434242; }
  footer .region-footer {
    text-align: center;
    max-width: 1100px;
    margin: 0 auto; }
    footer .region-footer ul.menu {
      margin: 0;
      padding: 0;
      text-align: center; }
      footer .region-footer ul.menu li {
        display: inline-block; }
        footer .region-footer ul.menu li a {
          display: block;
          font-size: 12px;
          text-transform: uppercase;
          color: #fefefe;
          padding: 10px; }

.view-submissions.view-display-id-page_1 .views-exposed-form .form--inline {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap; }
  .view-submissions.view-display-id-page_1 .views-exposed-form .form--inline .form-item {
    max-width: 300px; }
    .view-submissions.view-display-id-page_1 .views-exposed-form .form--inline .form-item input,
    .view-submissions.view-display-id-page_1 .views-exposed-form .form--inline .form-item select {
      width: 100%;
      box-sizing: border-box; }

.view-news .views-row {
  margin-bottom: 60px;
  clear: both; }
  .view-news .views-row .node-readmore {
    padding: 0; }

.node--type-article .field--name-field-image {
  float: left;
  margin: 0 20px 10px 0;
  width: 300px;
  line-height: 1; }
.node--type-article.node--view-mode-teaser h2 a {
  color: inherit; }
.node--type-article.node--view-mode-teaser .field--name-field-image {
  width: 200px;
  height: 200px;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center; }
.node--type-article.node--view-mode-teaser .field--name-body {
  display: inline-block;
  width: calc(100% - 220px); }
  .node--type-article.node--view-mode-teaser .field--name-body p {
    margin-top: 0; }

#block-burgermenu {
  display: none; }

div#sliding-popup, div#sliding-popup .eu-cookie-withdraw-banner, .eu-cookie-withdraw-tab {
  background: #61A375;
  box-shadow: 0 26px 28px 8px #000; }

.disagree-button.eu-cookie-compliance-more-button, .eu-cookie-compliance-agree-button, .eu-cookie-compliance-default-button, .eu-cookie-compliance-hide-button, .eu-cookie-compliance-more-button-thank-you, .eu-cookie-withdraw-button, .eu-cookie-compliance-save-preferences-button,
.disagree-button.eu-cookie-compliance-more-button:hover, .eu-cookie-compliance-agree-button:hover, .eu-cookie-compliance-default-button:hover, .eu-cookie-compliance-hide-button:hover, .eu-cookie-compliance-more-button-thank-you:hover, .eu-cookie-withdraw-button:hover {
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.2;
  letter-spacing: normal;
  color: #fefefe;
  display: inline-block;
  text-transform: uppercase;
  padding: 13px;
  background: #13443b;
  border-radius: 100px;
  text-decoration: none;
  text-align: center;
  border: 0;
  box-shadow: none;
  font-family: 'Quicksand', sans-serif;
  text-shadow: none; }
  .disagree-button.eu-cookie-compliance-more-button:hover, .eu-cookie-compliance-agree-button:hover, .eu-cookie-compliance-default-button:hover, .eu-cookie-compliance-hide-button:hover, .eu-cookie-compliance-more-button-thank-you:hover, .eu-cookie-withdraw-button:hover, .eu-cookie-compliance-save-preferences-button:hover,
  .disagree-button.eu-cookie-compliance-more-button:hover:hover, .eu-cookie-compliance-agree-button:hover:hover, .eu-cookie-compliance-default-button:hover:hover, .eu-cookie-compliance-hide-button:hover:hover, .eu-cookie-compliance-more-button-thank-you:hover:hover, .eu-cookie-withdraw-button:hover:hover {
    background-color: #19584c; }

.eu-cookie-compliance-message {
  margin: 1em 0 0; }

#sliding-popup h1, #sliding-popup h2, #sliding-popup h3, #sliding-popup p, #sliding-popup label, #sliding-popup div, .eu-cookie-compliance-more-button, .eu-cookie-compliance-secondary-button, .eu-cookie-withdraw-tab {
  color: #fefefe;
  font-weight: normal;
  font-size: 18px; }

#sliding-popup .popup-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between; }
#sliding-popup .eu-cookie-compliance-more-button {
  display: inline-block; }
#sliding-popup .eu-cookie-compliance-buttons {
  margin: 15px 0; }
  #sliding-popup .eu-cookie-compliance-buttons button {
    white-space: nowrap;
    margin: 0; }
#sliding-popup .eu-cookie-compliance-message {
  max-width: none;
  margin: 15px; }
  #sliding-popup .eu-cookie-compliance-message h2 {
    margin: 0; }

table .tablesort--asc {
  background: none;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fefefe;
  margin: 3px; }
table .tablesort--desc {
  background: none;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fefefe;
  margin: 3px; }

.messages--status {
  color: #fefefe;
  border-color: #144d54;
  background-color: #144d54;
  background-image: url(../images/check.svg);
  box-shadow: none;
  color: #fff;
  font-weight: bold;
  max-width: 445px;
  margin: 0 auto;
  border: 0; }

.messages--error {
  color: #fefefe;
  border-color: #c52223;
  background-color: #c52223;
  background-image: url(../images/error.svg);
  box-shadow: none;
  color: #fff;
  font-weight: bold;
  max-width: 445px;
  margin: 0 auto;
  border: 0; }

.messages--warning {
  color: #fefefe;
  border-color: #fc8e2d;
  background-color: #fc8e2d;
  background-image: url(../images/warning.svg);
  box-shadow: none;
  color: #fff;
  font-weight: bold;
  max-width: 445px;
  margin: 0 auto;
  border: 0; }

.path-node-add-submission {
  background: url(../images/wood.jpg) no-repeat center top #377158;
  background-size: cover; }
  .path-node-add-submission .field--name-field-submission-ipad {
    display: none; }
  .path-node-add-submission .layout-container {
    background: transparent;
    filter: none; }
  .path-node-add-submission header {
    background: url(../images/logo-front-circle.svg) no-repeat center top transparent;
    background-size: 190px;
    min-height: 190px;
    font-size: 0;
    color: transparent;
    line-height: 0;
    text-align: center;
    margin: 100px auto 25px auto;
    padding: 0; }
  .path-node-add-submission main {
    text-align: center;
    max-width: 500px; }
    .path-node-add-submission main h1.page-title {
      display: none; }
    .path-node-add-submission main #block-plantatree-content form {
      margin-bottom: 100px; }
      .path-node-add-submission main #block-plantatree-content form .form-item .counter {
        display: none; }
      .path-node-add-submission main #block-plantatree-content form label {
        position: absolute !important;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px);
        width: 1px;
        height: 1px;
        word-wrap: normal; }
      .path-node-add-submission main #block-plantatree-content form input[type="text"], .path-node-add-submission main #block-plantatree-content form input[type="password"], .path-node-add-submission main #block-plantatree-content form input[type="email"], .path-node-add-submission main #block-plantatree-content form textarea {
        background: transparent;
        border: 0;
        border-radius: 0;
        padding: 5px 0;
        border-bottom: solid 2px #fefefe;
        margin-top: 20px;
        width: 100%; }
      .path-node-add-submission main #block-plantatree-content form .form-type-checkbox {
        margin-top: 2em; }
        .path-node-add-submission main #block-plantatree-content form .form-type-checkbox label {
          position: inherit !important;
          overflow: hidden;
          clip: inherit;
          width: auto;
          height: auto;
          word-wrap: normal; }
        .path-node-add-submission main #block-plantatree-content form .form-type-checkbox a {
          color: #fefefe;
          text-decoration: underline;
          font-weight: 300; }
      .path-node-add-submission main #block-plantatree-content form input[type="submit"] {
        width: 100%;
        background-color: #61a375; }
      .path-node-add-submission main #block-plantatree-content form ::-webkit-input-placeholder {
        /* Edge */
        color: #fefefe; }
      .path-node-add-submission main #block-plantatree-content form :-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #fefefe; }
      .path-node-add-submission main #block-plantatree-content form ::placeholder {
        color: #fefefe; }

.vertical-tabs {
  border: 2px solid #fefefe;
  border-left: none;
  border-radius: 0 10px 10px 0; }

.vertical-tabs__menu {
  border: none;
  margin-top: -2px;
  margin-bottom: -2px; }
  .vertical-tabs__menu .vertical-tabs__menu-item {
    background: transparent;
    color: #fff;
    border-width: 2px;
    border-color: #fefefe; }
    .vertical-tabs__menu .vertical-tabs__menu-item a {
      font-weight: normal;
      color: #fff; }
      .vertical-tabs__menu .vertical-tabs__menu-item a * {
        color: #fff; }
    .vertical-tabs__menu .vertical-tabs__menu-item.first {
      border-radius: 10px 0 0 0;
      border-top: 2px solid; }
    .vertical-tabs__menu .vertical-tabs__menu-item.last {
      border-radius: 0 0 0 10px; }
    .vertical-tabs__menu .vertical-tabs__menu-item.is-selected {
      background: rgba(19, 68, 59, 0.3);
      border-width: 2px; }
      .vertical-tabs__menu .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-item-title {
        color: #fff; }

body.path-user-login, body.path-user-password {
  background: url(../images/wood.jpg) no-repeat center top #377158;
  background-size: cover; }
  body.path-user-login .dialog-off-canvas-main-canvas, body.path-user-password .dialog-off-canvas-main-canvas {
    display: table;
    width: 100vw;
    height: 100vh; }
  body.path-user-login .layout-container, body.path-user-password .layout-container {
    display: table-cell;
    vertical-align: middle;
    background: transparent;
    filter: none; }
  body.path-user-login .tabs, body.path-user-password .tabs {
    display: none; }
  body.path-user-login header, body.path-user-password header {
    background: url(../images/logo-front-circle.svg) no-repeat center center transparent;
    background-size: 190px;
    min-height: 190px;
    font-size: 0;
    color: transparent;
    line-height: 0;
    text-align: center;
    padding: 0 0 25px 0; }
  body.path-user-login main, body.path-user-password main {
    text-align: center;
    max-width: 400px;
    padding-bottom: 0; }
    body.path-user-login main h1.page-title, body.path-user-password main h1.page-title {
      display: none; }
    body.path-user-login main input[type="text"], body.path-user-login main input[type="password"], body.path-user-login main input[type="email"], body.path-user-login main textarea, body.path-user-password main input[type="text"], body.path-user-password main input[type="password"], body.path-user-password main input[type="email"], body.path-user-password main textarea {
      background: transparent;
      border: 0;
      border-radius: 0;
      padding: 5px 0;
      border-bottom: solid 2px #fefefe;
      margin-top: 20px;
      width: 100%; }
    body.path-user-login main a#edit-reset-pass-link, body.path-user-login main a#edit-back-login, body.path-user-password main a#edit-reset-pass-link, body.path-user-password main a#edit-back-login {
      color: #61A375; }
    body.path-user-login main input[type="submit"], body.path-user-password main input[type="submit"] {
      background: #61A375; }
    body.path-user-login main label, body.path-user-password main label {
      position: absolute !important;
      overflow: hidden;
      clip: rect(1px, 1px, 1px, 1px);
      width: 1px;
      height: 1px;
      word-wrap: normal; }
    body.path-user-login main .form-type-checkbox label, body.path-user-password main .form-type-checkbox label {
      position: inherit !important;
      overflow: hidden;
      clip: inherit;
      width: auto;
      height: auto;
      word-wrap: normal; }
    body.path-user-login main .description, body.path-user-password main .description {
      display: none; }
    body.path-user-login main ::-webkit-input-placeholder, body.path-user-password main ::-webkit-input-placeholder {
      /* Edge */
      color: #fefefe; }
    body.path-user-login main :-ms-input-placeholder, body.path-user-password main :-ms-input-placeholder {
      /* Internet Explorer 10-11 */
      color: #fefefe; }
    body.path-user-login main ::placeholder, body.path-user-password main ::placeholder {
      color: #fefefe; }

body[class*="path-node"][class*="add"] input[type="text"], body[class*="path-node"][class*="add"] input[type="email"], body[class*="path-node"][class*="add"] textarea, body[class*="path-node"][class*="add"] input[type="number"], body[class*="path-node"][class*="edit"] input[type="text"], body[class*="path-node"][class*="edit"] input[type="email"], body[class*="path-node"][class*="edit"] textarea, body[class*="path-node"][class*="edit"] input[type="number"] {
  box-sizing: border-box;
  width: 100%; }
body[class*="path-node"][class*="add"] select, body[class*="path-node"][class*="add"] input[type="date"], body[class*="path-node"][class*="edit"] select, body[class*="path-node"][class*="edit"] input[type="date"] {
  width: 300px;
  box-sizing: border-box; }
body[class*="path-node"][class*="add"] .field--type-datetime, body[class*="path-node"][class*="edit"] .field--type-datetime {
  margin-top: 20px;
  margin-bottom: 20px; }
  body[class*="path-node"][class*="add"] .field--type-datetime .label, body[class*="path-node"][class*="edit"] .field--type-datetime .label {
    font-weight: normal; }
body[class*="path-node"][class*="add"] .form-type-managed-file,
body[class*="path-node"][class*="add"] fieldset, body[class*="path-node"][class*="edit"] .form-type-managed-file,
body[class*="path-node"][class*="edit"] fieldset {
  padding: 15px 20px;
  border: 2px solid #fefefe;
  border-radius: 10px; }

.form-type-checkbox label {
  position: inherit !important;
  overflow: hidden;
  clip: inherit;
  width: auto;
  height: auto;
  word-wrap: normal; }
.form-type-checkbox input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  top: 5px;
  right: 0;
  bottom: 0;
  left: 0;
  height: 25px;
  width: 25px;
  transition: all 0.15s ease-out 0s;
  background: white;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin-right: 0.5rem;
  outline: none;
  position: relative;
  z-index: 5;
  font-weight: bold; }
  .form-type-checkbox input:hover {
    background: white; }
  .form-type-checkbox input:checked {
    background: #61a375; }
  .form-type-checkbox input:checked::before {
    height: 25px;
    width: 25px;
    position: absolute;
    content: 'x';
    display: inline-block;
    font-size: 26.66667px;
    text-align: center;
    line-height: 20px; }
  .form-type-checkbox input:checked::after {
    -webkit-animation: click-wave 0.65s;
    -moz-animation: click-wave 0.65s;
    animation: click-wave 0.65s;
    background: #40e0d0;
    content: '';
    display: block;
    position: relative;
    z-index: 100; }
.form-type-checkbox a {
  color: #fefefe;
  text-decoration: underline;
  font-weight: 300; }

.form-type-checkbox input.error {
  border: 0; }

.form-type-checkbox input.error ~ label {
  color: red; }
  .form-type-checkbox input.error ~ label a {
    color: red !important; }

.page-node-type-submission {
  background: url(../images/thankyoubg.jpg) no-repeat center center transparent;
  background-size: cover; }
  .page-node-type-submission .layout-container {
    background: transparent;
    filter: none; }
  .page-node-type-submission header {
    padding: 0; }
  .page-node-type-submission main {
    padding-top: 0;
    padding-bottom: 0;
    max-width: 900px;
    min-height: calc(100vh - 100px);
    vertical-align: middle;
    display: grid; }
    .page-node-type-submission main h1.page-title {
      position: absolute !important;
      overflow: hidden;
      clip: rect(1px, 1px, 1px, 1px);
      width: 1px;
      height: 1px;
      word-wrap: normal; }
    .page-node-type-submission main #block-plantatree-content {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      align-items: center;
      min-height: 100vh;
      width: 100%; }
      .page-node-type-submission main #block-plantatree-content .node {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px; }
        .page-node-type-submission main #block-plantatree-content .node .node__content {
          position: relative;
          width: 100%;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          align-items: center;
          flex-wrap: wrap; }
      .page-node-type-submission main #block-plantatree-content .tree-placeholder {
        background: url(../images/thankyoucircle.png) no-repeat center center transparent;
        width: calc(100% - 475px);
        display: inline-block;
        min-height: 450px;
        background-size: contain;
        margin-right: 20px;
        vertical-align: top; }
        .page-node-type-submission main #block-plantatree-content .tree-placeholder + .right-submission {
          padding-bottom: 0; }
      .page-node-type-submission main #block-plantatree-content .field--type-entity-reference {
        width: calc(100% - 475px);
        display: inline-block;
        margin-right: 70px;
        margin-top: 70px;
        vertical-align: top; }
        .page-node-type-submission main #block-plantatree-content .field--type-entity-reference .field--type-image {
          position: relative;
        /*&:after {
					content: "";
					display: inline-block;
					width: 150px;
					height: 150px;
					background: url('../images/logo-green-shadow.svg') no-repeat center center;
					background-size: 100%;
					position: absolute;
					top: -80px;
					right: -80px;
					z-index: 2;
        }*/ }
          .page-node-type-submission main #block-plantatree-content .field--type-entity-reference .field--type-image .download-link {
            text-align: center;
            margin: 10px 0 0 0; }
            .page-node-type-submission main #block-plantatree-content .field--type-entity-reference .field--type-image .download-link a {
              font-size: 26px;
              font-weight: normal;
              font-style: normal;
              font-stretch: normal;
              line-height: 1.2;
              letter-spacing: normal;
              color: #fefefe;
              display: inline-block;
              text-transform: uppercase;
              padding: 13px;
              background-color: #13443b;
              border-radius: 100px;
              text-decoration: none;
              min-width: 201px;
              text-align: center; }
              .page-node-type-submission main #block-plantatree-content .field--type-entity-reference .field--type-image .download-link a:hover {
                background-color: #19584c; }
        .page-node-type-submission main #block-plantatree-content .field--type-entity-reference img {
          width: 100%;
          height: auto;
          border: 2px solid #fefefe;
          position: relative;
          z-index: 2;
          vertical-align: middle; }
      .page-node-type-submission main #block-plantatree-content .right-submission {
        max-width: 400px;
        display: inline-block;
        vertical-align: top;
        padding-top: 30px;
        padding-bottom: 80px;
        text-align: center;
        font-size: 24px; }
      .page-node-type-submission main #block-plantatree-content .welcome {
        margin-bottom: 15px; }
        .page-node-type-submission main #block-plantatree-content .welcome .field--name-field-name {
          text-transform: uppercase;
          font-weight: bold;
          font-size: 30px; }
          .page-node-type-submission main #block-plantatree-content .welcome .field--name-field-name:after {
            content: '!'; }
      .page-node-type-submission main #block-plantatree-content .thankyou-first {
        margin-bottom: 15px; }
      .page-node-type-submission main #block-plantatree-content .tree-id {
        display: block;
        font-size: 50px;
        margin-bottom: 15px;
        font-weight: 600;
        text-shadow: 0px 5px rgba(0, 0, 0, 0.25); }
        .page-node-type-submission main #block-plantatree-content .tree-id .treetext {
          font-size: 21px;
          display: inline-block;
          vertical-align: middle; }
        .page-node-type-submission main #block-plantatree-content .tree-id .field--name-field-id {
          display: inline-block; }
      .page-node-type-submission main #block-plantatree-content .thankyou-second {
        margin-bottom: 15px; }
        .page-node-type-submission main #block-plantatree-content .thankyou-second .thankyou-third {
          margin-top: 15px; }
          .page-node-type-submission main #block-plantatree-content .thankyou-second .thankyou-third .more-information {
            margin-top: 15px; }
            .page-node-type-submission main #block-plantatree-content .thankyou-second .thankyou-third .more-information a {
              background: #235747;
              color: white;
              padding: 10px;
              display: inline-block;
              margin-top: 5px;
              width: calc(100% - 40px);
              font-size: 26px; }
      .page-node-type-submission main #block-plantatree-content .social-sharing {
        width: 100%;
        display: inline-block;
        float: right;
        text-align: center; }
      .page-node-type-submission main #block-plantatree-content div#back-link {
        margin-top: 20px; }
        .page-node-type-submission main #block-plantatree-content div#back-link a {
          font-size: 26px;
          font-weight: normal;
          font-style: normal;
          font-stretch: normal;
          line-height: 1.2;
          letter-spacing: normal;
          color: #fefefe;
          display: inline-block;
          text-transform: uppercase;
          padding: 13px;
          background-color: #13443b;
          border-radius: 100px;
          text-decoration: none;
          min-width: 201px;
          text-align: center; }
          .page-node-type-submission main #block-plantatree-content div#back-link a:hover {
            background-color: #19584c; }
  .page-node-type-submission.planted {
    background: url("../images/wood.jpg") no-repeat center center;
    background-size: cover; }

table {
  width: 100%; }
  table td, table th {
    border: 2px solid #fefefe;
    padding: 10px;
    text-align: center;
    margin: 0 auto;
    color: #fefefe; }
    table td a, table th a {
      color: #fefefe; }
  table th {
    background: #13443b; }
  table td {
    background: transparent !important; }

#field-users-values td {
  text-align: left; }

.path-user-login #block-plantatree-local-tasks {
  display: none; }

.ui-dialog {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: column;
  background: #fefefe;
  color: #377158;
  border: 0 !important;
  box-shadow: 0 10px 6px -6px #000;
  border-radius: 10px;
  min-width: 50%;
  min-height: 50%;
  height: 80% !important;
  width: 90% !important;
  position: fixed;
  top: 10% !important;
  left: 5% !important;
  margin: auto;
  overflow: hidden; }
  .ui-dialog .ui-state-hover, .ui-dialog .ui-widget-content .ui-state-hover, .ui-dialog .ui-widget-header .ui-state-hover, .ui-dialog .ui-state-focus, .ui-dialog .ui-widget-content .ui-state-focus, .ui-dialog .ui-widget-header .ui-state-focus, .ui-dialog .ui-button:hover, .ui-dialog .ui-button:focus {
    border: 0;
    background: transparent; }
  .ui-dialog .ui-dialog-titlebar {
    background: #fefefe;
    color: #377158;
    font-size: 26px;
    text-transform: uppercase;
    padding: .5em 20px;
    border-bottom: 0;
    border-radius: 10px 10px 0 0; }
  .ui-dialog .ui-widget-content {
    color: #377158;
    font-size: 16px;
    padding: .5em 20px;
    max-height: 100% !important; }
  .ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: 20px;
    top: 30px;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px; }
  .ui-dialog .ui-button-icon.ui-icon.ui-icon-closethick {
    background: none;
    margin-left: -20px;
    width: 25px;
    height: 25px; }
    .ui-dialog .ui-button-icon.ui-icon.ui-icon-closethick:after {
      content: '';
      width: 25px;
      height: 3px;
      background: #377158;
      display: block;
      transform: rotate(45deg);
      position: relative;
      top: 8px; }
    .ui-dialog .ui-button-icon.ui-icon.ui-icon-closethick:before {
      content: '';
      width: 25px;
      height: 3px;
      background: #377158;
      display: block;
      transform: rotate(-45deg);
      position: relative;
      top: 11px; }

.field--name-field-venue-ipads .field__items > .field__item .node__content {
  margin-left: 10px; }
  .field--name-field-venue-ipads .field__items > .field__item .node__content > div, .field--name-field-venue-ipads .field__items > .field__item .node__content > div > div {
    display: inline-block; }

.ajax-progress .throbber {
  background: transparent url(../images/throbber.gif) no-repeat; }

#block-venues-get-involved-block {
  max-width: 910px;
  margin: 0 auto;
  padding: 0 20px;
  text-align: center; }
  #block-venues-get-involved-block .view .view-content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
  #block-venues-get-involved-block .views-row {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    padding: 40px 20px;
    text-align: center;
    overflow: hidden;
    box-sizing: border-box; }
    #block-venues-get-involved-block .views-row .views-field-field-logo {
      width: auto;
      height: 90px;
      line-height: 90px; }
      #block-venues-get-involved-block .views-row .views-field-field-logo img {
        max-height: 90px;
        height: auto;
        -webkit-filter: brightness(0) invert(1);
        /* Safari 6.0 - 9.0 */
        filter: brightness(0) invert(1);
        width: auto;
        max-width: 100%; }
    #block-venues-get-involved-block .views-row .views-field-field-address {
      margin: 20px 0 10px 0;
      font-size: 22px; }

.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative; }

body.project_owner #user-form #edit-delete {
  display: none; }
body.in-modal .page-title,
body.in-modal #backtotop {
  display: none !important; }
body.in-modal main {
  padding-bottom: 10px; }
  body.in-modal main .layout-content {
    overflow: auto; }
body.in-modal form .form-type-checkbox input {
  z-index: auto; }
body.in-modal form #edit-actions {
  margin: 10px 0; }
body.in-modal form.entity-browser-submissions-library-form .views-exposed-form .form--inline, body.in-modal form[class*="entity-browser-submissions"] .views-exposed-form .form--inline {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap; }
  body.in-modal form.entity-browser-submissions-library-form .views-exposed-form .form--inline .form-item, body.in-modal form[class*="entity-browser-submissions"] .views-exposed-form .form--inline .form-item {
    width: 25%;
    min-width: 0;
    padding: 0 10px;
    margin: 10px 0;
    box-sizing: border-box; }
    body.in-modal form.entity-browser-submissions-library-form .views-exposed-form .form--inline .form-item input, body.in-modal form[class*="entity-browser-submissions"] .views-exposed-form .form--inline .form-item input {
      max-width: 100%;
      box-sizing: border-box; }
  body.in-modal form.entity-browser-submissions-library-form .views-exposed-form .form--inline #edit-actions, body.in-modal form[class*="entity-browser-submissions"] .views-exposed-form .form--inline #edit-actions {
    padding-top: 26px; }
body.in-modal table td, body.in-modal table th {
  padding: 5px; }
body.in-modal table .form-item {
  margin-top: 0;
  margin-bottom: 0; }
body.in-modal .view-media-library .view-content > div {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap; }
body.in-modal .view-media-library .views-row {
  width: 180px;
  margin: 10px;
  border: 2px solid #fefefe;
  padding: 10px;
  box-sizing: border-box; }
  body.in-modal .view-media-library .views-row .views-field-entity-browser-select .form-item {
    margin: 0; }

.path-contact .region-content {
  position: relative; }
.path-contact #block-contactdescription .address {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 20px;
  width: 100%;
  text-align: center;
  box-sizing: border-box; }
  .path-contact #block-contactdescription .address p {
    box-sizing: border-box;
    padding: 0 30px; }
  .path-contact #block-contactdescription .address .name,
  .path-contact #block-contactdescription .address .addr,
  .path-contact #block-contactdescription .address .mail {
    position: relative;
    padding-top: 50px; }
    .path-contact #block-contactdescription .address .name:before,
    .path-contact #block-contactdescription .address .addr:before,
    .path-contact #block-contactdescription .address .mail:before {
      content: "";
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -25px;
      display: inline-block;
      width: 50px;
      height: 50px;
      border-radius: 100%;
      background-color: #19584c; }
  .path-contact #block-contactdescription .address .name:before {
    background: #19584c url("../images/logo-wh.svg") no-repeat center center;
    background-size: auto 35px; }
  .path-contact #block-contactdescription .address .addr:before {
    background: #19584c url("../images/map-marker.svg") no-repeat center center;
    background-size: auto 30px; }
  .path-contact #block-contactdescription .address .mail:before {
    background: #19584c url("../images/envelope.svg") no-repeat center center;
    background-size: 28px auto; }
  .path-contact #block-contactdescription .address a {
    color: #fff; }
.path-contact .block-system-main-block {
  box-sizing: border-box; }
.path-contact .contact-form * {
  box-sizing: border-box; }
.path-contact .contact-form .form-type-textfield input,
.path-contact .contact-form .form-type-textarea input,
.path-contact .contact-form .form-type-email input {
  width: 100%; }
.path-contact .contact-form .form-type-textfield label,
.path-contact .contact-form .form-type-textarea label,
.path-contact .contact-form .form-type-email label {
  line-height: 26px;
  height: 26px; }
.path-contact .contact-form .form-item-name,
.path-contact .contact-form .form-item-mail {
  width: 50%;
  float: left; }
.path-contact .contact-form .form-item-name {
  padding-right: 10px; }
.path-contact .contact-form .form-item-mail {
  padding-left: 10px; }
.path-contact .contact-form textarea {
  height: 200px; }
.path-contact .contact-form .field--name-subject {
  clear: left; }
.path-contact .contact-form .form-item-accept-policy,
.path-contact .contact-form .form-actions {
  text-align: center; }

.embedded-entity, figure {
  float: none;
  display: block;
  margin: 0 0 20px 0;
  box-sizing: border-box; }
  .embedded-entity[data-entity-embed-display*="full_width"], figure[data-entity-embed-display*="full_width"] {
    width: 100%; }
  .embedded-entity[data-entity-embed-display*="half_width"], figure[data-entity-embed-display*="half_width"] {
    width: 50%; }
  .embedded-entity[data-entity-embed-display*="onethird_width"], figure[data-entity-embed-display*="onethird_width"] {
    width: 33.33%; }
  .embedded-entity[data-entity-embed-display*="quarter_width"], figure[data-entity-embed-display*="quarter_width"] {
    width: 25%; }
  .embedded-entity img, figure img {
    width: 100%; }
  .embedded-entity.align-left, figure.align-left {
    float: left;
    padding-right: 10px; }
  .embedded-entity.align-right, figure.align-right {
    float: right;
    padding-left: 10px; }
  .embedded-entity.align-center, figure.align-center {
    float: none;
    display: table;
    margin-left: auto;
    margin-right: auto; }

figure[class*="full_width"] {
  width: 100%; }
figure[class*="half_width"] {
  width: 50%; }
figure[class*="onethird_width"] {
  width: 33.33%; }
figure[class*="quarter_width"] {
  width: 25%; }
figure figcaption {
  text-align: center;
  display: block; }
figure > .embedded-entity, figure > figure {
  max-width: 100%;
  width: 100% !important;
  margin: 0;
  display: inline-block; }

.cke_editable {
  color: #000; }
  .cke_editable img,
  .cke_editable iframe {
    max-width: 100%;
    height: auto; }
  .cke_editable .field--type-video-embed-field iframe {
    pointer-events: none; }
  .cke_editable hr {
    border: 1px dotted; }
  .cke_editable .cke_widget_element {
    display: inline-block; }
    .cke_editable .cke_widget_element .embedded-entity, .cke_editable .cke_widget_element figure {
      width: 100%;
      box-sizing: border-box; }
    .cke_editable .cke_widget_element[data-entity-embed-display*="full_width"] {
      width: 100%; }
    .cke_editable .cke_widget_element[data-entity-embed-display*="half_width"] {
      width: 50%; }
    .cke_editable .cke_widget_element[data-entity-embed-display*="onethird_width"] {
      width: 33.33%; }
    .cke_editable .cke_widget_element[data-entity-embed-display*="quarter_width"] {
      width: 25%; }
    .cke_editable .cke_widget_element[data-align="left"] {
      float: left; }
    .cke_editable .cke_widget_element[data-align="right"] {
      float: right; }
    .cke_editable .cke_widget_element[data-align="center"] {
      display: table;
      margin: auto;
      float: none; }

.cke_source {
  color: #000; }

@media screen and (min-width: 1600px) {
  .region-beforeafter {
    background-size: 100% auto; } }
@media screen and (max-width: 1750px) {
  body.path-frontpage {
    background-size: auto 50%; } }
@media screen and (max-width: 1200px) {
  .region-block3 #block-joinourmission {
    background-position: top right 20px; } }
@media screen and (max-width: 1250px) {
  .region-header {
    padding-bottom: 0;
    border: 0; }
    .region-header #block-plantatree-branding .site-logo img {
      height: 50px; }
    .region-header #block-burgermenu {
      display: block;
      position: relative !important;
      top: 0 !important;
      right: 0;
      height: 36px !important;
      width: 36px !important;
      z-index: 7;
      cursor: pointer;
      float: right;
      padding-bottom: 15px; }
      .region-header #block-burgermenu #bar {
        position: absolute;
        left: 0;
        top: 26px;
        height: 5px;
        width: 36px;
        border-radius: 0;
        background-color: #fff;
        display: block !important;
        z-index: 9; }
      .region-header #block-burgermenu #bar:before {
        transition: all .5s;
        content: "";
        position: absolute;
        left: 0;
        top: -10px;
        height: 5px;
        width: 36px;
        border-radius: 0;
        background-color: #fff; }
      .region-header #block-burgermenu #bar:after {
        transition: all .5s;
        content: "";
        position: absolute;
        left: 0;
        top: 10px;
        height: 5px;
        width: 36px;
        border-radius: 0;
        background-color: #fff; }
      .region-header #block-burgermenu.menu-expanded {
        position: fixed !important;
        margin-top: 26px;
        margin-right: 20px; }
        .region-header #block-burgermenu.menu-expanded #bar {
          position: absolute;
          background-color: transparent;
          transition: all .25s;
          z-index: 8; }
        .region-header #block-burgermenu.menu-expanded #bar:before {
          transition: all .5s;
          content: "";
          transform: rotate(45deg);
          top: 0px; }
        .region-header #block-burgermenu.menu-expanded #bar:after {
          transition: all .5s;
          content: "";
          transform: rotate(-45deg);
          top: 0px; }
    .region-header nav {
      float: none;
      position: fixed;
      height: 100%;
      background: #13443b;
      right: -500px;
      z-index: 3;
      top: 0;
      overflow: auto;
      -webkit-transition: all .5s ease-out;
      -moz-transition: all .5s ease-out;
      -o-transition: all .5s ease-out;
      transition: all .5s ease-out; }
      .region-header nav ul.menu {
        margin-top: 150px;
        padding: 0 20px; }
        .region-header nav ul.menu li {
          display: block;
          margin-right: 0;
          margin-bottom: 25px;
          padding-top: 0; }
          .region-header nav ul.menu li a:hover {
            color: #62A379; }
        .region-header nav ul.menu.tooheight {
          padding: 0 60px;
          margin-top: 40px;
          max-width: 100vw;
          box-sizing: border-box; }
          .region-header nav ul.menu.tooheight li a {
            padding-left: 0;
            padding-right: 0; }

  .menuisopen {
    overflow: hidden; }
    .menuisopen .region-header nav {
      right: 0; } }
@media screen and (max-width: 1140px) {
  .region-block3:before {
    background-size: 115% auto;
    background-position: left top; }
  .region-block3 #block-ourphilosophy {
    background-size: 450px;
    display: inline-block;
    min-height: 550px; }

  .region-beforeafter {
    background-size: auto 500px; }
    .region-beforeafter #block-thankyoutomaketheworldabetterplace {
      padding-top: 250px; } }
@media screen and (max-width: 1050px) {
  .region-block2 .view-venues .views-row {
    width: 33%; }

  .region-block3 #block-ourphilosophy {
    background: url(../images/block3.png) no-repeat left 20px top transparent;
    background-size: 297px;
    min-height: 0;
    margin-top: 20px; }
    .region-block3 #block-ourphilosophy h2 {
      padding-top: 30px; }
  .region-block3 #block-joinourmission .field--name-body {
    max-width: 58%; }

  #block-venues-get-involved-block .views-row {
    width: 33%; }

  body.in-modal form.entity-browser-submissions-library-form .views-exposed-form .form--inline .form-item, body.in-modal form[class*="entity-browser-submissions"] .views-exposed-form .form--inline .form-item {
    width: 50%; } }
@media screen and (max-width: 900px) {
  .region-block3 {
    background: #326953;
    padding-top: 0; }
    .region-block3:before {
      display: none; }
    .region-block3 #block-joinourmission {
      margin: 0;
      text-align: center;
      padding: 60px 20px;
      background: none;
      position: relative;
      background: url("../images/block3-mob.jpg") no-repeat right bottom;
      background-size: 370px; }
      .region-block3 #block-joinourmission h2 {
        padding-top: 0;
        font-size: 40px;
        text-align: center;
        margin-bottom: 14px;
        max-width: none; }
      .region-block3 #block-joinourmission .field--name-body {
        max-width: none; }
        .region-block3 #block-joinourmission .field--name-body .divbutton {
          margin-top: 30px; }
    .region-block3 #block-ourphilosophy {
      position: relative;
      min-height: auto;
      background: url(../images/block3.png) no-repeat center 60px #62A379;
      background-size: 295px;
      padding-top: 400px;
      padding-bottom: 40px;
      margin-top: 0; }
      .region-block3 #block-ourphilosophy h2 {
        font-size: 40px;
        text-align: center;
        margin-bottom: 14px;
        max-width: none;
        float: none;
        padding-top: 0;
        position: relative; }
      .region-block3 #block-ourphilosophy .field--name-body {
        position: relative;
        max-width: none;
        text-align: center;
        float: none; }

  .region-block4 #block-youtube h2 {
    font-size: 40px;
    text-align: center;
    margin: 0 auto; }
  .region-block4 ul.steps {
    flex-wrap: wrap; }
    .region-block4 ul.steps li {
      width: 33%;
      margin-bottom: 20px;
      padding: 0 20px; }
      .region-block4 ul.steps li:before {
        margin-bottom: 10px; }
      .region-block4 ul.steps li:after {
        display: none; }
      .region-block4 ul.steps li:first-child, .region-block4 ul.steps li:last-child {
        padding: 0 20px; }

  .region-beforeafter {
    background-size: auto 380px; }
    .region-beforeafter #block-thankyoutomaketheworldabetterplace {
      padding-top: 180px;
      padding-bottom: 50px; }

  .node--type-article.node--view-mode-teaser .field--name-body {
    width: auto;
    display: block; }

  .page-node-type-submission main #block-plantatree-content .social-sharing {
    bottom: 10px; }

  body.path-node-add-submission #backtotop {
    display: none !important; } }
@media screen and (max-width: 750px) {
  body.path-frontpage header {
    padding-top: 26px;
    padding-bottom: 70px; }

  .block-planatree-custom-hooks-frontpage-counter .frontpage-counter #alltrees {
    background-position: center top;
    font-size: 70px;
    color: #fefefe;
    min-height: none;
    padding: 200px 0 0 0;
    text-align: center; }

  .region-block1 #block-plantedtrees .text-formatted #alltrees, .region-block1 #block-plantedtrees .frontpage-counter #alltrees, .region-block1 #block-frontpage-counter-block .text-formatted #alltrees, .region-block1 #block-frontpage-counter-block .frontpage-counter #alltrees {
    background-position: center top;
    font-size: 70px;
    color: #fefefe;
    min-height: none;
    padding: 200px 0 0 0;
    text-align: center; }

  .region-block2 {
    padding-top: 0;
    padding-bottom: 0; }
    .region-block2 #block-locals .local {
      margin: 35px 15px; }
      .region-block2 #block-locals .local .localnumber {
        margin: 0; }
    .region-block2 .view-venues .views-row {
      width: 50%; }

  .region-block4 .ytvideostart, .region-block4 iframe {
    height: 400px !important; }
  .region-block4 .ytvideostart .ytstart {
    margin-top: 100px; }

  .region-beforeafter {
    background: transparent;
    background-color: #61A375; }
    .region-beforeafter #block-thankyoutomaketheworldabetterplace {
      padding: 50px 20px; }
      .region-beforeafter #block-thankyoutomaketheworldabetterplace h2 {
        font-size: 28px; }

  #block-views-block-venues-block-1 .view .view-content .views-row, #block-views-block-venues-venue-frontpage-block .view .view-content .views-row {
    width: 50%; }

  #block-venues-get-involved-block .views-row {
    width: 50%; }

  .page-node-type-submission main {
    padding-top: 50px;
    padding-bottom: 50px;
    max-width: 800px; }
    .page-node-type-submission main #block-plantatree-content .tree-placeholder {
      width: 100%;
      max-width: 300px;
      display: block;
      min-height: auto;
      margin: 0 auto;
      height: 300px; }
    .page-node-type-submission main #block-plantatree-content .field--type-entity-reference {
      width: auto;
      display: block;
      margin-left: auto;
      margin-right: auto;
      max-width: none;
      padding: 0 60px; }
    .page-node-type-submission main #block-plantatree-content .right-submission {
      max-width: none;
      display: inline-block;
      vertical-align: top;
      text-align: center; }
    .page-node-type-submission main #block-plantatree-content .social-sharing {
      width: 100%; }

  #sliding-popup .popup-content {
    justify-content: center;
    flex-flow: column;
    text-align: center;
    max-width: none; }
  #sliding-popup .eu-cookie-compliance-buttons {
    margin-top: 0; }

  body.in-modal form.entity-browser-submissions-library-form .views-exposed-form .form--inline .form-item, body.in-modal form[class*="entity-browser-submissions"] .views-exposed-form .form--inline .form-item {
    width: 100%; } }
@media screen and (max-width: 639px) {
  .embedded-entity[data-entity-embed-display*="half_width"], figure[data-entity-embed-display*="half_width"] {
    width: 100%;
    padding-right: 0; }
  .embedded-entity[data-entity-embed-display*="onethird_width"], figure[data-entity-embed-display*="onethird_width"], .embedded-entity[data-entity-embed-display*="quarter_width"], figure[data-entity-embed-display*="quarter_width"] {
    width: 50%; }

  figure[class*="half_width"] {
    width: 100%;
    padding-right: 0; }
  figure[class*="onethird_width"], figure[class*="quarter_width"] {
    width: 50%; }

  .region-block3 #block-joinourmission {
    background-position: right -90px bottom; }

  .node--type-article.node--view-mode-full .field--name-field-image {
    width: 100%;
    margin-right: 0; }

  .page-node-type-submission main #block-plantatree-content .field--type-entity-reference .field--type-image:after {
    width: 120px;
    height: 120px;
    right: -60px;
    top: -60px; } }
@media screen and (max-width: 479px) {
  .embedded-entity[data-entity-embed-display*="onethird_width"], figure[data-entity-embed-display*="onethird_width"], .embedded-entity[data-entity-embed-display*="quarter_width"], figure[data-entity-embed-display*="quarter_width"] {
    width: 100%;
    padding-right: 0; }

  figure[class*="onethird_width"], figure[class*="quarter_width"] {
    width: 100%;
    padding-right: 0; }

  body.path-frontpage {
    background-size: auto 50%; }

  .region-block2 {
    padding-bottom: 0; }
    .region-block2 .view-venues .view-content {
      border-bottom: 2px solid #fefefe;
      padding-bottom: 14px; }
    .region-block2 .view-venues .views-row {
      width: 100%; }
      .region-block2 .view-venues .views-row .views-field-field-logo {
        height: auto;
        line-height: 1; }

  #block-views-block-venues-block-1 .view .view-content .views-row, #block-views-block-venues-venue-frontpage-block .view .view-content .views-row {
    width: 100%; }

  #block-venues-get-involved-block .views-row {
    width: 100%; }

  .region-block3 #block-joinourmission {
    background-size: 80%; }

  .region-block4 ul.steps li {
    width: 50%; }

  .node--type-article.node--view-mode-teaser .field--name-field-image {
    width: 100%;
    margin-right: 0; }

  .page-node-type-submission main #block-plantatree-content .field--type-entity-reference {
    padding-left: 10px;
    padding-right: 10px; }
    .page-node-type-submission main #block-plantatree-content .field--type-entity-reference .field--type-image:after {
      right: -20px; }

  .path-contact .contact-form .form-item-name,
  .path-contact .contact-form .form-item-mail {
    width: 100%;
    padding: 0;
    float: none; } }
@media screen and (max-height: 480px) and (max-width: 1250px) {
  .region-header nav ul.menu {
    margin-top: 100px;
  }
}

@media screen and (min-width: 1750px) {
  body.path-frontpage {
    background: url(../images/wood2.jpg) no-repeat center top #377158;
    background-size: 120% auto;
  }
}

@media screen and (max-width: 750px) {
  body.path-frontpage {
    background-size: auto 67%;
  }
}