html

body
  #search-results
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16)
    -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16)
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16)
    background-color: $light-grey
    color: $dark-grey
    font-size: 15px
    z-index: 0
    font-weight: 300
    position: fixed
    top: 80px
    @media screen and ($tablet)
      top: 60px
    left: 0
    width: 100%
    padding: $section-margin/2 $site-margin
    @media screen and ($mobile)
      padding: $section-margin/4 $site-margin/2
    article
      margin: 20px 0
  nav
    div
      &.search-container
        width: 100%
        z-index: 10
        box-sizing: border-box
        padding-right: $site-margin
        display: none
        position: absolute
        top: 0
        left: 50%
        transform: translateX(-50%)
        height: 100%
        max-width: 1280px
        // margin-left: $site-margin
        // margin-right: $site-margin
        // @media screen and ($mobile)
        //   margin-left: $site-margin/2
        //   margin-right: $site-margin/2
        .close-search
          background-color: $white
          position: absolute
          top: 0
          right: 0
          height: 100%
          display: flex
          justify-content: flex-end
          align-items: center
          .close-search-button
            position: relative
            height: 25px
            width: 25px
            &:hover
              cursor: pointer
              .close-search-line
                background-color: $blue
            .close-search-line
              width: 25px
              position: absolute
              top: 11px
              right: 0
              height: 2px
              background-color: $black
              transition: background-color .3s ease
              &#line-a
                transform: rotate(45deg)
              &#line-b
                transform: rotate(-45deg)
        form
          width: 100%
          height: 100%
          input
            font-family: 'Open Sans', sans-serif
            width: 100%
            height: 100%
            font-size: 20px
            padding: 0
            border: none
            color: $black
            &:focus
              outline: none