1.slideshow {
2  position: relative;
3
4  .slide {
5    display: none;
6
7    img {
8      display: block;
9      margin: 0 auto;
10    }
11
12    &.slideActive {
13      display: block;
14    }
15
16    a {
17      border: none;
18      display: block;
19    }
20  }
21
22  .pagination {
23    display: block;
24    margin: -10px;
25    padding: 1em 0;
26    text-align: center;
27    width: 100%;
28
29    .pager {
30      background: transparent;
31      border: 2px solid rgba(255, 255, 255, 0.5);
32      border-radius: 50%;
33      cursor: pointer;
34      display: inline-block;
35      height: 12px;
36      margin: 10px;
37      transition: background-color 0.3s, border-color 0.3s;
38      width: 12px;
39
40      &.pagerActive {
41        background: rgba(255, 255, 255, 0.5);
42        border-width: 4px;
43        height: 8px;
44        width: 8px;
45      }
46    }
47  }
48}
49