.simplesearch_results{
    .section{
      // width: calc((100% / 12) * 9);
      width: 100%;
      .simplesearch{
        .center{
          width: calc((100% / 12) * 9);
        }
        .result_for{
          text-transform: uppercase;
          p{
            margin: 0!important;
          }
        }
  
      }
    }
    .card-cat{
      margin-bottom:0.6rem;
    }
  }
  
  .wrap_search{
    display: inline-flex;
    align-items: baseline;
    & > a{
        margin-right: 1.2rem;
    }
  }

  .search-wrapper{
      opacity: 0;
      transition: opacity 0.2s ease;
      &.opacity{
          opacity: 1;
          transition: opacity 0.2s ease;
      }
    form{
      display: inline-flex;
      .search-input, button{
        font-family: $Bold;
        font-size: 1.5rem;
        text-transform: uppercase;
        height: auto;
        border: none;
        background: none;
    }
    button{
        width: auto;
    }
    .search-input{
        max-width: 200px;
        width: 100%;
        border-bottom: 1px solid black;
        margin-right: 1.2rem;
        background: white!important;
        &:focus, &:active, &::placeholder{
            outline: none;
            background-color:transparent!important;
        }
      }
    }
  }


  .search-results{
    .results{
      margin-top: 6rem;
      @include flexbox;
      align-items: flex-end;
      width: 100%;
      .search-row{
        width: calc((100% / 12) * 6);
        margin-bottom: 6rem;
        a{
          display: block;
        }
        &:nth-child(odd){
          padding-right: 0.7rem;
        }
        &:nth-child(even){
          padding-left: 0.7rem;
        }
        .search-item{
          margin: 0;
        }
        .card-cat{
          margin-bottom:0.6rem;
        }
        .search-title{
          h2{
            font-size: 2.5rem;
            line-height: 2.7rem;
           }
        }
        .search-details{
          font-family: $Bold;
          font-size: 2.5rem;
          line-height: 2.7rem;
          font-weight: 400;
          margin: 0;
          text-transform: uppercase;
        }
        .search-image{
          float: none;
          width: 100%;
          margin-top: 1.5rem;
          margin-bottom: 1.5rem;
        }
      }
    }
  }