1//Quick links block
2.quick-links {
3  background-color: $background-02;
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: $primary-dark;
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 $border-color-01;
27  position: relative;
28  &:after {
29    content: '\203A';
30    position: absolute;
31    top: 50%;
32    right: 0;
33    font-size: 3em;
34    color: $text-02;
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    .toggle-container {
54      float: right;
55    }
56  }
57  &:last-child {
58    border-bottom: 0;
59  }
60  .float-right {
61    float: right;
62    @media(min-width: 1024px) and (max-width: 1140px) {
63      display: block;
64      float: none;
65    }
66  }
67}
68
69.quick-links__label {
70  font-weight: 700;
71}
72
73.quick-links__event-copy {
74  color: $status-error;
75  margin-bottom: 0;
76  font-weight: 700;
77  font-size: .9em;
78  a {
79    color: $status-error;
80  }
81}
82