1//Quick links block
2.quick-links {
3  background-color: $lightgrey;
4  padding: .5em 1em;
5  font-size: .9em;
6  font-weight: 400;
7  margin: 1em 0;
8  @include mediaQuery(medium) {
9    margin: 0 0 0 1em;
10  }
11  a {
12    color: $black;
13    text-decoration: none;
14    display: block;
15  }
16  p {
17    margin-bottom: 0;
18  }
19  .event-log__events {
20    margin-top: 0;
21  }
22}
23
24.quick-links__item {
25  padding: 1em 0 1em 0;
26  border-bottom: 1px solid $medgrey;
27  position: relative;
28  &:after {
29    content: '\203A';
30    position: absolute;
31    top: 50%;
32    right: 0;
33    font-size: 3em;
34    color: lighten($darkgrey, 15%);
35    transform: translateY(-50%);
36  }
37  &.no-icon {
38    overflow: auto;
39    .bmc-time {
40      text-align: right;
41      max-width: 17em;
42      float: right;
43      @include mediaQuery(medium) {
44        display: block;
45        text-align: left;
46        float: none;
47        margin-top: 0.25em;
48      }
49    }
50    &:after {
51      display: none;
52    }
53  }
54  &:last-child {
55    border-bottom: 0;
56  }
57  .float-right {
58    display:inline-block;
59    float: right;
60    @media(min-width: 1024px) and (max-width: 1140px) {
61      display: block;
62      float: none;
63    }
64  }
65}
66
67.quick-links__label {
68  font-weight: 700;
69}
70
71.quick-links__event-copy {
72  color: $alert__error;
73  margin-bottom: 0;
74  font-weight: 700;
75  font-size: .9em;
76  a {
77    color: $alert__error;
78  }
79}
80
81//toggle switch
82.quick-links__item .toggle label {
83  transform: translateY(-2px);
84  margin-right: 0;
85}
86