jumbo-jekyll-theme 5.6.9.3 → 5.6.9.4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (3) hide show
  1. checksums.yaml +4 -4
  2. data/_sass/core/theme.scss +494 -447
  3. metadata +15 -1
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 7adb46c1933f529f4c5991738c33dabe9730c8ccaa5e31adfc509f79803513ce
4
- data.tar.gz: ea0acf68626e30898dbdf514d98bc11dbc4183243d48c1f6cd4c7be957a44cf7
3
+ metadata.gz: 47fac78ec6d843b3a5bca01a8c228a75d104f77ca238ce572f9b56b964b06317
4
+ data.tar.gz: ff207afd75b3029c04a260a8ae34660b7112355e40d9a09828a06e7b6b9df202
5
5
  SHA512:
6
- metadata.gz: 0a9874e403a11df4086b53079f1a0cc4396b55e3a85affd4500db782079fce873f012c74b8204c41f490f8f2d247e84fa0e6c6d9801a278c8ba4e44e1e7c4843
7
- data.tar.gz: 9a21473aee876d513bdb3bd72ff84814c9ebbb2913be78fef6d4dcb1571618957396784440294ec19ac8e78947fb2721a8c65ea67f6a2b1a91807b32e3bbda9b
6
+ metadata.gz: c633eb2dbf511fa0b1cfe3de6fe7de96d96a621f63806fdc4c2e68c8f7b5f0afefc758fe754009e188683cf2b75bf522e5315ab17a8a937619b275b814c2280b
7
+ data.tar.gz: ad685db90eb940fcafef31b68af2ea9be72944fd54d8e9d0a0b37ce9742af2d64f7d96deec594ae39105560b696d14358bb996ac79e92c9a468981d19fee0a22
@@ -1,150 +1,151 @@
1
1
  // Body Style
2
2
  body {
3
- background-color: $navbar-inverse-bg;
4
- letter-spacing: 0.5px;
5
- overflow-x: hidden;
6
- height : 100%;
7
- overflow: auto;
8
- font-family: $font-family-sans-serif;
9
- -webkit-font-smoothing: antialiased;
3
+ background-color: $navbar-inverse-bg;
4
+ letter-spacing: 0.5px;
5
+ overflow-x: hidden;
6
+ height: 100%;
7
+ overflow: auto;
8
+ font-family: $font-family-sans-serif;
9
+ -webkit-font-smoothing: antialiased;
10
10
  }
11
11
  /* ------------ Main Container Style margin accounts for Nav ----------- */
12
- .container-fluid.main{
13
- overflow-x: hidden;
12
+ .container-fluid.main {
13
+ overflow-x: hidden;
14
14
  }
15
- .container-fluid.home{
16
- overflow-x: hidden;
15
+ .container-fluid.home {
16
+ overflow-x: hidden;
17
17
  }
18
- .content-row{
19
- background-color:$body-bg;
18
+ .content-row {
19
+ background-color: $body-bg;
20
20
  }
21
21
  // Iphone Bug Fix
22
22
  html.ios7 body {
23
- height: 100%;
24
- position: fixed;
25
- width: 100%;
23
+ height: 100%;
24
+ position: fixed;
25
+ width: 100%;
26
26
  }
27
27
  .ext-left {
28
- float: left;
28
+ float: left;
29
29
  }
30
30
  .ext-right {
31
- height: auto;
32
- vertical-align: middle;
33
- display: table-cell;
34
- padding-right: 10px;
35
- padding-left: 10px;
31
+ height: auto;
32
+ vertical-align: middle;
33
+ display: table-cell;
34
+ padding-right: 10px;
35
+ padding-left: 10px;
36
36
  }
37
37
  button.owl-dot {
38
- background-color: transparent;
39
- border: 0;
40
- outline: none;
38
+ background-color: transparent;
39
+ border: 0;
40
+ outline: none;
41
41
  }
42
- button.owl-prev, button.owl-next {
43
- outline: none;
44
- border: 0;
42
+ button.owl-prev,
43
+ button.owl-next {
44
+ outline: none;
45
+ border: 0;
45
46
  }
46
47
  .mc-unsubscribe a {
47
- position: relative;
48
- bottom: 0;
49
- font-size: 12px;
50
- top: 30px;
51
- float: right;
52
- margin-right: 15px;
48
+ position: relative;
49
+ bottom: 0;
50
+ font-size: 12px;
51
+ top: 30px;
52
+ float: right;
53
+ margin-right: 15px;
53
54
  }
54
55
  a.btn.btn-primary {
55
- background-color:#3c3b39;
56
- color:white;
57
- border-radius:0px;
58
- border:0;
56
+ background-color: #3c3b39;
57
+ color: white;
58
+ border-radius: 0px;
59
+ border: 0;
59
60
  }
60
61
  a.btn.btn-primary:hover {
61
- background-color:$brand-primary;
62
+ background-color: $brand-primary;
62
63
  }
63
64
  #wrapper {
64
- a.btn {
65
- transition: all 300ms ease;
66
- border-radius: 2px;
67
- &:hover {
68
- transform: translateY(-2px);
69
- color:#fff;
70
- @extend .drop_shadow;
71
- }
65
+ a.btn {
66
+ transition: all 300ms ease;
67
+ border-radius: 2px;
68
+ &:hover {
69
+ transform: translateY(-2px);
70
+ color: #fff;
71
+ @extend .drop_shadow;
72
72
  }
73
+ }
73
74
  }
74
75
 
75
76
  // Edit me on github buttons
76
77
  .github-edit {
77
- background-color: #fff;
78
+ background-color: #fff;
78
79
  }
79
80
  #wrapper a[type="button"] {
80
- -webkit-appearance: none;
81
+ -webkit-appearance: none;
81
82
  }
82
83
  #wrapper div#github_controls a.btn {
83
- -webkit-appearance: none;
84
+ -webkit-appearance: none;
84
85
  }
85
86
  span.edit-me-on-github-text {
86
- font-size: 12px;
87
+ font-size: 12px;
87
88
  }
88
89
  .edit-me-on-github.text-center {
89
- float: right;
90
+ float: right;
90
91
  }
91
92
  i.edit-on-github-icon.icon-github-circled.center-block {
92
- font-size: 40px;
93
+ font-size: 40px;
93
94
  }
94
95
  div#github_controls {
95
- margin: 10px 0;
96
+ margin: 10px 0;
96
97
  }
97
98
  div#github_controls a.btn {
98
- padding:5px;
99
- height: 50px;
100
- background-color: #fff;
101
- color: #333;
102
- padding-left: 15px;
103
- padding-right: 15px;
104
- border: 1px solid #f0f0f0;
99
+ padding: 5px;
100
+ height: 50px;
101
+ background-color: #fff;
102
+ color: #333;
103
+ padding-left: 15px;
104
+ padding-right: 15px;
105
+ border: 1px solid #f0f0f0;
105
106
 
106
- transition: all 500ms ease;
107
+ transition: all 500ms ease;
107
108
  }
