1//Quick links block
2.quick-links {
3  background-color: $lightgrey;
4  padding: 1em 1.4em;
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    &:after {
39      display: none;
40    }
41  }
42  &:last-child {
43    border-bottom: 0;
44  }
45  .float-right {
46    display:inline-block;
47    float: right;
48    @media(min-width: 1024px) and (max-width: 1140px) {
49      display: block;
50      float: none;
51    }
52  }
53}
54
55.quick-links__label {
56  font-weight: 700;
57}
58
59.quick-links__event-copy {
60  color: $alert__error;
61  margin-bottom: 0;
62  font-weight: 700;
63  font-size: .9em;
64  a {
65    color: $alert__error;
66  }
67}
68
69//toggle switch
70.quick-links__item .toggle label {
71  transform: translateY(-2px);
72  margin-right: 0;
73}
74