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