@charset "UTF-8";

@import "@startinblox/hubl-styling-framework/dist/index.css";

solid-display>div {
  display: contents !important;
}

.whitespace-normal {
  white-space: normal;
}

.block {
  display: block;
}

.line-xlarge {
  line-height: 22px;
}

.sm-whitespace-normal {
  @media (max-width: 768px) {
    white-space: normal;
  }
}

.sm-text-center {
  @media (max-width: 768px) {
    text-align: center;
  }
}

$small: "max-width: 768px";

.segment {
  @media($small) {
    &.sm {
      &-hidden {
        display: none;
      }

      &-quarter {
        width: 25%;
      }

      &-third {
        width: 33.333%;
      }

      &-half {
        width: 50%;
      }

      &-two-third {
        width: 66.666%;
      }

      &-three-quarter {
        width: 75%;
      }

      &-full {
        width: 100%;
      }

      &-auto {
        width: auto;
      }
    }

    &.sm-children {
      &-hidden>div>solid-display {
        display: none;
      }

      &-quarter>div>solid-display {
        width: 25%;
      }

      &-third>div>solid-display {
        width: 33.333%;
      }

      &-half>div>solid-display {
        width: 50%;
      }

      &-two-third>div>solid-display {
        width: 66.666%;
      }

      &-three-quarter>div>solid-display {
        width: 75%;
      }

      &-full>div>solid-display {
        width: 100%;
      }

      &-auto>div>solid-display {
        width: auto;
      }
    }
  }
}

@import 'header/_index';
@import 'left-nav/_index';
@import 'content/_index';
@import 'about/_index';
@import 'members/_index';
@import 'profile/_index';
@import 'job-offers/_index';
@import 'chat/_index';

nav#main__menu {
  width: 250px;
}
main#content {
  width: calc(100% - 250px);
}

.text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}