word-games-theme 0.7.1 → 0.7.5

Sign up to get free protection for your applications and to get access to all the features.
@@ -4,26 +4,25 @@
4
4
  <div style="font-size: 15px;" class="alert errMessage" role="alert"></div>
5
5
  <form name="verify" class="forms_data">
6
6
  <div class="form-group">
7
-
8
7
  <label for="greenLetters" class="my-1 p-0 wordleSolver-label">Enter green letters at correct
9
8
  position</label>
10
9
  <div class="col-md-6 p-0">
11
10
  <div class="d-flex">
12
11
  <input data-id="0" type="text" autocomplete="off" tabIndex="0"
13
12
  class="wordleSolver-field greenLetters greenWithIndex form-control px-5" maxlength="1"
14
- id="greenLetters">
13
+ id="first" onkeyup="move(this,'second')">
15
14
  <input data-id="1" type="text" autocomplete="off" tabIndex="1"
16
15
  class="wordleSolver-field greenLetters greenWithIndex form-control px-5" maxlength="1"
17
- id="greenLetters">
16
+ id="second" onkeyup="move(this,'third')">
18
17
  <input data-id="2" type="text" autocomplete="off" tabIndex="2"
19
18
  class="wordleSolver-field greenLetters greenWithIndex form-control px-5" maxlength="1"
20
- id="greenLetters">
19
+ id="third" onkeyup="move(this,'fourth')">
21
20
  <input data-id="3" type="text" autocomplete="off" tabIndex="3"
22
21
  class="wordleSolver-field greenLetters greenWithIndex form-control px-5" maxlength="1"
23
- id="greenLetters">
22
+ id="fourth" onkeyup="move(this,'fivth')">
24
23
  <input data-id="4" type="text" autocomplete="off" tabIndex="4"
25
24
  class="wordleSolver-field greenLetters greenWithIndex form-control px-5" maxlength="1"
26
- id="greenLetters">
25
+ id="fivth" onkeyup="move(this,'six')">
27
26
  </div>
28
27
  </div>
29
28
  </div>
@@ -32,20 +31,20 @@
32
31
  <div class="col-md-6 p-0">
33
32
  <div class="d-flex">
34
33
  <input type="text" autocomplete="off" tabIndex="1"
35
- class="wordleSolver-field yellowLetters form-control px-5" maxlength="1"
36
- id="yellowLetters" tabIndex="5">
34
+ class="wordleSolver-field yellowLetters form-control px-5" maxlength="1" id="six"
35
+ tabIndex="5" onkeyup="move(this,'seven')">
37
36
  <input type="text" autocomplete="off"
38
- class="wordleSolver-field yellowLetters form-control px-5" maxlength="1"
39
- id="yellowLetters" tabIndex="6">
37
+ class="wordleSolver-field yellowLetters form-control px-5" maxlength="1" id="seven"
38
+ tabIndex="6" onkeyup="move(this,'eight')">
40
39
  <input type="text" autocomplete="off"
41
- class="wordleSolver-field yellowLetters form-control px-5" maxlength="1"
42
- id="yellowLetters" tabIndex="7">
40
+ class="wordleSolver-field yellowLetters form-control px-5" maxlength="1" id="eight"
41
+ tabIndex="7" onkeyup="move(this,'nine')">
43
42
  <input type="text" autocomplete="off"
44
- class="wordleSolver-field yellowLetters form-control px-5" maxlength="1"
45
- id="yellowLetters" tabIndex="8">
43
+ class="wordleSolver-field yellowLetters form-control px-5" maxlength="1" id="nine"
44
+ tabIndex="8" onkeyup="move(this,'ten')">
46
45
  <input type="text" autocomplete="off"
47
- class="wordleSolver-field yellowLetters form-control px-5" maxlength="1"
48
- id="yellowLetters" tabIndex="9">
46
+ class="wordleSolver-field yellowLetters form-control px-5" maxlength="1" id="ten"
47
+ tabIndex="9" onkeyup="move(this,'eleven')">
49
48
  </div>
50
49
  </div>
51
50
  </div>
@@ -54,27 +53,32 @@
54
53
  <div class="col-md-6 p-0 wrapper">
55
54
  <div class="d-flex">
56
55
  <input type="text" class="wordleSolver-field greyLetters form-control px-5" maxlength="1"