108
109
 
109
110
  div#github_controls a.btn:hover {
110
- background-color: #333;
111
- color: #fff;
111
+ background-color: #333;
112
+ color: #fff;
112
113
  }
113
114
  span.top-text {
114
- display: block;
115
- text-transform: uppercase;
115
+ display: block;
116
+ text-transform: uppercase;
116
117
  }
117
118
  span.bottom-text {
118
- display: block;
119
- font-size: 11px;
119
+ display: block;
120
+ font-size: 11px;
120
121
  }
121
122
  .drop_shadow {
122
- -webkit-box-shadow: 0px 0px 35px -4px rgba(0,0,0,0.85);
123
- -moz-box-shadow: 0px 0px 35px -4px rgba(0,0,0,0.85);
124
- box-shadow: 0px 0px 35px -4px rgba(0,0,0,0.85);
123
+ -webkit-box-shadow: 0px 0px 35px -4px rgba(0, 0, 0, 0.85);
124
+ -moz-box-shadow: 0px 0px 35px -4px rgba(0, 0, 0, 0.85);
125
+ box-shadow: 0px 0px 35px -4px rgba(0, 0, 0, 0.85);
125
126
  }
126
127
 
127
128
  i.icon-github-circled.center-block {
128
- font-size: 24px;
129
+ font-size: 24px;
129
130
  }
130
131
  div#github_controls a#github_home:hover {
131
- color: #fff;
132
- background-color:#333;
132
+ color: #fff;
133
+ background-color: #333;
133
134
  }
134
135
  div#github_controls a#github_home {
135
- background-color: #fff;
136
- color: #333;
137
- transition: all 250ms ease;
136
+ background-color: #fff;
137
+ color: #333;
138
+ transition: all 250ms ease;
138
139
  }
139
- #wrapper blockquote{
140
+ #wrapper blockquote {
140
141
  background: #f9f9f9;
141
- margin: .5em 10px;
142
+ margin: 0.5em 10px;
142
143
  padding: 0 10px;
143
144
  quotes: "\201C""\201D""\2018""\2019";
144
145
  padding: 20px 20px;
145
146
  line-height: 1.4;
146
147
  margin-left: 0px;
147
- border:1px solid #e1e1e1;
148
+ border: 1px solid #e1e1e1;
148
149
  border-left: 10px solid $brand-primary;
149
150
  &:before {
150
151
  content: open-quote;
@@ -158,32 +159,32 @@ div#github_controls a#github_home {
158
159
  }
159
160
  }
160
161
  .members-img {
161
- width: auto;
162
- height: 100px;
163
- object-fit: contain;
162
+ width: auto;
163
+ height: 100px;
164
+ object-fit: contain;
164
165
  }
165
166
  //Form Styles
166
167
  label.error.valid {
167
- color: #3c763d;
168
+ color: #3c763d;
168
169
  }
169
170
  label.error {
170
- padding: 5px;
171
- color: #a94442;
171
+ padding: 5px;
172
+ color: #a94442;
172
173
  }
173
174
  label.control-label {
174
- margin: 0;
175
+ margin: 0;
175
176
  }
176
177
 
177
178
  //Search Page
178
179
  #searchIframe {
179
- border:none;
180
- top: -60px;
181
- height: 1000px;
180
+ border: none;
181
+ top: -60px;
182
+ height: 1000px;
182
183
  }
183
184
  #searchEmbed {
184
- margin-bottom: 20px;
185
- display:block;
186
- overflow: auto;
185
+ margin-bottom: 20px;
186
+ display: block;
187
+ overflow: auto;
187
188
  }
188
189
  /* --------------- Text Selection -------------------*/
189
190
  ::selection {
@@ -195,299 +196,310 @@ label.control-label {
195
196
  color: #fff;
196
197
  }
197
198
 
198
-
199
199
  //Headings
200
- #wrapper h1, #wrapper h2, #wrapper h3, #wrapper h4, #wrapper h5,#wrapper h6 {
201
- font-family: $font-family-sans-serif;
202
- line-height: 1.1;
203
- color: rgba(0,0,0,.84);
204
- font-weight: bold;
200
+ #wrapper h1,
201
+ #wrapper h2,
202
+ #wrapper h3,
203
+ #wrapper h4,
204
+ #wrapper h5,
205
+ #wrapper h6 {
206
+ font-family: $font-family-sans-serif;
207
+ line-height: 1.1;
208
+ color: rgba(0, 0, 0, 0.84);
209
+ font-weight: bold;
205
210
  }
206
211
 
207
212
  //Horizontal Rule Styling
208
213
  hr {
209
- border-top: 1px solid #eee;
214
+ border-top: 1px solid #eee;
210
215
  }
211
216
 
212
217
  // Anchors
213
218
  a.anchor {
214
- display: block;
215
- position: relative;
216
- top: -250px;
217
- visibility: hidden;
219
+ display: block;
220
+ position: relative;
221
+ top: -250px;
222
+ visibility: hidden;
218
223
  }
