.page-events #main-wrapper{
  background: url(../pattern-bg.png);
}

.node--type-event header>.container {
  position: relative;
}

.node--type-event article .header .node__title {
  max-width: none;
}

.node--type-event .topic-big .field__item {
  color: #fff;
}

.node--type-event .topic-big {
  top: 136px;
  right: 0;
}

.event-metadata {
  margin-top: 50px;
  display: flex;
}

.event-metadata .box-data {
  display: flex;
  position: relative;
}

.event-metadata .box-data .data:first-child:before {
  content: "";
  background: url(../spritesheet.png);
  background-position: -11px -95px;
  width: 6px;
  height: 13px;
  display: block;
  position: absolute;
  top: 50px;
  right: -33px;
}

.event-metadata .box-data .data {
  position: relative;
}

.event-metadata .box-data .data:first-child {
  margin-right: 60px;
}

.event-metadata span {
  color: #fff;
  font-family: Ubuntu;
  display: block;
  font-weight: 800;
  font-size: var(--large-font-size);
}

.event-metadata h6 {
  color: var(--eventsBg);
  font-family: Merriweather;
  font-size: 3.75rem;
}

.event-metadata .data {
  padding: 0;
}

.event-metadata .data h6,
.event-metadata .data span {
  text-align: center;
}

.contact-metadata .field--name-field-event-contact-person {
  margin-top: 28px;
  text-transform: capitalize;
}

.contact-metadata .field--name-field-event-contact-person-email,
.contact-metadata .field--name-field-event-contact-person-phone {
  margin: 7px 0px;
}

.event-metadata .location {
  color: var(--eventsBg);
}

.event-metadata .location::before {
  content: "";
  background: url(../spritesheet.png);
  background-position: -21px -55px;
  width: 19px;
  height: 27px;
  display: block;
  position: absolute;
  top: 11px;
  left: -17px;
}

.event-metadata .location div {
  font-family: Merriweather;
  font-weight: 400;
  line-height: 3rem;
  font-size: 2rem;
}

.event-metadata .type div {
  font-family: Merriweather;
  font-weight: 400;
  line-height: 3rem;
  font-size: 2rem;
}


.event-metadata a div {
  color: var(--green);
}

.contact-metadata {
  background: transparent;
}


.node--type-event .map {
  display: none;
}

.node__location {
  padding: 0px ;
  background-color: var(--lightBrownBg);
}

.node__location .col-md-6:empty {
  padding:   0px;
}

.node__location .col-md-6 {
  padding: 54px 0px 14px 0px;
}

.node__location>.container>.row {
  display: flex;
  justify-content: space-between;
}




.node__location .container .row .row .container {
  padding: 0;
}

.node__location .contact-metadata h3 {
  margin-bottom: 12px;
}

.node__location .column>div {
  margin-bottom: 20px;
}

.node__location h3 {
  font-size: var(--large-font-size);
  color: var(--green);
  font-family: "Playfair display";
  margin-bottom: 32px;
}

.node__location .label {
  color: #A4A09D;
  font-size: 0.6875rem;
  text-transform: uppercase;
  font-family: "ubuntu";
  margin-bottom: 2px;
}

.node__location {
  color: var(--darkGrey);
  font-size: var(--medium-font-size);
  font-family: "ubuntu";
  line-height: 1.3;
}

.node__location .node--type-person {
  background: none;
  padding: 0;
}

.node__location .node--type-person .node__content {
  align-items: center;
}

.node--type-event .events__promoter,
.node--type-event .events__project {
  margin-bottom: 50px;
}

.node--type-event .events__promoter .box {
  display: flex;
}

.node--type-event .content-event {
  margin-bottom: 90px;
}

.node--type-event .node__content .aside {
  margin-top: 110px;
}

.node--type-event .node__content .aside::before {
  content: "";
  background: #e1e1e1;
  width: 1px;
  height: 121px;
  position: absolute;
  top: -51px;
  left: -1px;
}

.node--type-event .node__content .aside  .field--type-link {
  margin: 0px 0px 0px 0px;
  min-height: auto;
  display: inline-flex;
}

.node--type-event .node__content .aside .field--type-link::before {
  background: none;
}

.node--type-event .node__content .aside  .field--type-link a:hover:before{
  opacity: 0.8;
  transition: 0.3s;
}

.node--type-event .node__content .aside  .field--type-link a:empty:before {
  display: block;
}

.node--type-event .node__content .aside  .field--type-link a:before {
  content: "go to website";
  font-size: var(--small-font-size);
  color: #fff;
  transition: 0.3s;
  font-style: normal;
  display: none;
}

.node--type-event .node__content .aside  .field--type-link a {
  background: var(--green);
  padding: 1rem 1.8rem;
  border-radius: 8px;
  text-align: center;
  display: inline-block;
  font-size: var(--small-font-size);
  color: #fff;
  transition: 0.3s;
  font-style: normal;
}



@media (max-width:992px) {

  .topic-big {
    pointer-events: none;
  }

  .node--type-event .topic-big {
    right: 24px;
    bottom: 18px;
    top: auto;
  }

  .event-metadata span {
    font-size: var(--medium-font-size);
  }

  .event-metadata h6 {
    font-size: 3rem;
  }

  .event-metadata .location div,
  .event-metadata .type div {
    line-height: 2rem;
    font-size: 1.5rem;
  }

  .event-metadata .location::before {
    top: 8px;
    left: 17px;
  }

  .event-metadata .location {
    color: var(--eventsBg);
    padding-left: 48px;
  }

  .event-metadata {
    margin-top: 40px;
    display: flex;
  }

  .node--type-event .node__content .aside::before {
    display: none;
  }
}



@media (max-width:768px) {

  .event-metadata .box-data,
  .event-metadata .location,
  .event-metadata .type {
    margin-bottom: 1.5rem;
  }

  .event-metadata {
    margin-top: 20px;
  }

  .node__location {
    padding: 0px 0px 14px 0px;
  }

  .node__location h3 {
    margin-bottom: 21px;
    margin-top: 30px;
  }

  .node__location .column>div {
    margin-bottom: 13px;
  }

  .node--type-event .topic-big {
    right: 40px;
    bottom: -250px;
  }

  .node--type-event .topic-big .field__item {
    color: #333;
  }
}

@media (max-width:576px) {
  .node--type-event .topic-big {
    margin-right: 27px;
    bottom: -250px;
  }
  .node__location .column .col-sm-3{
    margin-bottom: 13px;
  }
  .event-metadata {
    margin-top: 31px;
  }

  .event-metadata h6 {
    font-size: 3rem;
  }

  .event-metadata .box-data .data:first-child:before {
    top: 27px;
  }

  .event-metadata .location div {
    font-size: 1.5rem;
    line-height: 2.2rem;
  }

  .event-metadata h6 {
    line-height: 3rem;
  }
}