57
- id="greyLetters" value="" autocomplete="off" tabIndex="10">
56
+ id="eleven" value="" autocomplete="off" tabIndex="10" onkeyup="move(this,'twelve')">
58
57
  <input type="text" class="wordleSolver-field greyLetters form-control px-5" maxlength="1"
59
- id="greyLetters" value="" autocomplete="off" tabIndex="11">
58
+ id="twelve" value="" autocomplete="off" tabIndex="11" onkeyup="move(this,'thirteen')">
60
59
  <input type="text" class="wordleSolver-field greyLetters form-control px-5" maxlength="1"
61
- id="greyLetters" value="" autocomplete="off" tabIndex="12">
60
+ id="thirteen" value="" autocomplete="off" tabIndex="12" onkeyup="move(this,'fourteen')">
62
61
  <input type="text" class="wordleSolver-field greyLetters form-control px-5" maxlength="1"
63
- id="greyLetters" value="" autocomplete="off" tabIndex="13">
62
+ id="fourteen" value="" autocomplete="off" tabIndex="13" onkeyup="move(this,'fifteen')">
64
63
  <input type="text" class="wordleSolver-field greyLetters form-control px-5" maxlength="1"
65
- id="greyLetters" value="" autocomplete="off" tabIndex="14">
64
+ id="fifteen" value="" autocomplete="off" tabIndex="14" onkeyup="move(this,'sixteen')">
66
65
  </div>
67
66
  <div class="d-flex mt-2">
68
67
  <input type="text" autocomplete="off" tabIndex="15"
69
- class="wordleSolver-field greyLetters form-control px-5" maxlength="1" id="greyLetters">
68
+ class="wordleSolver-field greyLetters form-control px-5" maxlength="1" id="sixteen"
69
+ onkeyup="move(this,'seventeen')">
70
70
  <input type="text" autocomplete="off" tabIndex="16"
71
- class="wordleSolver-field greyLetters form-control px-5" maxlength="1" id="greyLetters">
71
+ class="wordleSolver-field greyLetters form-control px-5" maxlength="1" id="seventeen"
72
+ onkeyup="move(this,'eightteen')">
72
73
  <input type="text" autocomplete="off" tabIndex="17"
73
- class="wordleSolver-field greyLetters form-control px-5" maxlength="1" id="greyLetters">
74
+ class="wordleSolver-field greyLetters form-control px-5" maxlength="1" id="eightteen"
75
+ onkeyup="move(this,'nineteen')">
74
76
  <input type="text" autocomplete="off" tabIndex="18"
75
- class="wordleSolver-field greyLetters form-control px-5" maxlength="1" id="greyLetters">
77
+ class="wordleSolver-field greyLetters form-control px-5" maxlength="1" id="nineteen"
78
+ onkeyup="move(this,'twenty')">
76
79
  <input type="text" autocomplete="off" tabIndex="19"
77
- class="wordleSolver-field greyLetters form-control px-5" maxlength="1" id="greyLetters">
80
+ class="wordleSolver-field greyLetters form-control px-5" maxlength="1" id="twenty"
81
+ onkeyup="move(this,'eleven')">
78
82
  </div>
79
83
  </div>
80
84
 
@@ -85,7 +89,11 @@
85
89
  </button>
86
90
  <div class="form-group text-right">
87
91
  <div class="col-md-4 p-0" style="margin: 0 0 0 auto;">
88
- <button type="submit" id="wordlesolver_submit" class="btn wordlesolver-btn mt-3">Update</button>
92
+ <button type="submit" id="wordlesolver_submit" class="btn wordlesolver-btn mt-3">
93
+ <span id="updateTxt">Solve</span>
94
+ <div class="spinner"></div>
95
+ </button>
96
+
89
97
  </div>
90
98
  </div>
91
99
  </form>
@@ -114,4 +122,11 @@
114
122
  $next.focus().click();
115
123
  }
116
124
  });
125
+
126
+
127
+ function move(first, last) {
128
+ if (first.value.length) {
129
+ document.getElementById(last).focus()
130
+ }
131
+ }
117
132
  </script>
@@ -5,7 +5,7 @@
5
5
  {%- assign CustomColor = site.data.theme.colors -%}
6
6
  <!-- start commonPage as LandingPage -->
7
7
  <div class="container" id="containerWd">