219
224
 
220
225
  //Move the contact-thanks div up
221
226
  div#contact-thanks {
222
- margin-top: -20px;
227
+ margin-top: -20px;
223
228
  }
224
229
 
225
230
  /*-------------Paragraphs --------------------*/
226
231
  #wrapper p {
227
- font-family: $font-family-sans-serif;
228
- font-size: 20px;
229
- color: $text-color;
230
- line-height: 1.66em;
231
- word-wrap: break-word;
232
- @media(max-width: $screen-sm-min){
233
- font-size: 18px;
234
- }
232
+ font-family: $font-family-sans-serif;
233
+ font-size: 20px;
234
+ color: $text-color;
235
+ line-height: 1.66em;
236
+ word-wrap: break-word;
237
+ @media (max-width: $screen-sm-min) {
238
+ font-size: 18px;
239
+ }
235
240
  }
236
241
  #wrapper #content-container ol {
237
- margin-bottom: 30px;
242
+ margin-bottom: 30px;
238
243
  }
239
244
  #wrapper ol {
240
- font-size: 18px;
241
- color: rgba(0,0,0,0.84);
245
+ font-size: 18px;
246
+ color: rgba(0, 0, 0, 0.84);
242
247
  }
243
- #wrapper ul, #wrapper ol {
244
- font-size: 20px;
245
- font-family: $font-family-sans-serif;
246
- @media(max-width: $screen-sm-min){
247
- font-size: 18px;
248
- }
248
+ #wrapper ul,
249
+ #wrapper ol {
250
+ font-size: 20px;
251
+ font-family: $font-family-sans-serif;
252
+ @media (max-width: $screen-sm-min) {
253
+ font-size: 18px;
254
+ }
249
255
  }
250
256
  .container-fluid p.justify {
251
- font-size: 16px;
252
- text-align: justify;
253
- line-height: 1.66em;
257
+ font-size: 16px;
258
+ text-align: justify;
259
+ line-height: 1.66em;
254
260
  }
255
261
 
256
262
  .container-fluid h2 {
257
- font-size: 30px;
258
- color: #3D383E;
259
- font-weight: 200;
260
- text-transform: none;
263
+ font-size: 30px;
264
+ color: #3d383e;
265
+ font-weight: 200;
266
+ text-transform: none;
261
267
  }
262
268
  /* Padded Para */
263
- .padded-para{
264
- padding:20px;
269
+ .padded-para {
270
+ padding: 20px;
265
271
  }
266
272
  /* Spaced Paragraph */
267
- #spaced-para{
268
- font-size: 18px;
269
- line-height: 40px;
273
+ #spaced-para {
274
+ font-size: 18px;
275
+ line-height: 40px;
270
276
  }
271
277
  /* Justified Paragraph */
272
- p .justified{
273
- text-align: justify;
274
- text-justify: inter-word;
278
+ p .justified {
279
+ text-align: justify;
280
+ text-justify: inter-word;
275
281
  }
276
282
  /* Shape Divider - Home Page */
277
283
  .row.shape-divider {
278
- background-color: $brand-primary;
284
+ background-color: $brand-primary;
279
285
  }
280
286
  // Not for breadcrumb / nav / footer
281
- .container-fluid ul { font-size:18px; }
282
- .container-fluid ol { font-size: 18px;}
287
+ .container-fluid ul {
288
+ font-size: 18px;
289
+ }
290
+ .container-fluid ol {
291
+ font-size: 18px;
292
+ }
283
293
  // Padded row css
284
294
  .padded-row {
285
- padding: 100px 0;
295
+ padding: 100px 0;
286
296
  }
287
297
  //Homepage Sub Tag
288
298
  p.sub-tag {
289
- width: 65%;
290
- margin-bottom: 20px;
291
- margin-top: 10px;
292
- font-size: 19px;
293
- color: #FFF;
299
+ width: 65%;
300
+ margin-bottom: 20px;
301
+ margin-top: 10px;
302
+ font-size: 19px;
303
+ color: #fff;
294
304
  }
295
305
 
296
306
  // Buttons
297
- #buttons > a
298
- {
299
- background: transparent;
300
- color: $navbar-text-color;
301
- border-color: $navbar-text-color;
302
- -webkit-border-radius: 2px;
303
- -moz-border-radius: 2px;
304
- border-radius: 2px;
305
- padding: 10px 16px;
306
- font-size: 15px;
307
- line-height: 1.3333333;
308
- transition: all 500ms ease;
309
- }
310
- #buttons > a:hover
311
- {
312
- background: $navbar-text-color;
313
- color: $navbar-inverse-bg;
314
- border-color: $navbar-text-color;
307
+ #buttons > a {
308
+ background: transparent;
309
+ color: $navbar-text-color;
310
+ border-color: $navbar-text-color;
311
+ -webkit-border-radius: 2px;
312
+ -moz-border-radius: 2px;
313
+ border-radius: 2px;
314
+ padding: 10px 16px;
315
+ font-size: 15px;
316
+ line-height: 1.3333333;
317
+ transition: all 500ms ease;
318
+ }
319
+ #buttons > a:hover {
320
+ background: $navbar-text-color;
321
+ color: $navbar-inverse-bg;
322
+ border-color: $navbar-text-color;
315
323
  }
316
324
 
317
325
  //Bottom Border Five Pixels.
318
- .bottom-border-five{ margin-bottom: 5px; }
326
+ .bottom-border-five {
327
+ margin-bottom: 5px;
328
+ }
319
329
 
320
330
  //Alternate row for theme
321
331
  .alternate-row {
322
- background-color: #E5E5E5;
323
- padding: 40px 0;
332
+ background-color: #e5e5e5;
333
+ padding: 40px 0;
324
334
  }
325
335
 
