html {
    height: 100%;
    overflow: auto;
}

body {
    height: auto;
    min-height: 100%;
    overflow: hidden;
    position: relative;
}

p {
    word-wrap: break-word;
}

@typography('{tag}')

.carousel-inner > [data-url]
{
    cursor: pointer;
}

.bd-slides
{
    height: 100%;
    width: 100%;
}

.bd-slide
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    z-index: 0;
}

.bd-section-align-wrapper {
    margin-left: auto;
    margin-right: auto;
}

.row
{
    &.bd-row-flex
    {
        .display-flex();
        .flex-wrap(wrap);
        .flex-direction(row);

        > [class^="col-"],
        > [class*=" col-"]
        {
            .display-flex();
            min-height: 0;
            min-width: 0;

            > [class^="bd-layoutcolumn"],
            > [class*=" bd-layoutcolumn"]
            {
                .display-flex();

                .flex-grow(1);
                .bd-row-align-middle&
                {
                    .align-items(center);
                }
                .bd-row-align-bottom&
                {
                    .align-items(flex-end);
                }
                > .bd-vertical-align-wrapper
                {
                    .flex-grow(1);
                    min-height: 0;
                    min-width: 0;
                }
            }
        }

        &:before,
        &:after
        {
            display: none;
        }
    }

    &.bd-row-auto-height
    {
        > [class^="col-"],
        > [class*=" col-"]
        {
            > [class^="bd-layoutcolumn"],
            > [class*=" bd-layoutcolumn"]
            {
                white-space: nowrap;

                > .bd-vertical-align-wrapper,
                &:before
                {
                    display: inline-block;

                    .bd-row-align-top&
                    {
                        vertical-align: top;
                    }
                    .bd-row-align-middle&
                    {
                        vertical-align: middle;
                    }
                    .bd-row-align-bottom&
                    {
                        vertical-align: bottom;
                    }
                }

                > .bd-vertical-align-wrapper
                {
                    white-space: normal;
                    width: 100%;
                }

                &:before
                {
                    content: "";
                    height: 100%;
                    width: 0;
                }
            }
        }
    }
}

.row.bd-collapsed-gutter
{
    margin-left: 0;
    margin-right: 0;

    &,
    .carousel > .carousel-inner > .item
    {
        > [class^="col-"],
        > [class*=" col-"]
        {
            padding-left: 0;
            padding-right: 0;
        }
    }
}

.bd-empty-grid-item
{
    clear: both;
}

.bd-affix-fake
{
    display: none;
}

/* Content Layout */
.bd-flex-vertical,
.bd-flex-horizontal
{
    .display-flex();
}

.bd-flex-vertical
{
    .flex-direction(column);
}

.bd-flex-wide
{
    .flex-basis(auto);
    .flex-grow(1);
    .flex-shrink(1);
    &:not(.bd-flex-horizontal) {
        width: 100%; /* IE10-11 flex-basis with border-box fix */
    }
    min-width: 0;
    min-height: 0;
}

.bd-flex-fixed
{
    .flex-basis(auto);
    .flex-grow(0);
    .flex-shrink(0);
}

html[dir="rtl"]
{
    @@media (min-width: @@grid-float-breakpoint) {
        .navbar-left
        {
            float: right !important;
        }
    }
    .navbar-left > li
    {
        float: right;
    }
}

html[dir="rtl"]
{
    @@media (min-width: @@grid-float-breakpoint) {
        .navbar-right
        {
            float: left !important;
        }
    }
    .navbar-right > li
    {
        float: right;
    }
}