8
- <section class="sticky_nav">
8
+ <section class="sticky_nav" style="top:60px">
9
9
  <div class="pageHeading text-center pt-5">
10
10
  <h1 class="heading m-0 pb-0">
11
11
  {{dataToShow.h1}}</h1>
@@ -29,22 +29,31 @@
29
29
  {%- if page.letter -%}
30
30
  {%- include WordPointTables/table.html -%}
31
31
  {%- endif -%}
32
+
33
+ {%- include share/socialshare.html -%}
34
+ {%- include Rating/rating.html -%}
35
+
32
36
  {%- if site.posts.size>0 -%}
33
37
  {% include section/blog.html %}
34
38
  {%- endif -%}
35
39
 
36
40
 
37
- {%- include share/socialshare.html -%}
38
- {%- include Rating/rating.html -%}
39
41
  {%- include footer/index.html -%}
40
42
 
41
43
  <link rel="stylesheet"
42
44
  href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.5.0/font/bootstrap-icons.min.css" />
43
45
  <script defer src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
44
- <script defer src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js"></script>
46
+ <script defer src=" https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js"></script>
45
47
  <script>
48
+ $(function () {
49
+ $('[data-toggle="tooltip"]').tooltip()
50
+ })
46
51
  let txtBox = document.querySelector('.txtBox')
52
+ let focusBorder = document.querySelector('.focus-border')
53
+
54
+ txtBox.focus()
47
55
  txtBox.addEventListener('input', (e) => {
56
+ focusBorder.classList.remove('focus-border')
48
57
  e.target.value = e.target.value.replace(/[^a-zA-Z? ]/g, "")
49
58
  let rangeOfBlankTile = '{{ page.blanktilerange }}'
50
59
  if (rangeOfBlankTile === "") {
@@ -60,7 +69,17 @@
60
69
  }
61
70
  })
62
71
  </script>
63
-
72
+ <script src="//cdnjs.cloudflare.com/ajax/libs/webfont/1.6.28/webfontloader.js"></script>
73
+ <script>WebFont.load({ google: { families: ['Poppins:400&display=swap'] } })</script>
74
+ <script>
75
+ (function () {
76
+ d = document;
77
+ c = d.createElement('link');
78
+ c.href = '//cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css';
79
+ c.rel = 'stylesheet';
80
+ d.head.appendChild(c);
81
+ })();
82
+ </script>
64
83
  {% include Monumetric/Monumetric.html %}
65
84
  </body>
66
85
 
data/_layouts/page.html CHANGED
@@ -48,7 +48,6 @@
48
48
  </style>
49
49
 
50
50
  <body>
51
- {%- include header/index.html -%}
52
51
 
53
52
  {%- include section/commonPage.html -%}
54
53
 
data/_layouts/page2.html CHANGED
@@ -44,7 +44,6 @@
44
44
  </style>
45
45
 
46
46
  <body>
47
- {%- include header/index.html -%}
48
47
 
49
48
  {%- include section/commonPage.html -%}
50
49
 
@@ -32,6 +32,9 @@
32
32
  <link rel="stylesheet" href="{{ '/assets/css/footer.css' | relative_url }}">
33
33
 
34
34
 
35
+ {%- include google-analytics.html -%}
36
+
37
+
35
38
  <title>
36
39
  {{dataToShow.title }}
37
40
  </title>
@@ -18,7 +18,9 @@
18
18
  <div class="container">
19
19
  <div class="pageHeading text-center">
20
20
  <h1 class="heading pb-0 m-0">{{homeData.h1}}</h1>
21
+ {%- if homeData.h2 != '' -%}
21
22
  <h2>{{homeData.h2}}</h2>
23
+ {%- endif -%}
22
24
  </div>
23
25
  </div>
24
26
  </div>
@@ -37,6 +39,13 @@
37
39
  {% endif %}
38
40
 
39
41
 
42
+ {%- include Rating/rating.html -%}
43
+
44
+
45
+ {%- include section/related_categories_post.html -%}
46
+
47
+
48
+
40
49
  {%- include footer/index.html -%}
41
50
  <link rel="stylesheet"
42
51
  href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.5.0/font/bootstrap-icons.min.css" />
