@import "functions";

.title {
  margin-top: 50px;

  .admin-bar &,
  .post-type-archive & {
    margin-top: 50px;
  }

  div.content > .content_inner > & {
    margin-bottom: 10px;
  }

  @include media(small, medium) {
    height: auto !important;
  }


  @include media(medium, large) {
    .content_inner & {
      margin-top: 50px;
    }
  }

  @include media(0, large) {
    .single-exhibitors & {
      display: none;
    }
  }

  @include media(0, very-large) {
    margin: 0;
    height: auto !important;

    .content_inner & {
      margin-top: 100px;
    }
  }

  &.title_on_bottom {

    &:not(.has_background) {
      height: 0;
      margin-top: 100px;
    }

    @include media(0, large) {
      & .title_on_bottom_wrap {
        top: -100%;
        //margin-top: 10px;
      }
      div.content > .content_inner > & {
        margin-bottom: 80px;
      }
    }
    @include media($min: large) {
      & .title_on_bottom_wrap {
        top: 100%;
      }
      div.content > .content_inner > & {
        margin-bottom: 80px;
      }
    }
  }
}