Search
[wolnelektury.git] / src / wolnelektury / static / 2022 / styles / layout / _quotes.scss
1 .l-quotes {
2   width: 100%;
3   max-width: 1140px;
4   margin-top: 24px;
5   position: relative;
6   overflow: hidden;
7   padding-bottom: 40px;
8
9   @include rwd($break-flow) {
10     margin-top: 58px;
11   }
12
13   .slick-dots {
14     bottom: 0;
15     li button:before {
16       border: 1px solid #007880;
17     }
18   }
19 }
20
21 .l-quotes__item {
22   outline: 0;
23   background: #E1F1F2;
24   border-radius: 10px;
25   width: 558px;
26   margin-top: 50px;
27   margin-left: 0;
28   margin-right: 0;
29   padding-left: 32px;
30   padding-right: 32px;
31   padding-bottom: 32px;
32
33   @include rwd($break-flow) {
34       margin-left: 32px;
35       margin-right: 32px;
36   }
37
38   img {
39     margin: 0 auto;
40     border-radius: 50%;
41     overflow: hidden;
42     font-size: 0;
43     margin-top: -24px;
44     width: 48px;
45     height: 48px;
46
47     @include rwd($break-flow) {
48         width: unset;
49         height: unset;
50         margin-top: -50px;
51     }
52   }
53
54   h4 {
55     margin-top: 5px;
56     font-weight: $semibold;
57     @include font-size(14px);
58     line-height: 140%;
59     text-align: center;
60     letter-spacing: -0.01em;
61     color: #474747;
62
63     @include rwd($break-flow) {
64       margin-top: 10px;
65       @include font-size(25px);
66     }
67   }
68
69   p {
70     margin-top: 12px;
71     font-style: italic;
72     font-weight: $regular;
73     @include font-size(20px);
74     line-height: 140%;
75     text-align: center;
76     letter-spacing: -0.02em;
77     color: #083F4D;
78
79     @include rwd($break-flow) {
80       margin-top: 24px;
81       @include font-size(26px);
82     }
83   }
84 }