@@ -1,3 +1,8 @@
1
+ .result_header > .result_header_logo {
2
+ position: fixed;
3
+ z-index: 999;
4
+ top: 0px;
5
+ }
1
6
  .tick {
2
7
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAL7SURBVEhL7ZZdSBRRFMf/s+PWSrsUFGoUfi1ooWISFUQPvfRhH1hUL5agvogvaQ/hamBRbz0W2VNBQb2IgqJsGL2VVBK11UNpPkhGKmWK6wfu7kznzFxGx5lxZ+tN/MGdOefOzP3PnTn3noN11jySOLvnWamfniqGJGVovqpOQMVnHI9ENd8l7oTDe/zwSGfp7nPkHaPm0/qXWKD2kl7gERS1A+Uf5vVuZ1YXbg9KCAT2kWgjeaeoBbR+Z/gFupFQWhGNDuLCsKp3W3EW1kQ3HYRHfkhegd7pmkEoiVrMzPY7iXvE2YrfXyJEg3pHShTQsw9oDMcXthfuLfNDlq+RxQ/KWl/qFNIYN7WxbLAX9uIMhWu58P4D9TSNVSEcE06fmqM3WSAZ+DwbcCXnEk5sO7QyaNKpVeumGWtw9ZYE4E2bIGvlkrGFRZtyqxHKq8HQ3HfsfVOJmBIXVzUWEItn4OSnGeFrWGcspxXR0ZXolrQAmkgwlFeL4blRtAzdRVxJiKsGPhqzUNgGVmFJzRSWCVmSqZlvb8ipRCi3BtPxGYSG7qD3F+8hNqtHUncIy8DpH5tg0VvBeoTL7iHbl6XN9HqwDjfy6zCy8BPnI1edRXUsv9QqrEo/hGXAA+7fXIwjWw+gbXczmunTNmZX4uvcCFq/teHVVGQ1UR5zTFgGroMrJz0LbbtatMhlxhd/azNNKuoQXNbN4enEIqq2HyYrX+/QmY5H8XzyNYr8QSwqMVz+chsvJgeSiTI9KI88FraB/V7dV3aRjvepWdYyz3znxkz0T310I8qzrMfR9090dwn74Iqhk94pLDwTI/Njbj6vQOqhsbqEY8J+xky4lPZaTzdZqWYmhhfzMBSligqEt3qXGeflxPmUUxunuNQhUU6L0QHhW3DOPO1/gAr/KLzePioEuMzhYPNq15zhf9pJhUADorPv/q0QWA6XPrLEWYaTB2ctu9KHY6IDCbWLSp+k9Zc74eVwseehXAuJt0GJir1xirOUi7111jrAXwKK6K/PgrsYAAAAAElFTkSuQmCC)
3
8
  no-repeat;
@@ -36,8 +41,8 @@
36
41
  background: #fff;
37
42
  position: absolute;
38
43
  z-index: 999;
39
- top: 150px;
40
- right: 140px;
44
+ top: 140px;
45
+ right: 150px;
41
46
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
42
47
  padding: 30px 15px;
43
48
  border-radius: 15px;
@@ -63,7 +68,7 @@
63
68
  .sticky_nav {
64
69
  position: sticky;
65
70
  width: inherit;
66
- top: 58px;
71
+ top: 0px;
67
72
  background-color: #fff;
68
73
  z-index: 99;
69
74
  }
@@ -124,6 +129,17 @@ a {
124
129
  }
125
130
 
