/**
Utilities

.screen-reader-only     - Takes an element off-screen while maintaining its position in the flow of content
.hide                   - Hides an element, taking it out of the flow of content

Styleguide 4
*/

.row--top-border {
    border-top: 1px solid @color-border-input;
}

.row--bottom-border {
    border-bottom: 1px solid @color-border-input;
}

.position--static {
    position: static !important;
}

.display--block {
    display: block;
}

.display--inline {
    display: inline !important;
}

.display--inline-block {
    display: inline-block !important;
}

.cursor--pointer:hover {
    cursor: pointer !important;
}

.pull-left {
    float: left !important;
}

.pull-right {
    float: right !important;
}

.rounded-small {
    border-radius: 3px;
}

.rounded-medium {
    border-radius: 5px;
}

.rounded-medium-top() {
    border-radius: 5px 5px 0 0;
}

.rounded-medium-bottom {
    border-radius: 0 0 5px 5px;
}

.no-border {
    border: none !important;
}

.screen-reader-only {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    border: 0;
    margin: -1px;
    padding: 0;
    clip-path: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    /* implementation based on https://a11yproject.com/posts/how-to-hide-content/ */
}

.hide {
    display: none !important;
}

.full-width {
    width: 100% !important;
}

.white-space--pre-wrap {
    white-space: pre-wrap !important;
}