326
- .small-img{
327
- height:100px;
328
- width:auto;
336
+ .small-img {
337
+ height: 100px;
338
+ width: auto;
329
339
  }
330
340
 
331
341
  @media (min-width: $screen-md) {
332
- .partners-panel {
333
- margin-top:80px;
334
- }
335
- .margin-image {
336
- padding:40px;
337
- }
338
-
342
+ .partners-panel {
343
+ margin-top: 80px;
344
+ }
345
+ .margin-image {
346
+ padding: 40px;
347
+ }
339
348
  }
340
349
 
341
- .margin-top { margin-top: 40px;}
350
+ .margin-top {
351
+ margin-top: 40px;
352
+ }
342
353
 
343
354
  .panel-body.members-panel-body {
344
- margin-top: 0;
345
- border: 0;
355
+ margin-top: 0;
356
+ border: 0;
346
357
  }
347
358
  .new-panel .panel-primary > .panel-heading {
348
- color: #000000;
349
- background-color: transparent;
350
- border:0;
359
+ color: #000000;
360
+ background-color: transparent;
361
+ border: 0;
351
362
  }
352
363
 
353
364
  // Iframe for Search page.
354
365
  #searchIframe {
355
- border:none;
366
+ border: none;
356
367
  }
357
368
 
358
369
  //Vertical Center
359
370
  .vcenter {
360
- display: inline-block;
361
- vertical-align: middle;
362
- float: none;
371
+ display: inline-block;
372
+ vertical-align: middle;
373
+ float: none;
363
374
  }
364
375
 
365
376
  //Contact Hero Banner
366
- .contact-hero{
367
- height:200px;
368
- line-height: 200px;
369
- text-align: center;
370
- font-size:18px;
371
- color: #fff;
372
- background: url() repeat;
377
+ .contact-hero {
378
+ height: 200px;
379
+ line-height: 200px;
380
+ text-align: center;
381
+ font-size: 18px;
382
+ color: #fff;
383
+ background: url() repeat;
373
384
  }
374
385
 
375
386
  //----------BOOTSTRAP STYLES ----------------
376
387
 
377
388
  .panel-primary {
378
- border:0;
389
+ border: 0;
379
390
  }
380
391
 
381
392
  // Bootstrap Glyphicon Override.
382
393
  .glyphicon {
383
- width: 14px;
384
- height: 14px;
394
+ width: 14px;
395
+ height: 14px;
385
396
  }
386
397
  //Remove button focus
387
- .btn:focus,.btn:active:focus,.btn.active:focus,
388
- .btn.focus,.btn:active.focus,.btn.active.focus {
389
- outline: none;
398
+ .btn:focus,
399
+ .btn:active:focus,
400
+ .btn.active:focus,
401
+ .btn.focus,
402
+ .btn:active.focus,
403
+ .btn.active.focus {
404
+ outline: none;
390
405
  }
391
406
 
392
- .container .jumbotron, .container-fluid .jumbotron {
393
- border-radius: 0px;
407
+ .container .jumbotron,
408
+ .container-fluid .jumbotron {
409
+ border-radius: 0px;
394
410
  }
395
411
 
396
- @media(max-width:$screen-sm-min){
397
- .partners-panel {
398
- height: auto;
399
- }
412
+ @media (max-width: $screen-sm-min) {
413
+ .partners-panel {
414
+ height: auto;
415
+ }
400
416
  }
401
417
 
402
-
403
418
  // Cookie Consent Setup
404
419
 
405
420
  a.cc-link {
406
- color: $cookie-consent-text !important;
421
+ color: $cookie-consent-text !important;
407
422
  }
408
423
 
409
424
  //Mailchimp
410
425
  button#mc-embedded-subscribe {
411
- background-color: $navbar-inverse-bg;
412
- color: $navbar-text-color;
413
- transition: all 1s ease;
426
+ background-color: $navbar-inverse-bg;
427
+ color: $navbar-text-color;
428
+ transition: all 1s ease;
414
429
  }
415
430
  button#mc-embedded-subscribe:hover {
416
- background-color: lighten($footer-bg-color, 20%);
417
- color: $navbar-text-color;
418
- transition: all 1s ease;
431
+ background-color: lighten($footer-bg-color, 20%);
432
+ color: $navbar-text-color;
433
+ transition: all 1s ease;
419
434
  }
420
435
 
421
- .coloured-bp{
422
- color: $brand-primary;
423
- font-size:12px;
436
+ .coloured-bp {
437
+ color: $brand-primary;
438
+ font-size: 12px;
424
439
  }
425
440
 
426
-
427
441
  // Padding Classes
428
442
 
429
443
  .no-padding-left {
430
- padding-left: 0;
444
+ padding-left: 0;
431
445
  }
432
446
 
433
447
  .no-padding {
434
- padding: 0;
448
+ padding: 0;
435
449
  }
436
450
 
437
451
  .text-bold {
438
- font-weight: 700;
452
+ font-weight: 700;
439
453
  }
440
454
 
441
455
  .meta {
442
- font-size: 12px;
443
- color: rgba(0, 0, 0, .4);
456
+ font-size: 12px;
457
+ color: rgba(0, 0, 0, 0.4);
444
458
  }
445
459
 
446
460
  .meta a {
447
- text-decoration: none;
448
- color: rgba(0, 0, 0, .4);
461
+ text-decoration: none;
462
+ color: rgba(0, 0, 0, 0.4);
449
463
  }
450
464
 
451
465
  .meta a:hover {
452
- color: rgba(0, 0, 0, .87);
466
+ color: rgba(0, 0, 0, 0.87);
453
467
  }
454
468
 
455
-
456
469
  //Cognito Forms
457
470
  //Submit Button
458
471
  button#c-submit-button {
459
- background-color: $brand-primary;
460
- border: 1px solid black;
472
+ background-color: $brand-primary;
473
+ border: 1px solid black;
461
474
  }
462
475
 
463
476
  .c-forms-form-title {
464
- display: none;
477
+ display: none;
465
478
  }
466
479
 
467
-
468
480
  //Style for search
469
481
  #searchEmbed {
470
- margin-bottom: 20px;
471
- display:block;
472
- overflow: auto;
482
+ margin-bottom: 20px;
483
+ display: block;
484
+ overflow: auto;
473
485
  }
474
486
 
475
-
476
- @media (max-width: $screen-md-min){
477
- h1#home-page-title {
478
- font-size: 25px;
479
- }
480
- //Remove the padding from columns on mobile views
481
- .container-fluid .col-md-3, .container-fluid .col-md-9 {
482
- padding-left:0;
483
- padding-right:0;
484
- }
487
+ @media (max-width: $screen-md-min) {
488
+ h1#home-page-title {
489
+ font-size: 25px;
490
+ }
491
+ //Remove the padding from columns on mobile views
492
+ .container-fluid .col-md-3,
493
+ .container-fluid .col-md-9 {
494
+ padding-left: 0;
495
+ padding-right: 0;
496
+ }
485
497
  }