126
131
  @media (max-width: 768px) {
132
+ .result_header {
133
+ margin: 0px;
134
+ }
135
+ .result_page_navbar {
136
+ background-color: #f8f9fa;
137
+ }
138
+
139
+ .sticky_nav {
140
+ top: 50px;
141
+ }
142
+
127
143
  .Advancedbtn {
128
144
  margin: 0;
129
145
  height: 0;
@@ -36,7 +36,7 @@
36
36
  .card-body > i {
37
37
  font-size: 20px;
38
38
  }
39
- .card-body > .card-title {
39
+ .features_data .card-body > .card-title {
40
40
  transition: all 0.5s ease;
41
41
  font-size: 1.5rem;
42
42
  line-height: 25px;
@@ -45,15 +45,15 @@
45
45
  margin-bottom: 8px;
46
46
  margin-top: 5px;
47
47
  }
48
- .card-body:hover i {
48
+ .features_data .card-body:hover i {
49
49
  transform: scale(1.2);
50
50
  transition: all 0.5s linear;
51
51
  }
52
- .card-body:hover .card-text {
52
+ .features_data .card-body:hover .card-text {
53
53
  transition: all 0.5s linear;
54
54
  color: #6c757d !important;
55
55
  }
56
- .card-body:hover {
56
+ .features_data .card-body:hover {
57
57
  border-radius: 10px;
58
58
  transition: all 0.5s ease;
59
59
  background-color: #f7f7f7;
@@ -61,10 +61,10 @@
61
61
  }
62
62
 
63
63
  @media (max-width: 1125px) {
64
- .card-body .card-text {
64
+ .features_data .card-body .card-text {
65
65
  color: #6c757d !important;
66
66
  }
67
- .card-body {
67
+ .features_data .card-body {
68
68
  border-radius: 10px;
69
69
  background-color: #f7f7f7;
70
70
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
@@ -1,5 +1,5 @@
1
1
  /* styling for footer */
2
- .footer-container {
2
+ /* .footer-container {
3
3
  width: 960px;
4
4
  height: 590px;
5
5
  background: url(../images/footer.png);
@@ -91,5 +91,234 @@ hr {
91
91
  width: 100%;
92
92
  background-position: center;
93
93
  }
94
- }
94
+ } */
95
95
  /* over styling for footer */
96
+ /*
97
+ .footer-wrapper {
98
+ padding: 32px 0;
99
+ display: -webkit-box;
100
+ display: -webkit-flex;
101
+ display: -ms-flexbox;
102
+ display: flex;
103
+ -webkit-flex-direction: row;
104
+ -ms-flex-direction: row;
105
+ flex-direction: row;
106
+ border-bottom: 1px solid #e8e8e8;
107
+ }
108
+ .footer-logo {
109
+ height: 35px;
110
+ }
111
+
112
+ .footer-nav {
113
+ -webkit-flex: 1 1 auto;
114
+ -ms-flex: 1 1 auto;
115
+ flex: 1 1 auto;
116
+ display: -webkit-box;
117
+ display: -webkit-flex;
118
+ display: -ms-flexbox;
119
+ display: flex;
120
+ -webkit-flex-direction: row;
121
+ -ms-flex-direction: row;
122
+ flex-direction: row;
123
+ -webkit-box-pack: end;
124
+ -webkit-justify-content: space-between;
125
+ -ms-flex-pack: end;
126
+ justify-content: space-between;
127
+ }
128
+ @media (max-width: 768px) {
129
+ .footer-nav {
130
+ margin-top: 3rem;
131
+ }
132
+ .footer-wrapper,
133
+ .footer-nav {
134
+ flex-direction: column;
135
+ }
136
+ }
137
+
138
+ .footer-nav-item {
139
+ margin: -12px 0;
140
+ padding: 0;
141
+ display: -webkit-box;
142
+ display: -webkit-flex;
143
+ display: -ms-flexbox;
144
+ display: flex;
145
+ -webkit-flex-direction: column;
146
+ -ms-flex-direction: column;
147
+ flex-direction: column;
148
+ -webkit-box-flex: 1;
149
+ -webkit-flex-grow: 1;
150
+ -ms-flex-positive: 1;
151
+ flex-grow: 1;
152
+ -webkit-flex-shrink: 1;
153
+ -ms-flex-negative: 1;
154
+ flex-shrink: 1;
155
+ -webkit-flex-basis: 0;
156
+ -ms-flex-preferred-size: 0;
157
+ flex-basis: 0;
158
+ }
159
+ .footer-logo-cont {
160
+ flex: 1 1 auto;
161
+ display: flex;
162
+ flex-direction: column;
163
+ align-items: flex-start;
164
+ }
165
+
166
+ .footer-ul {
167
+ display: flex;
168
+ flex-direction: column;
169
+ padding-left: 0;
170
+ }
171
+ .footer-title {
172
+ font-stretch: 400;
173
+ font-weight: 400;
174
+ font-size: 18px;
175
+ line-height: 28px;
176
+ color: #1a1a1a;
177
+ padding-top: 24px;
178
+ }
179
+
180
+ .footer-ul-title {
181
+ font-stretch: 400;
182
+ font-weight: 700;
183
+ font-size: 16px;
184
+ line-height: 24px;
185
+ color: rgba(26, 26, 26, 1);
186
+ padding: 12px 0;
187
+ -webkit-user-select: none;
188
+ -moz-user-select: none;
189
+ -ms-user-select: none;
190
+ user-select: none;
191
+ }
192
+ .footer-link {
193
+ font-stretch: 400;
194
+ font-weight: 400;
195
+ font-size: 16px;
196
+ line-height: 24px;
197
+ color: rgba(26, 26, 26, 1);
198
+ padding: 12px 0;
199
+ -webkit-flex: 0 0 auto;
200
+ -ms-flex: 0 0 auto;
201
+ flex: 0 0 auto;
202
+ width: 100%;
203
+ } */
204
+
205
+ /* .privacy-footer {
206
+ display: -webkit-box;
207
+ display: -webkit-flex;
208
+ display: -ms-flexbox;
209
+ display: flex;
210
+ -webkit-flex-direction: row;
211
+ -ms-flex-direction: row;
212
+ flex-direction: row;
213
+ padding: 24px 0;
214
+ }
215
+
216
+ .footer-msg {
217
+ font-stretch: 400;
218
+ font-weight: 400;
219
+ font-size: 16px;
220
+ line-height: 24px;
221
+ color: #1a1a1a;
222
+ -webkit-flex: 1 1 auto;
223
+ -ms-flex: 1 1 auto;
224
+ flex: 1 1 auto;
225
+ } */
226
+
227
+ /* .privacy-links {
228
+ display: -webkit-box;
229
+ display: -webkit-flex;
230
+ display: -ms-flexbox;
231
+ display: flex;
232
+ -webkit-align-items: flex-start;
233
+ -webkit-box-align: flex-start;
234
+ -ms-flex-align: flex-start;
235
+ align-items: flex-start;
236
+ -webkit-flex-direction: row;
237
+ -ms-flex-direction: row;
238
+ flex-direction: row;
239
+ }
240
+
241
+ .privacy-links-item {
242
+ font-stretch: 400;
243
+ font-weight: 400;
244
+ font-size: 16px;
245
+ line-height: 24px;
246
+ color: #1a1a1a;
247
+ margin: 0 20px;
248
+ }
249
+ .privacy-links-item > a {
250
+ color: #000;
251
+ } */
252
+
253
+ .txt-primary {
254
+ color: #000;
255
+ font-size: 16px;
256
+ text-decoration: none !important;
257
+ }
258
+ .txt-secondary {
259
+ color: gray;
260
+ font-size: 15px;
261
+ text-decoration: none !important;
262
+ margin: 2rem 0px;
263
+ }
264
+ .txt-secondary:hover {
265
+ color: #000;
266
+ }
267
+
268
+ .footer_hr {
269
+ width: 50px;
270
+ margin: 2rem auto;
271
+ border: 2px solid #000;
272
+ }
273
+
274
+ .footer-section {
275
+ padding: 5px 0px;
276
+ background-color: #f8f9fa;
277
+ margin-top: 3rem;
278
+ }
279
+
280
+ .footer-logo-cont {
281
+ display: flex;
282
+ justify-content: center;
283
+ align-items: center;
284
+ gap: 10px;
285
+ font-size: 20px;
286
+ color: #000;
287
+ font-weight: 900;
288
+ }
289
+ .list-inline {
290
+ padding-left: 0;
291
+ list-style: none;
292
+ display: flex;
293
+ align-items: center;
294
+ justify-content: center;
295
+ gap: 40px;
296
+ }
297
+
298
+ .footer-social-list ul li a i {
299
+ width: 35px;
300
+ height: 35px;
301
+ line-height: 35px;
302
+ text-align: center;
303
+ vertical-align: middle;
304
+ font-size: 18px;
305
+ background: #000;
306
+ -webkit-background-clip: text;
307
+ color: transparent;
308
+ transition: all 0.3s ease-in;
309
+ }
310
+ .copyright-text {
311
+ font-size: 18px;
312
+ }
313
+ .footer-address {
314
+ margin-bottom: 20px;
315
+ }
316
+ .footer-address p {
317
+ margin-bottom: 15px;
318
+ }
319
+
320
+ @media (max-width: 768px) {
321
+ .txt-secondary {
322
+ text-align: center;
323
+ }
324
+ }