﻿
.reeled-home-link {
    position: absolute;
    top: 0;
    right: 0;
    width: 57%;
    height: 100%;
}

#reeled-stories .item-preview img {
    max-width: 220px;
}

.navbar-collapse .collapse.show {
    z-index: 999999999
}

nav.navbar.navbar-expand-lg {
    z-index: 99;
    background: 0 0 !important
}

div#navbarSupportedContent {
    background: #fff;
    margin-top: 10px
}

.no-stories-holder img:nth-child(2) {
    margin-top: 20px
}

#reeled-stories {
    position: absolute;
    left: 90px;
    top: 10px;
    z-index: 9999
}

@media (max-width:991px) {
    .fixed-top {
        height: 107px
    }

    #reeled-stories {
        margin-left: 0.5rem;
        left: 0;
        margin-top: 0.25rem;
    }

    button.navbar-toggler:focus {
        outline: 0
    }

    .navbar-light .navbar-toggler-icon {
        background-size: 28px
    }

    .no-stories-holder img {
        max-width: 155px
    }

    #navbarSupportedContent {
        background: #fff;
        margin-top: 10px;
        position: absolute;
        left: 0;
        right: 0;
        top: 56px;
        padding: 20px
    }

    nav.navbar.navbar-expand-lg {
        top: 40px;
        width: 100%;
        padding: 0 !important
    }

    button.navbar-toggler {
        margin-right: 20px
    }

    .reeled_text_logo img {
        max-width: 84px;
    }

    #reeled-stories .item-preview img {
        max-width: 190px;
    }

    .stories.list .story {
        margin-top: 0;
    }

    div.reeled-logo > a > img {
        max-width: 150px;
    }
}

@media screen and (max-width:767px) {
    .no-stories-holder {
        z-index: 99999999;
        position: fixed;
        top: 5px;
        left: 20px
    }

    nav.navbar.navbar-expand-lg {
        margin-right: 10px;
        top: 0
    }

    .no-stories-holder img:nth-child(2) {
        margin-top: -9px
    }

    nav {
        height: 80px
    }

    .fixed-top {
        height: 80px
    }

    button.navbar-toggler {
        margin-top: 10px
    }

    div.reeled-logo > a > img {
        max-width:175px;
    }
}