486
498
 
487
499
  //Remove italics from icons - Google Chrome.
488
500
 
489
501
  i {
490
- font-style: normal;
502
+ font-style: normal;
491
503
  }
492
504
 
493
505
  /* ----------------- Missing Bootstrap 3 5ths Columns -----------------*/
@@ -496,273 +508,287 @@ i {
496
508
  .col-sm-5ths,
497
509
  .col-md-5ths,
498
510
  .col-lg-5ths {
499
- position: relative;
500
- min-height: 1px;
501
- padding-right: 15px;
502
- padding-left: 15px;
511
+ position: relative;
512
+ min-height: 1px;
513
+ padding-right: 15px;
514
+ padding-left: 15px;
503
515
  }
504
516
 
505
517
  .col-xs-5ths {
506
- width: 20%;
507
- float: left;
518
+ width: 20%;
519
+ float: left;
508
520
  }
509
521
 
510
522
  @media (min-width: $screen-xs-min) {
511
- .col-sm-5ths {
512
- width: 20%;
513
- float: left;
514
- }
523
+ .col-sm-5ths {
524
+ width: 20%;
525
+ float: left;
526
+ }
515
527
  }
516
528
 
517
529
  @media (min-width: $screen-sm-min) {
518
- .col-md-5ths {
519
- width: 20%;
520
- float: left;
521
- }
530
+ .col-md-5ths {
531
+ width: 20%;
532
+ float: left;
533
+ }
522
534
  }
523
535
 
524
536
  @media (min-width: $screen-md-min) {
525
- .col-lg-5ths {
526
- width: 20%;
527
- float: left;
528
- }
537
+ .col-lg-5ths {
538
+ width: 20%;
539
+ float: left;
540
+ }
529
541
  }
530
542
 
531
543
  /*--------------------- Mailchimp Newsletter --------------------*/
532
544
  input#mce-EMAIL {
533
- border: 0!important;
534
- border-radius: 0 !important;
535
- margin-bottom: 10px;
536
- outline: none;
537
- border: none !important;
538
- -webkit-box-shadow: none !important;
539
- -moz-box-shadow: none !important;
540
- box-shadow: none !important;
541
-
545
+ border: 0 !important;
546
+ border-radius: 0 !important;
547
+ margin-bottom: 10px;
548
+ outline: none;
549
+ border: none !important;
550
+ -webkit-box-shadow: none !important;
551
+ -moz-box-shadow: none !important;
552
+ box-shadow: none !important;
542
553
  }
543
554
 
544
555
  input#mce-FNAME {
545
- border: 0!important;
546
- border-radius: 0 !important;
547
- margin-bottom: 10px;
548
- outline: none;
549
- border: none !important;
550
- -webkit-box-shadow: none !important;
551
- -moz-box-shadow: none !important;
552
- box-shadow: none !important;
556
+ border: 0 !important;
557
+ border-radius: 0 !important;
558
+ margin-bottom: 10px;
559
+ outline: none;
560
+ border: none !important;
561
+ -webkit-box-shadow: none !important;
562
+ -moz-box-shadow: none !important;
563
+ box-shadow: none !important;
553
564
  }
554
565
 
555
566
  input#mce-LNAME {
556
- border: 0!important;
557
- border-radius: 0 !important;
558
- margin-bottom: 10px;
559
- outline: none;
560
- outline: none;
561
- border: none !important;
562
- -webkit-box-shadow: none !important;
563
- -moz-box-shadow: none !important;
564
- box-shadow: none !important;
567
+ border: 0 !important;
568
+ border-radius: 0 !important;
569
+ margin-bottom: 10px;
570
+ outline: none;
571
+ outline: none;
572
+ border: none !important;
573
+ -webkit-box-shadow: none !important;
574
+ -moz-box-shadow: none !important;
575
+ box-shadow: none !important;
565
576
  }
566
577
 
567
578
  button#mc-embedded-subscribe {
568
- border:0;
569
- border-radius:0;
570
- background-color: $brand-primary;
571
- color: white;
572
- transition: all 200ms ease;
579
+ border: 0;
580
+ border-radius: 0;
581
+ background-color: $brand-primary;
582
+ color: white;
583
+ transition: all 200ms ease;
573
584
  }
574
585
 
575
- button#mc-embedded-subscribe:hover{
576
- background-color: #252525;
577
- color: white;
578
- transition: all 200ms ease;
586
+ button#mc-embedded-subscribe:hover {
587
+ background-color: #252525;
588
+ color: white;
589
+ transition: all 200ms ease;
579
590
  }
580
591
 
581
592
  /* Repsonsive Media Embed */
582
593
  .embed-responsive-16by9 {
583
- padding-bottom: 56.25%;
584
- margin-bottom: 25px;
594
+ padding-bottom: 56.25%;
595
+ margin-bottom: 25px;
585
596
  }
586
597
 
587
598
  /* Right Aligned Image*/
