jumbo-jekyll-theme 5.6.9.3 → 5.6.9.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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
  }