fix
[wolnelektury.git] / src / wolnelektury / static / 2022 / styles / layout / _footer.scss
1 .l-footer {
2   color: #FFFFFF;
3   background: #083F4D;
4   margin: 0 auto;
5   padding-top: 27px;
6   padding-bottom: 38px;
7
8   .l-container {
9       display: flex;
10       flex-direction: column;
11       @include rwd($break-footer) {
12           display: block;
13       }
14   }
15 }
16
17 .l-footer__row {
18   display: flex;
19
20   align-items: flex-start;
21   flex-direction: column;
22
23   @include rwd($break-footer) {
24       flex-direction: row;
25       align-items: center;
26       justify-content: space-between;
27   }
28
29       a {
30         color: #85C7CC;
31         &:hover {
32           color: #85C7CC;
33           text-decoration: underline;
34         }
35       }
36
37       &:nth-child(1) {
38     padding-bottom: 25px;
39     border-bottom: 1px solid #007880;
40     align-items: flex-start;
41   }
42
43   &:nth-child(2) {
44       margin-top: 25px;
45       column-gap: 20px;
46
47     div {
48         font-size: 14px;
49         @include rwd($break-footer) {
50             font-size: unset;
51       }
52       &:nth-child(1) {
53         max-width: 315px;
54         padding-right: 53px;
55
56         border-right: 0;
57         min-width: 0;
58         margin-bottom: 20px;
59         @include rwd($break-footer) {
60             min-width: 270px;
61             border-right: 1px solid #007880;
62             margin-bottom: 0;
63         }
64       }
65       &:nth-child(3) {
66         max-width: 483px;
67         margin-top: 20px;
68         @include rwd($break-footer) {
69             margin-top: 0;
70         }
71       }
72
73     }
74   }
75
76   ul {
77     padding: 0;
78     list-style: none;
79     margin-top: 20px 0 0 0;
80     @include rwd($break-footer) {
81         margin: 0;
82     }
83     li {
84       font-weight: normal;
85       font-size: 14x;
86       line-height: 150%;
87       @include rwd($break-footer) {
88           font-size: unset;
89       }
90     }
91
92     &:nth-of-type(1) {
93       margin-left: 0;
94       margin-right: auto;
95     }
96
97     &:nth-of-type(2) {
98       margin-left: 0;
99       margin-right: auto;
100       @include rwd($break-footer) {
101         margin-left: 10px;
102       }
103     }
104
105     &.teal {
106       color: #85C7CC;
107       a {
108         color: white;
109         &:hover {
110           text-decoration: underline;
111         }
112       }
113     }
114   }
115 }