588
599
  img.img-responsive.right-aligned-image {
589
- float: right;
590
- width: 30%;
591
- margin: 30px;
600
+ float: right;
601
+ width: 30%;
602
+ margin: 30px;
592
603
  }
593
604
 
594
- @media(max-width:$screen-xs-min){
595
-
596
- /* Mobile Screens - Right Aligned Images */
597
- img.img-responsive.right-aligned-image.lazyloaded {
598
- float: none;
599
- width: 100%;
600
- margin-left: auto;
601
- margin-right: auto;
602
- margin-top: -9px;
603
- margin-bottom: -15px;
604
- }
605
-
605
+ @media (max-width: $screen-xs-min) {
606
+ /* Mobile Screens - Right Aligned Images */
607
+ img.img-responsive.right-aligned-image.lazyloaded {
608
+ float: none;
609
+ width: 100%;
610
+ margin-left: auto;
611
+ margin-right: auto;
612
+ margin-top: -9px;
613
+ margin-bottom: -15px;
614
+ }
606
615
  }
607
616
 
608
617
  /* Wordpress Styles */
609
- .container-fluid blockquote, .container-fluid code, .container-fluid dl, .container-fluid fieldset,
610
- .container-fluid p, .container-fluid pre, .container-fluid table{
611
- margin-bottom: 25px;
618
+ .container-fluid blockquote,
619
+ .container-fluid code,
620
+ .container-fluid dl,
621
+ .container-fluid fieldset,
622
+ .container-fluid p,
623
+ .container-fluid pre,
624
+ .container-fluid table {
625
+ margin-bottom: 25px;
612
626
  }
613
627
 
614
628
  #tabbed-nav-bar {
615
- margin-bottom: 25px;
629
+ margin-bottom: 25px;
616
630
  }
617
631
 
618
632
  div#tabbed-nav-bar-collapse {
619
- background-color: white;
633
+ background-color: white;
620
634
  }
621
635
  ul#tab-row {
622
- margin-bottom: 20px;
636
+ margin-bottom: 20px;
623
637
  }
624
638
 
625
639
  .container-fluid a:hover {
626
- text-decoration: none;
627
- color: darken($brand-primary, 20%);
640
+ text-decoration: none;
641
+ color: darken($brand-primary, 20%);
628
642
  }
629
643
 
630
644
  .container-fluid ul {
631
- color: $text-color;
632
- font-size: 18px;
645
+ color: $text-color;
646
+ font-size: 18px;
633
647
  }
634
648
 
635
649
  /* Blockquote Styles*/
636
- blockquote{
637
- background-color: #f6f6f6;
650
+ blockquote {
651
+ background-color: #f6f6f6;
638
652
  }
639
653
 
640
654
  blockquote:before {
641
- position: relative;
642
- background-image:url('data:image/svg+xml; utf8, <svg class="mk-svg-icon" xmlns="http://www.w3.org/2000/svg" fill="#ddd" viewBox="0 0 1664 1792"><path d="M768 960v384q0 80-56 136t-136 56h-384q-80 0-136-56t-56-136v-704q0-104 40.5-198.5t109.5-163.5 163.5-109.5 198.5-40.5h64q26 0 45 19t19 45v128q0 26-19 45t-45 19h-64q-106 0-181 75t-75 181v32q0 40 28 68t68 28h224q80 0 136 56t56 136zm896 0v384q0 80-56 136t-136 56h-384q-80 0-136-56t-56-136v-704q0-104 40.5-198.5t109.5-163.5 163.5-109.5 198.5-40.5h64q26 0 45 19t19 45v128q0 26-19 45t-45 19h-64q-106 0-181 75t-75 181v32q0 40 28 68t68 28h224q80 0 136 56t56 136z"></path></svg>');
643
- content: "";
644
- display: block;
645
- left: 0px;
646
- top: 0px;
647
- width: 32px;
648
- height: 35px;
649
- }
650
- #content-container{
651
- padding-top:20px;
655
+ position: relative;
656
+ background-image: url('data:image/svg+xml; utf8, <svg class="mk-svg-icon" xmlns="http://www.w3.org/2000/svg" fill="#ddd" viewBox="0 0 1664 1792"><path d="M768 960v384q0 80-56 136t-136 56h-384q-80 0-136-56t-56-136v-704q0-104 40.5-198.5t109.5-163.5 163.5-109.5 198.5-40.5h64q26 0 45 19t19 45v128q0 26-19 45t-45 19h-64q-106 0-181 75t-75 181v32q0 40 28 68t68 28h224q80 0 136 56t56 136zm896 0v384q0 80-56 136t-136 56h-384q-80 0-136-56t-56-136v-704q0-104 40.5-198.5t109.5-163.5 163.5-109.5 198.5-40.5h64q26 0 45 19t19 45v128q0 26-19 45t-45 19h-64q-106 0-181 75t-75 181v32q0 40 28 68t68 28h224q80 0 136 56t56 136z"></path></svg>');
657
+ content: "";
658
+ display: block;
659
+ left: 0px;
660
+ top: 0px;
661
+ width: 32px;
662
+ height: 35px;
663
+ }
664
+ #content-container {
665
+ padding-top: 20px;
652
666
  }
653
667
  .row.content {
654
- position: relative;
655
- background-color: white;
668
+ position: relative;
669
+ background-color: white;
656
670
  }
657
671
  /* VCenter Img*/
658
672
  .vcenter-img {
659
- display: inline-block;
660
- vertical-align: middle;
661
- height: 110px;
673
+ display: inline-block;
674
+ vertical-align: middle;
675
+ height: 110px;
662
676
  }
663
677
 
664
678
  #wrapper {
665
- overflow-x: hidden;
679
+ overflow-x: hidden;
666
680
  }
667
681
 
668
682
  .container-fluid h1 {
669
- font-size: 36px;
670
- margin-top: 0;
683
+ font-size: 36px;
684
+ margin-top: 0;
671
685
  }
672
686
 
