1
2// content search
3
4.content__search {
5  width: 100%;
6  max-width: 99%;
7  display: inline-block;
8  position: relative;
9  margin-right: 1em;
10  margin-top: .5em;
11  @media (min-width: 1333px) {
12    max-width: 60%;
13    margin-top: 0;
14  }
15  #content__search-input {
16    margin: 0;
17    border: 0;
18    border-bottom: 2px solid $lightgrey;
19    padding-left: 40px;
20    &:focus {
21      box-shadow: none;
22    }
23  }
24  label {
25    position: absolute;
26    text-indent: -9999px;
27    height:20px;
28    width: 20px;
29    left: 10px;
30    top: 25px;
31    transform: translateY(-50%);
32    background: url("../assets/images/icon-search.svg") center center no-repeat;
33    opacity: .6;
34  }
35
36  #event__search-submit {
37    position: absolute;
38    top: .5em;
39    right: 0;
40    padding: 8px;
41    min-height: 20px;
42    max-width: 70px;
43    text-align: center;
44    margin: 0;
45  }
46
47  .tag-filter-label {
48    text-transform: uppercase;
49    color: $darkgrey;
50    font-size: .7em;
51    font-weight: 700;
52    min-height: 20px;
53    line-height:1.3;
54    margin-top: .5em;
55    text-align: right;
56  }
57}//end event-log__search