|
1
|
/* You can add global styles to this file, and also import other style files */
|
|
2
|
@import "assets/common-assets/common/theme.css";
|
|
3
|
@import "assets/common-assets/common/custom.css";
|
|
4
|
@import "assets/common-assets/library.css";
|
|
5
|
|
|
6
|
:root {
|
|
7
|
--portal-main-color: #EE2540;
|
|
8
|
--portal-main-contrast: white;
|
|
9
|
--portal-dark-color: #E63946;
|
|
10
|
--explore-color: #D95F2D;
|
|
11
|
--explore-dark-color: #a0462c;
|
|
12
|
}
|
|
13
|
|
|
14
|
.graphApp {
|
|
15
|
background-color: #FAFAFA;
|
|
16
|
color: #1A1A1A;
|
|
17
|
}
|
|
18
|
|
|
19
|
.image-front-topbar {
|
|
20
|
margin-top: -100px;
|
|
21
|
padding-top: 100px;
|
|
22
|
}
|
|
23
|
|
|
24
|
main {
|
|
25
|
min-height: calc(100vh - 100px);
|
|
26
|
line-height: 25px;
|
|
27
|
letter-spacing: 0.16px;
|
|
28
|
font-size: 16px;
|
|
29
|
font-family: "Open Sans", sans-serif;
|
|
30
|
}
|
|
31
|
|
|
32
|
.uk-text-large {
|
|
33
|
font-size: 18px;
|
|
34
|
}
|
|
35
|
|
|
36
|
.uk-text-small {
|
|
37
|
font-size: 14px;
|
|
38
|
line-height: 20px;
|
|
39
|
letter-spacing: 0;
|
|
40
|
}
|
|
41
|
/* Unordered list*/
|
|
42
|
ul.portal-circle {
|
|
43
|
list-style: none;
|
|
44
|
padding-left: 30px;
|
|
45
|
}
|
|
46
|
|
|
47
|
ul.portal-circle li {
|
|
48
|
margin: 0 0 15px 0;
|
|
49
|
position: relative;
|
|
50
|
}
|
|
51
|
|
|
52
|
ul.portal-circle.small li {
|
|
53
|
margin: 0 0 5px 0;
|
|
54
|
position: relative;
|
|
55
|
}
|
|
56
|
|
|
57
|
ul.portal-circle li:before {
|
|
58
|
content: "";
|
|
59
|
border: 5px var(--portal-main-color) solid !important;
|
|
60
|
border-radius: 50px;
|
|
61
|
line-height: 30px;
|
|
62
|
margin-left: -20px;
|
|
63
|
position: absolute;
|
|
64
|
top: 10px;
|
|
65
|
}
|
|
66
|
|
|
67
|
ul.uk-text-small.portal-circle li:before {
|
|
68
|
top: 6px;
|
|
69
|
}
|
|
70
|
|
|
71
|
.footer,
|
|
72
|
.footer .uk-section-primary {
|
|
73
|
background-color: #ffffff;
|
|
74
|
color: #000000 !important;
|
|
75
|
font-family: "Open Sans", sans-serif !important;
|
|
76
|
font-size: 14px !important;
|
|
77
|
font-weight: 400!important;
|
|
78
|
}
|
|
79
|
|
|
80
|
.footer svg .stroke_line {
|
|
81
|
stroke: #000000 !important;
|
|
82
|
}
|
|
83
|
|
|
84
|
.footer svg .fill_text {
|
|
85
|
fill: #000000 !important;
|
|
86
|
}
|
|
87
|
|
|
88
|
.footer .uk-h6:not(.ignoreFooter),
|
|
89
|
.footer .uk-h5:not(.ignoreFooter),
|
|
90
|
.footer .uk-h4:not(.ignoreFooter),
|
|
91
|
.footer .uk-h3:not(.ignoreFooter),
|
|
92
|
.footer .uk-h2:not(.ignoreFooter),
|
|
93
|
.footer .uk-h1:not(.ignoreFooter) {
|
|
94
|
color: #000000 !important;
|
|
95
|
}
|
|
96
|
|
|
97
|
.footer .uk-link:not(.ignoreFooter),
|
|
98
|
.footer a:not(.uk-button):not(.uk-button-text):not(.ignoreFooter) {
|
|
99
|
color: #000000 !important;
|
|
100
|
font-family: "Open Sans", sans-serif !important;
|
|
101
|
font-size: 14px !important;
|
|
102
|
}
|
|
103
|
|
|
104
|
.footer .uk-icon-button {
|
|
105
|
border-color: rgba(0, 0, 0, 0.5);
|
|
106
|
}
|
|
107
|
|
|
108
|
.footer .uk-totop {
|
|
109
|
background-color: #ffffff;
|
|
110
|
}
|
|
111
|
|
|
112
|
.footer .uk-totop svg {
|
|
113
|
color: rgba(0, 0, 0, 0.5);
|
|
114
|
}
|
|
115
|
|
|
116
|
.footer .uk-totop:hover svg {
|
|
117
|
color: black;
|
|
118
|
}
|
|
119
|
|
|
120
|
.footer .uk-link:not(.ignoreFooter):hover,
|
|
121
|
.footer a:not(.uk-button):not(.uk-button-text):not(.ignoreFooter):hover {
|
|
122
|
color: #000000 !important;
|
|
123
|
}
|
|
124
|
|
|
125
|
|
|
126
|
.footer .uk-label:not(.ignoreFooter) a {
|
|
127
|
border-color: #000000;
|
|
128
|
border-bottom: 1px solid;
|
|
129
|
}
|
|
130
|
|
|
131
|
.footer .uk-label:not(.ignoreFooter) a:hover {
|
|
132
|
border-color: rgba(0, 0, 0, 0.5);
|
|
133
|
}
|
|
134
|
|
|
135
|
|
|
136
|
.footer .uk-button:not(.ignoreFooter) {
|
|
137
|
background-color: #ffffff !important;
|
|
138
|
color: black !important;
|
|
139
|
border-color: #ffffff !important;
|
|
140
|
border-style: solid !important;
|
|
141
|
border-width: 1px !important;
|
|
142
|
}
|
|
143
|
|
|
144
|
.footer .uk-button:not(.ignoreFooter):hover {
|
|
145
|
background-color: #eeeeee !important;
|
|
146
|
/*color: var(--portal-main-color) !important;*/
|
|
147
|
color: black !important;
|
|
148
|
border-color: #eeeeee !important;
|
|
149
|
}
|
|
150
|
|
|
151
|
.numbers-background {
|
|
152
|
background: transparent url('assets/graph-assets/home/5.svg') repeat-x center bottom;
|
|
153
|
}
|
|
154
|
|
|
155
|
.number {
|
|
156
|
color: #1a1a1a;
|
|
157
|
}
|
|
158
|
|
|
159
|
a.number:hover, a.number:focus, a.number:active {
|
|
160
|
color: #4687e6;
|
|
161
|
}
|