673
- .container-fluid h1, .container-fluid h2, .container-fluid h3, .container-fluid h4, .container-fluid h5 {
674
- color: #393836;
687
+ .container-fluid h1,
688
+ .container-fluid h2,
689
+ .container-fluid h3,
690
+ .container-fluid h4,
691
+ .container-fluid h5 {
692
+ color: #393836;
675
693
  }
676
694
 
677
695
  /* Bootstrap Panels*/
678
696
  .container-fluid .panel-body {
679
- padding: 0;
680
- border-radius: 0;
697
+ padding: 0;
698
+ border-radius: 0;
681
699
  }
682
700
 
683
701
  .container-fluid .panel.panel-primary {
684
- padding: 0;
685
- border-radius: 0px;
702
+ padding: 0;
703
+ border-radius: 0px;
686
704
  }
687
705
 
688
706
  .container-fluid .panel-heading {
689
- border-radius: 0px;
690
- border: 1px solid $brand-primary;
707
+ border-radius: 0px;
708
+ border: 1px solid $brand-primary;
691
709
  }
692
710
 
693
711
  .container-fluid h3.panel-title {
694
- color: $navbar-text-color;
712
+ color: $navbar-text-color;
695
713
  }
696
714
 
697
715
  ul {
698
- font-size: 18px;
716
+ font-size: 18px;
699
717
  }
700
718
  // FlexBox
701
719
  .flex-center {
702
- display: flex;
703
- align-items: center;
704
- justify-content: center;
705
- flex-direction: column;
706
- flex: 1 1 auto;
707
- align-self: center;
720
+ display: flex;
721
+ align-items: center;
722
+ justify-content: center;
723
+ flex-direction: column;
724
+ flex: 1 1 auto;
725
+ align-self: center;
708
726
  }
709
727
  .flex-container {
710
- display: flex;
711
- flex-direction: column;
712
- align-items: center;
728
+ display: flex;
729
+ flex-direction: column;
730
+ align-items: center;
713
731
  }
714
732
  .container.flex-container {
715
- height: 100%;
733
+ height: 100%;
716
734
  }
717
735
  .bg-row {
718
- background-position: center center;
719
- background-size: cover;
720
- background-attachment: scroll;
736
+ background-position: center center;
737
+ background-size: cover;
738
+ background-attachment: scroll;
721
739
  }
722
- .bg-row.fixed{
723
- background-attachment: fixed;
740
+ .bg-row.fixed {
741
+ background-attachment: fixed;
724
742
  }
725
743
  // Email Button
726
744
  .container-fluid .email {
727
- height: 50px;
728
- background-color: $brand-primary;
729
- width: 200px;
730
- line-height: 30px;
731
- text-align: center;
732
- color: white;
733
- font-weight: bold;
734
- border: 1px solid #9e9e9e;
735
- margin-left: auto;
736
- margin-right: auto;
737
- border-radius: 0;
738
- transition: all 200ms ease;
745
+ height: 50px;
746
+ background-color: $brand-primary;
747
+ width: 200px;
748
+ line-height: 30px;
749
+ text-align: center;
750
+ color: white;
751
+ font-weight: bold;
752
+ border: 1px solid #9e9e9e;
753
+ margin-left: auto;
754
+ margin-right: auto;
755
+ border-radius: 0;
756
+ transition: all 200ms ease;
739
757
  }
740
758
  .container-fluid .email:hover {
741
- background-color: #3a3a3a;
742
- border: 1px solid #000000;
743
- color:white;
759
+ background-color: #3a3a3a;
760
+ border: 1px solid #000000;
761
+ color: white;
744
762
  }
745
763
  .padded-row-30 {
746
- padding: 30px 0;
764
+ padding: 30px 0;
747
765
  }
748
766
  .content-row {
749
- background-color: white;
750
- position: relative;
767
+ background-color: white;
768
+ position: relative;
751
769
  }
752
770
  #wrapper p.home-text {
753
- font-size: 22px;
754
- text-align: center;
771
+ font-size: 22px;
772
+ text-align: center;
755
773
  }
756
774
  #wrapper .text-white {
757
- color:white;
775
+ color: white;
758
776
  }
759
777
  #wrapper a.btn.btn-block-center {
760
- display:block;
761
- width:100px;
762
- margin: 10px auto;
763
- position: relative;
764
- }
765
- $spaceamounts: (10, 20, 30, 40, 50, 75, 100); // Adjust this to include the pixel amounts you need.
778
+ display: block;
779
+ width: 100px;
780
+ margin: 10px auto;
781
+ position: relative;
782
+ }
783
+ $spaceamounts: (
784
+ 10,
785
+ 20,
786
+ 30,
787
+ 40,
788
+ 50,
789
+ 75,
790
+ 100
791
+ ); // Adjust this to include the pixel amounts you need.
766
792
  $sides: (top, bottom, left, right); // Leave this variable alone
767
793
 
768
794
  @each $space in $spaceamounts {
@@ -776,47 +802,79 @@ $sides: (top, bottom, left, right); // Leave this variable alone
776
802
  }
777
803
  }
778
804
  }
