//
// kremalicious3
// --------------
// Search
//

.search-open
    overflow: hidden

    .site__content
        transition: .2s ease-out
        filter: blur(10px)
        user-select: none
        pointer-events: none

.search-btn
    right: 50px
    padding: .65em .85em

.site-search
    margin-right: 4%

.search-close
    position: absolute
    right: 14px

    &,
    &:active
        top: 8%

.search-area
    @extend .transition
    position: absolute
    width: 100%
    left: 0
    top: -7px
    z-index: 3

    // hidden by default
    display: none

    &.ready
        display: block


.search-popover
    position: absolute
    left: 0
    top: 80px
    z-index: 6
    width: 100%
    padding-top: ($line-height-computed/2)
    background: lighten($page-bg, 3%)
    border-bottom: 1px solid rgba(255,255,255,.7)
    box-shadow: 0 1px 4px alpha($brand-dark, .1)

    @media only screen and (min-width: 40.625em) and (min-height: 650px)
        top: 0


.search-results
    @extend .list-unstyled
    display: flex
    align-items: center


    .grid__col
        padding-top: 0

    @media $breakpoint2
        margin-top: ($line-height-computed/2)
        margin-bottom: ($line-height-computed/2)

    > li
        padding: 0
        margin: 0


.search-link
    @extend .h6, .divider-bottom
    line-height: $line-height-small
    margin: 0
    padding: 10px 15px
    min-height: 55px
    display: block
    display: flex
    align-items: center

.search-results > li
    &:nth-child(9)
    &:nth-child(10)
        .search-link
            border-bottom: none
            &:before
                display: none