779
- @media(max-width: $screen-sm-min - 1){
780
- .text-center-mob {
781
- text-align:center !important;
782
- }
805
+ @media (max-width: $screen-sm-min - 1) {
806
+ .text-center-mob {
807
+ text-align: center !important;
808
+ }
783
809
  }
784
810
 
785
811
  // Responsive Padding/Margin classes
786
812
  $margin-none: 0;
787
- $margin-sm: 5;
813
+ $margin-sm: 5;
788
814
  $margin-base: 15;
789
- $margin-lg: 30;
790
- $margin-xl: 50;
791
- $margin-xxl: 100;
815
+ $margin-lg: 30;
816
+ $margin-xl: 50;
817
+ $margin-xxl: 100;
792
818
 
793
- $padding-xxl: 100;
794
- $padding-xl: 50;
795
- $padding-lg: 30;
819
+ $padding-xxl: 100;
820
+ $padding-xl: 50;
821
+ $padding-lg: 30;
796
822
  $padding-base: 15;
797
- $padding-sm: 5;
823
+ $padding-sm: 5;
798
824
  $padding-none: 0;
799
825
 
800
- @mixin make-paddings($class, $padding){
801
- .p-#{$class}-#{$padding} { padding: $padding * 1px !important; }
802
- .pl-#{$class}-#{$padding} { padding-left: $padding * 1px !important; }
803
- .pr-#{$class}-#{$padding} { padding-right: $padding * 1px !important; }
804
- .pt-#{$class}-#{$padding} { padding-top: $padding * 1px !important; }
805
- .pb-#{$class}-#{$padding} { padding-bottom: $padding * 1px !important; }
806
- .pv-#{$class}-#{$padding} { @extend .pt-#{$class}-#{$padding}; @extend .pb-#{$class}-#{$padding}; }
807
- .ph-#{$class}-#{$padding} { @extend .pl-#{$class}-#{$padding}; @extend .pr-#{$class}-#{$padding}; }
808
- }
809
- @mixin make-margins($class, $margin){
810
- .m-#{$class}-#{$margin} { margin: $margin * 1px !important; }
811
- .ml-#{$class}-#{$margin} { margin-left: $margin * 1px !important; }
812
- .mr-#{$class}-#{$margin} { margin-right: $margin * 1px !important; }
813
- .mt-#{$class}-#{$margin} { margin-top: $margin * 1px !important; }
814
- .mb-#{$class}-#{$margin} { margin-bottom: $margin * 1px !important; }
815
- .mv-#{$class}-#{$margin} { @extend .mt-#{$class}-#{$margin}; @extend .mb-#{$class}-#{$margin}; }
816
- .mh-#{$class}-#{$margin} { @extend .ml-#{$class}-#{$margin}; @extend .mr-#{$class}-#{$margin}; }
817
- }
818
-
819
- @mixin make-all-paddings($class){
826
+ @mixin make-paddings($class, $padding) {
827
+ .p-#{$class}-#{$padding} {
828
+ padding: $padding * 1px !important;
829
+ }
830
+ .pl-#{$class}-#{$padding} {
831
+ padding-left: $padding * 1px !important;
832
+ }
833
+ .pr-#{$class}-#{$padding} {
834
+ padding-right: $padding * 1px !important;
835
+ }
836
+ .pt-#{$class}-#{$padding} {
837
+ padding-top: $padding * 1px !important;
838
+ }
839
+ .pb-#{$class}-#{$padding} {
840
+ padding-bottom: $padding * 1px !important;
841
+ }
842
+ .pv-#{$class}-#{$padding} {
843
+ @extend .pt-#{$class}-#{$padding};
844
+ @extend .pb-#{$class}-#{$padding};
845
+ }
846
+ .ph-#{$class}-#{$padding} {
847
+ @extend .pl-#{$class}-#{$padding};
848
+ @extend .pr-#{$class}-#{$padding};
849
+ }
850
+ }
851
+ @mixin make-margins($class, $margin) {
852
+ .m-#{$class}-#{$margin} {
853
+ margin: $margin * 1px !important;
854
+ }
855
+ .ml-#{$class}-#{$margin} {
856
+ margin-left: $margin * 1px !important;
857
+ }
858
+ .mr-#{$class}-#{$margin} {
859
+ margin-right: $margin * 1px !important;
860
+ }
861
+ .mt-#{$class}-#{$margin} {
862
+ margin-top: $margin * 1px !important;
863
+ }
864
+ .mb-#{$class}-#{$margin} {
865
+ margin-bottom: $margin * 1px !important;
866
+ }
867
+ .mv-#{$class}-#{$margin} {
868
+ @extend .mt-#{$class}-#{$margin};
869
+ @extend .mb-#{$class}-#{$margin};
870
+ }
871
+ .mh-#{$class}-#{$margin} {
872
+ @extend .ml-#{$class}-#{$margin};
873
+ @extend .mr-#{$class}-#{$margin};
874
+ }
875
+ }
876
+
877
+ @mixin make-all-paddings($class) {
820
878
  @include make-paddings($class, $padding-none);
821
879
  @include make-paddings($class, $padding-sm);
822
880
  @include make-paddings($class, $padding-base);
@@ -824,7 +882,7 @@ $padding-none: 0;
824
882
  @include make-paddings($class, $padding-xl);
825
883
  @include make-paddings($class, $padding-xxl);
826
884
  }
827
- @mixin make-all-margins($class){
885
+ @mixin make-all-margins($class) {
828
886
  @include make-margins($class, $margin-none);
829
887
  @include make-margins($class, $margin-sm);
830
888
  @include make-margins($class, $margin-base);
@@ -833,7 +891,6 @@ $padding-none: 0;
833
891
  @include make-margins($class, $margin-xxl);
834
892
  }
835
893
 
836
-
837
894
  @include make-all-paddings(xs);
838
895
  @include make-all-margins(xs);
839
896
  @media (min-width: $screen-sm-min) {
@@ -850,22 +907,12 @@ $padding-none: 0;
850
907
  }
851
908
 
852
909
  span.new-post {
853
- background-color: $brand-primary;
854
- color: white;
855
- padding: 4px;
856
- border-radius: 3px;
857
- }
858
- // ScrollBar Style
859
- body::-webkit-scrollbar {
860
- width: 1em;
861
- }
862
- body::-webkit-scrollbar-track {
863
- background-color: $navbar-inverse-bg;
864
- }
865
- body::-webkit-scrollbar-thumb {
866
910
  background-color: $brand-primary;
911
+ color: white;
912
+ padding: 4px;
913
+ border-radius: 3px;
867
914
  }
868
915
  span.last-modified-at {
869
- color: $footer-text-color;
870
- font-size: 14px;
916
+ color: $footer-text-color;
917
+ font-size: 14px;
871
918
  }