iasd-bootstrap-sass 1.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (156) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE +21 -0
  3. data/README.md +2 -0
  4. data/lib/iasd-bootstrap-sass/version.rb +5 -0
  5. data/lib/iasd-bootstrap-sass.rb +52 -0
  6. data/stylesheets/_iasd-base.scss +358 -0
  7. data/stylesheets/_iasd-dropdown-nav.scss +212 -0
  8. data/stylesheets/_iasd-footer.scss +206 -0
  9. data/stylesheets/_iasd-global-nav.scss +591 -0
  10. data/stylesheets/_iasd-header.scss +227 -0
  11. data/stylesheets/_iasd-main-nav.scss +396 -0
  12. data/stylesheets/_iasd-mixins.scss +54 -0
  13. data/stylesheets/_iasd-plugins.scss +76 -0
  14. data/stylesheets/_iasd-templates.scss +3540 -0
  15. data/stylesheets/_iasd-type.scss +25 -0
  16. data/stylesheets/_iasd-variables.scss +654 -0
  17. data/stylesheets/_iasd-widgets.scss +2243 -0
  18. data/stylesheets/_owl-carousel.scss +311 -0
  19. data/stylesheets/_progression-player.scss +1133 -0
  20. data/stylesheets/iasd-bootstrap.scss +70 -0
  21. data/stylesheets/iasd-print.scss +73 -0
  22. data/templates/project/fonts/futurastd-book-webfont.eot +0 -0
  23. data/templates/project/fonts/futurastd-book-webfont.svg +243 -0
  24. data/templates/project/fonts/futurastd-book-webfont.ttf +0 -0
  25. data/templates/project/fonts/futurastd-book-webfont.woff +0 -0
  26. data/templates/project/fonts/futurastd-light-webfont.eot +0 -0
  27. data/templates/project/fonts/futurastd-light-webfont.svg +243 -0
  28. data/templates/project/fonts/futurastd-light-webfont.ttf +0 -0
  29. data/templates/project/fonts/futurastd-light-webfont.woff +0 -0
  30. data/templates/project/fonts/futurastd-medium-webfont.eot +0 -0
  31. data/templates/project/fonts/futurastd-medium-webfont.svg +243 -0
  32. data/templates/project/fonts/futurastd-medium-webfont.ttf +0 -0
  33. data/templates/project/fonts/futurastd-medium-webfont.woff +0 -0
  34. data/templates/project/img/default_avatar.png +0 -0
  35. data/templates/project/img/favicons/apple-touch-icon-114x114.png +0 -0
  36. data/templates/project/img/favicons/apple-touch-icon-120x120.png +0 -0
  37. data/templates/project/img/favicons/apple-touch-icon-144x144.png +0 -0
  38. data/templates/project/img/favicons/apple-touch-icon-152x152.png +0 -0
  39. data/templates/project/img/favicons/apple-touch-icon-57x57.png +0 -0
  40. data/templates/project/img/favicons/apple-touch-icon-60x60.png +0 -0
  41. data/templates/project/img/favicons/apple-touch-icon-72x72.png +0 -0
  42. data/templates/project/img/favicons/apple-touch-icon-76x76.png +0 -0
  43. data/templates/project/img/favicons/apple-touch-icon-precomposed.png +0 -0
  44. data/templates/project/img/favicons/apple-touch-icon.png +0 -0
  45. data/templates/project/img/favicons/favicon-160x160.png +0 -0
  46. data/templates/project/img/favicons/favicon-16x16.png +0 -0
  47. data/templates/project/img/favicons/favicon-196x196.png +0 -0
  48. data/templates/project/img/favicons/favicon-32x32.png +0 -0
  49. data/templates/project/img/favicons/favicon-96x96.png +0 -0
  50. data/templates/project/img/favicons/favicon.ico +0 -0
  51. data/templates/project/img/favicons/mstile-144x144.png +0 -0
  52. data/templates/project/img/favicons/mstile-150x150.png +0 -0
  53. data/templates/project/img/favicons/mstile-310x150.png +0 -0
  54. data/templates/project/img/favicons/mstile-310x310.png +0 -0
  55. data/templates/project/img/favicons/mstile-70x70.png +0 -0
  56. data/templates/project/img/global_nav/map/region_01.png +0 -0
  57. data/templates/project/img/global_nav/map/region_02.png +0 -0
  58. data/templates/project/img/global_nav/map/region_03.png +0 -0
  59. data/templates/project/img/global_nav/map/region_04.png +0 -0
  60. data/templates/project/img/global_nav/map/region_05.png +0 -0
  61. data/templates/project/img/global_nav/map/region_06.png +0 -0
  62. data/templates/project/img/global_nav/map/region_07.png +0 -0
  63. data/templates/project/img/global_nav/map/region_08.png +0 -0
  64. data/templates/project/img/global_nav/map/region_09.png +0 -0
  65. data/templates/project/img/global_nav/map/region_10.png +0 -0
  66. data/templates/project/img/global_nav/map/region_11.png +0 -0
  67. data/templates/project/img/global_nav/map/region_12.png +0 -0
  68. data/templates/project/img/global_nav/map/region_13.png +0 -0
  69. data/templates/project/img/global_nav/map/region_14.png +0 -0
  70. data/templates/project/img/global_nav/map/region_15.png +0 -0
  71. data/templates/project/img/global_nav/map/region_16.png +0 -0
  72. data/templates/project/img/global_nav/map/region_17.png +0 -0
  73. data/templates/project/img/global_nav/more_menu_mark.png +0 -0
  74. data/templates/project/img/global_nav/tutorial_arrow.png +0 -0
  75. data/templates/project/img/global_nav/tutorial_arrow@2x.png +0 -0
  76. data/templates/project/img/headers/destaque-pedidos-de-oracao.png +0 -0
  77. data/templates/project/img/headers/institutional.png +0 -0
  78. data/templates/project/img/institutional/div.png +0 -0
  79. data/templates/project/img/institutional/download-badge.png +0 -0
  80. data/templates/project/img/institutional/sprite_bandeiras.svg +76 -0
  81. data/templates/project/img/institutional/sprite_icones.svg +1389 -0
  82. data/templates/project/img/institutional/video-play.png +0 -0
  83. data/templates/project/img/logos_es_ES/iasd_404.png +0 -0
  84. data/templates/project/img/logos_es_ES/iasd_404@2x.png +0 -0
  85. data/templates/project/img/logos_es_ES/iasd_dsa_home.png +0 -0
  86. data/templates/project/img/logos_es_ES/iasd_dsa_home@2x.png +0 -0
  87. data/templates/project/img/logos_es_ES/iasd_footer.png +0 -0
  88. data/templates/project/img/logos_es_ES/iasd_footer@2x.png +0 -0
  89. data/templates/project/img/logos_es_ES/iasd_header.png +0 -0
  90. data/templates/project/img/logos_es_ES/iasd_header@2x.png +0 -0
  91. data/templates/project/img/logos_es_ES/iasd_header_symbol.png +0 -0
  92. data/templates/project/img/logos_es_ES/iasd_header_symbol@2x.png +0 -0
  93. data/templates/project/img/logos_es_ES/iasd_header_vertical.png +0 -0
  94. data/templates/project/img/logos_es_ES/iasd_header_vertical@2x.png +0 -0
  95. data/templates/project/img/logos_pt_BR/iasd_404.png +0 -0
  96. data/templates/project/img/logos_pt_BR/iasd_404@2x.png +0 -0
  97. data/templates/project/img/logos_pt_BR/iasd_dsa_home.png +0 -0
  98. data/templates/project/img/logos_pt_BR/iasd_dsa_home@2x.png +0 -0
  99. data/templates/project/img/logos_pt_BR/iasd_footer.png +0 -0
  100. data/templates/project/img/logos_pt_BR/iasd_footer@2x.png +0 -0
  101. data/templates/project/img/logos_pt_BR/iasd_header.png +0 -0
  102. data/templates/project/img/logos_pt_BR/iasd_header@2x.png +0 -0
  103. data/templates/project/img/logos_pt_BR/iasd_header_symbol.png +0 -0
  104. data/templates/project/img/logos_pt_BR/iasd_header_symbol@2x.png +0 -0
  105. data/templates/project/img/logos_pt_BR/iasd_header_vertical.png +0 -0
  106. data/templates/project/img/logos_pt_BR/iasd_header_vertical@2x.png +0 -0
  107. data/templates/project/img/plugins/loader.gif +0 -0
  108. data/templates/project/img/widgets/background_find_church.png +0 -0
  109. data/templates/project/img/widgets/gallery_frame.png +0 -0
  110. data/templates/project/img/widgets/gallery_frame@2x.png +0 -0
  111. data/templates/project/img/widgets/loader.gif +0 -0
  112. data/templates/project/img/widgets/new_issue.png +0 -0
  113. data/templates/project/img/widgets/new_issue@2x.png +0 -0
  114. data/templates/project/img/widgets/no_image_124x124.png +0 -0
  115. data/templates/project/img/widgets/no_image_132x85.png +0 -0
  116. data/templates/project/img/widgets/no_image_140x90.png +0 -0
  117. data/templates/project/img/widgets/no_image_145x190.png +0 -0
  118. data/templates/project/img/widgets/no_image_150x100.png +0 -0
  119. data/templates/project/img/widgets/no_image_180x235.png +0 -0
  120. data/templates/project/img/widgets/no_image_1920x600.png +0 -0
  121. data/templates/project/img/widgets/no_image_220x220.png +0 -0
  122. data/templates/project/img/widgets/no_image_290x186.png +0 -0
  123. data/templates/project/img/widgets/no_image_290x220.png +0 -0
  124. data/templates/project/img/widgets/no_image_293x185.png +0 -0
  125. data/templates/project/img/widgets/no_image_345x218.png +0 -0
  126. data/templates/project/img/widgets/no_image_400x260.png +0 -0
  127. data/templates/project/img/widgets/no_image_400x400.png +0 -0
  128. data/templates/project/img/widgets/no_image_40x40.png +0 -0
  129. data/templates/project/img/widgets/no_image_460x200.png +0 -0
  130. data/templates/project/img/widgets/no_image_617x220.png +0 -0
  131. data/templates/project/img/widgets/no_image_617x460.png +0 -0
  132. data/templates/project/img/widgets/no_image_70x45.png +0 -0
  133. data/templates/project/img/widgets/no_image_720x300.png +0 -0
  134. data/templates/project/img/widgets/no_image_720x350.png +0 -0
  135. data/templates/project/img/widgets/no_image_740x475.png +0 -0
  136. data/templates/project/img/widgets/no_image_940x415.png +0 -0
  137. data/templates/project/img/widgets/reticle.png +0 -0
  138. data/templates/project/img/widgets/slider_full.png +0 -0
  139. data/templates/project/img/widgets/title_novo_tempo.png +0 -0
  140. data/templates/project/lib/bootstrap.min.js +6 -0
  141. data/templates/project/lib/html5shiv.js +301 -0
  142. data/templates/project/lib/iasd_dropdown_nav.js +47 -0
  143. data/templates/project/lib/iasd_footer.js +21 -0
  144. data/templates/project/lib/iasd_global_nav.js +101 -0
  145. data/templates/project/lib/iasd_home_dsa.js +39 -0
  146. data/templates/project/lib/iasd_main_nav.js +54 -0
  147. data/templates/project/lib/iasd_plugins.js +120 -0
  148. data/templates/project/lib/iasd_widgets.js +321 -0
  149. data/templates/project/lib/masonry.pkgd.min.js +9 -0
  150. data/templates/project/lib/mediaelement-and-player.min.js +172 -0
  151. data/templates/project/lib/modernizr.js +4 -0
  152. data/templates/project/lib/owl.carousel.js +1512 -0
  153. data/templates/project/lib/respond.min.js +6 -0
  154. data/templates/project/manifest.rb +159 -0
  155. data/templates/project/print.scss +1 -0
  156. metadata +339 -0
@@ -0,0 +1,3540 @@
1
+ /* ************** */
2
+ /* Grid Selectors */
3
+ /* ************** */
4
+
5
+ .align-center {
6
+ left: 50%;
7
+ }
8
+
9
+ .border-none {
10
+ border: none !important;
11
+ }
12
+
13
+ .float-left {
14
+ float: left !important;
15
+ }
16
+
17
+ .float-right {
18
+ float: right !important;
19
+ }
20
+
21
+ .mar-bot-0 {
22
+ margin-bottom: 0 !important;
23
+ }
24
+
25
+ .mar-bot-15 {
26
+ margin-bottom: 15px !important;
27
+ }
28
+
29
+ .mar-bot-30 {
30
+ margin-bottom: 30px !important;
31
+ }
32
+
33
+ .mar-bot-50 {
34
+ margin-bottom: 50px !important;
35
+ }
36
+
37
+ .mar-left-0 {
38
+ margin-left: 0 !important;
39
+ }
40
+
41
+ .mar-right-0 {
42
+ margin-right: 0 !important;
43
+ }
44
+
45
+ .mar-top-0 {
46
+ margin-top: 0 !important;
47
+ }
48
+
49
+ .mar-top-15 {
50
+ margin-top: 15px !important;
51
+ }
52
+
53
+ .mar-top-30 {
54
+ margin-top: 30px !important;
55
+ }
56
+
57
+ .mar-top-50 {
58
+ margin-top: 50px !important;
59
+ }
60
+
61
+ @media (min-width: $screen-md) {
62
+ .mar-bot-0-md {
63
+ margin-bottom: 0 !important;
64
+ }
65
+ .mar-bot-15 {
66
+ margin-bottom: 15px !important;
67
+ }
68
+ .mar-bot-30 {
69
+ margin-bottom: 30px !important;
70
+ }
71
+ .mar-bot-50-md {
72
+ margin-bottom: 50px !important;
73
+ }
74
+ .mar-top-0-md {
75
+ margin-top: 0 !important;
76
+ }
77
+ .mar-top-30-md {
78
+ margin-top: 30px !important;
79
+ }
80
+ .mar-top-50-md {
81
+ margin-top: 50px !important;
82
+ }
83
+ }
84
+
85
+ @media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
86
+ .mar-bot-0-sm {
87
+ margin-bottom: 0 !important;
88
+ }
89
+ .mar-bot-15-sm {
90
+ margin-bottom: 15px !important;
91
+ }
92
+ .mar-bot-30-sm {
93
+ margin-bottom: 30px !important;
94
+ }
95
+ .mar-bot-50-sm {
96
+ margin-bottom: 50px !important;
97
+ }
98
+ .mar-top-0-sm {
99
+ margin-top: 0 !important;
100
+ }
101
+ .mar-top-30-sm {
102
+ margin-top: 30px !important;
103
+ }
104
+ .mar-top-50-sm {
105
+ margin-top: 50px !important;
106
+ }
107
+ }
108
+
109
+ @media (max-width: $screen-xs-max) {
110
+ .mar-bot-0-xs {
111
+ margin-bottom: 0 !important;
112
+ }
113
+ .mar-bot-15-xs {
114
+ margin-bottom: 15px !important;
115
+ }
116
+ .mar-bot-30-xs {
117
+ margin-bottom: 30px !important;
118
+ }
119
+ .mar-bot-50-xs {
120
+ margin-bottom: 50px !important;
121
+ }
122
+ .mar-top-0-xs {
123
+ margin-top: 0 !important;
124
+ }
125
+ .mar-top-15-xs {
126
+ margin-top: 15px !important;
127
+ }
128
+ .mar-top-30-xs {
129
+ margin-top: 30px !important;
130
+ }
131
+ .mar-top-50-xs {
132
+ margin-top: 50px !important;
133
+ }
134
+ }
135
+
136
+ .text-center {
137
+ text-align: center !important;
138
+ }
139
+
140
+ @media (min-width: $screen-xs) and (max-width: $screen-xs-max) {
141
+ .xs-landscape {
142
+ .col-sm-4, .col-sm-6 {
143
+ float: left;
144
+ width: 50%;
145
+ }
146
+ }
147
+ }
148
+
149
+ @media (max-width: $screen-xs) {
150
+ .xs-landscape {
151
+ .col-sm-4, .col-sm-6 {
152
+ max-width: 320px;
153
+ }
154
+ }
155
+ }
156
+
157
+ /* ****************** */
158
+ /* Visibility Classes */
159
+ /* ****************** */
160
+
161
+ .hidden-md, .hidden-sm, .hidden-xs {
162
+ display: none;
163
+ }
164
+
165
+ @media (min-width: $screen-sm) {
166
+ a, h1, h2, .color-boxes {
167
+ .hidden-xs {
168
+ display: inline !important;
169
+ }
170
+ }
171
+ }
172
+
173
+ @media (max-width: $screen-xs-max) {
174
+ a, h1, h2, .color-boxes {
175
+ .visible-xs {
176
+ display: inline !important;
177
+ }
178
+ }
179
+ }
180
+
181
+ @media (min-width: $screen-sm) {
182
+ a, h1, .color-boxes {
183
+ .hidden-xs {
184
+ display: inline !important;
185
+ }
186
+ }
187
+ }
188
+
189
+ @media (min-width: $screen-md) {
190
+ a, h1, .color-boxes {
191
+ .hidden-sm {
192
+ display: inline !important;
193
+ }
194
+ }
195
+ }
196
+
197
+ /* ************* */
198
+ /* Global styles */
199
+ /* ************* */
200
+
201
+ .alert {
202
+ -webkit-transform: translate3d(0, 0, 0);
203
+ -moz-transform: translate3d(0, 0, 0);
204
+ -ms-transform: translate3d(0, 0, 0);
205
+ -o-transform: translate3d(0, 0, 0);
206
+ transform: translate3d(0, 0, 0);
207
+ -moz-transition: all 0.5s ease-out;
208
+ -ms-transition: all 0.5s ease-out;
209
+ -o-transition: all 0.5s ease-out;
210
+ -webkit-transition: all 0.5s ease-out;
211
+ transition: all 0.5s ease-out;
212
+ &.alert-danger {
213
+ .font-awesome-alerts {
214
+ &:before {
215
+ content: '\f119';
216
+ }
217
+ }
218
+ }
219
+ &.alert-info {
220
+ .font-awesome-alerts {
221
+ &:before {
222
+ content: '\f05a';
223
+ }
224
+ }
225
+ }
226
+ &.alert-success {
227
+ .font-awesome-alerts {
228
+ &:before {
229
+ content: '\f058';
230
+ }
231
+ }
232
+ }
233
+ &.alert-warning {
234
+ .font-awesome-alerts {
235
+ &:before {
236
+ content: '\f071';
237
+ }
238
+ }
239
+ }
240
+ }
241
+
242
+ .alert-fixed {
243
+ &.alert {
244
+ bottom: 30px;
245
+ filter: alpha(opacity = 0);
246
+ left: -212px;
247
+ margin: 0;
248
+ opacity: 0;
249
+ padding: 25px 15px;
250
+ position: fixed;
251
+ text-align: center;
252
+ width: 212px;
253
+ z-index: 9999;
254
+ zoom: 1;
255
+ &.active {
256
+ filter: alpha(opacity = 1);
257
+ left: 30px;
258
+ opacity: 1;
259
+ zoom: 1;
260
+ }
261
+ .close {
262
+ position: absolute;
263
+ right: 14px;
264
+ top: 7px;
265
+ }
266
+ }
267
+ .font-awesome-alerts {
268
+ margin: 0 0 10px 0;
269
+ top: 0;
270
+ width: 100%;
271
+ }
272
+ }
273
+
274
+ @media (max-width: $screen-xs-max) {
275
+ .alert-fixed {
276
+ &.alert {
277
+ &.active {
278
+ bottom: initial;
279
+ left: 5%;
280
+ top: 16px;
281
+ width: 90%;
282
+ }
283
+ }
284
+ }
285
+ }
286
+
287
+ aside.iasd-aside {
288
+ margin: 50px 0 0 0;
289
+ }
290
+
291
+ @media (max-width: $screen-xs-max) {
292
+ .iasd-aside {
293
+ .iasd-main-title {
294
+ &.visible-xs {
295
+ display: block !important;
296
+ margin: 0 0 16px 0 !important;
297
+ }
298
+ }
299
+ }
300
+ }
301
+
302
+ @media (min-width: $screen-sm) {
303
+ aside.iasd-aside {
304
+ margin: 0;
305
+ }
306
+ }
307
+
308
+ #beliefs {
309
+ #iasd-masonry {
310
+ counter-reset: beliefs;
311
+ .col-md-4 {
312
+ & > a {
313
+ .btn-primary {
314
+ line-height: 28px;
315
+ margin: 0 0 30px 0;
316
+ }
317
+ }
318
+ }
319
+ .masonry-item {
320
+ &:hover, &:focus {
321
+ figure {
322
+ &:before {
323
+ @include opacity(0);
324
+ -moz-transition: all 0.25s ease-in-out;
325
+ -ms-transition: all 0.25s ease-in-out;
326
+ -o-transition: all 0.25s ease-in-out;
327
+ -webkit-transition: all 0.25s ease-in-out;
328
+ transition: all 0.25s ease-in-out;
329
+ }
330
+ }
331
+ }
332
+ figure {
333
+ &:before {
334
+ background: #dbd0bf;
335
+ // IE8 Fallback :(
336
+ background: rgba(219, 208, 191, 0.8);
337
+ bottom: 0;
338
+ content: '';
339
+ display: block;
340
+ left: 0;
341
+ position: absolute;
342
+ right: 0;
343
+ top: 0;
344
+ }
345
+ }
346
+ }
347
+ }
348
+ }
349
+
350
+ .btn {
351
+ &.page-back {
352
+ display: table;
353
+ margin: $grid-gutter-width 0 0 0;
354
+ max-width: 617px;
355
+ padding: 5%;
356
+ width: 100%;
357
+ white-space: normal;
358
+ a {
359
+ color: #fbf6f0;
360
+ display: table-cell;
361
+ font-size: 16px;
362
+ font-weight: 900;
363
+ line-height: 18px;
364
+ text-align: left;
365
+ vertical-align: middle;
366
+ &:before {
367
+ color: $body-bg;
368
+ content: 'Voltar para:';
369
+ display: block;
370
+ font-size: 12px;
371
+ font-style: italic;
372
+ font-weight: 400;
373
+ height: 20;
374
+ left: 0;
375
+ margin: 0 0 5px 0;
376
+ }
377
+ }
378
+ }
379
+ &.single {
380
+ line-height: 40px;
381
+ }
382
+ }
383
+
384
+ @media (min-width: $screen-md) {
385
+ .btn {
386
+ &.page-back {
387
+ height: 150px;
388
+ margin: 108px 0 0 0;
389
+ padding: 0 10%;
390
+ }
391
+ }
392
+ }
393
+
394
+ .entry-content {
395
+ a {
396
+ color: $theme-main-color;
397
+ font-weight: 700;
398
+ &:hover, &:focus {
399
+ border-bottom: 1px dotted $theme-main-color;
400
+ color: lighten($theme-main-color, 5%);
401
+ }
402
+ }
403
+ blockquote {
404
+ border: none;
405
+ color: darken($alt-text-color, 5%);
406
+ font-size: 16px;
407
+ font-style: italic;
408
+ line-height: 24px;
409
+ margin: 30px 20px 20px 20px;
410
+ position: relative;
411
+ &:before {
412
+ @include opacity(0.3);
413
+ content: '\201C';
414
+ display: block;
415
+ font-size: 100px;
416
+ height: 50px;
417
+ left: -30px;
418
+ line-height: 50px;
419
+ position: absolute;
420
+ top: 15px;
421
+ width: 40px;
422
+ }
423
+ }
424
+ dl {
425
+ margin: 0 0 30px 0;
426
+ padding: 0 0 0 20px;
427
+ &.faq {
428
+ a {
429
+ color: $theme-main-color;
430
+ &:hover, &:focus {
431
+ color: lighten($theme-main-color, 5%);
432
+ }
433
+ }
434
+ br {
435
+ display: none;
436
+ }
437
+ dt {
438
+ display: list-item;
439
+ font-weight: 400;
440
+ list-style-type: decimal;
441
+ a {
442
+ &:hover, &:focus {
443
+ border-bottom: none;
444
+ }
445
+ }
446
+ & + dd {
447
+ margin-top: 10px;
448
+ & + dt {
449
+ border-top: 1px solid $border-base;
450
+ margin-top: 10px;
451
+ padding-top: 10px;
452
+ }
453
+ }
454
+ }
455
+ ul {
456
+ margin: 0;
457
+ }
458
+ }
459
+ }
460
+ footer {
461
+ h2 {
462
+ font-size: 16px;
463
+ font-weight: 900;
464
+ line-height: 20px;
465
+ margin: 0 0 15px 0;
466
+ }
467
+ .more-posts {
468
+ list-style: none;
469
+ margin: 0 -15px !important;
470
+ padding: 0 !important;
471
+ li {
472
+ list-style: none !important;
473
+ margin: {
474
+ bottom: 30px !important;
475
+ top: 0 !important;
476
+ };
477
+ a {
478
+ color: $text-color;
479
+ display: table;
480
+ figure {
481
+ display: table-cell;
482
+ height: 65px;
483
+ vertical-align: top;
484
+ img {
485
+ @include border-radius(5px);
486
+ max-height: 90px;
487
+ max-width: 140px;
488
+ min-height: 90px;
489
+ min-width: 140px;
490
+ }
491
+ & + h3 {
492
+ padding-left: 15px;
493
+ }
494
+ }
495
+ h3 {
496
+ display: table-cell;
497
+ font-size: 13px;
498
+ font-style: normal;
499
+ font-weight: 700;
500
+ height: 65px;
501
+ line-height: 17px;
502
+ margin: 0;
503
+ overflow: hidden;
504
+ vertical-align: middle;
505
+ }
506
+ &:hover, &:focus {
507
+ border-bottom: none;
508
+ color: $theme-main-color;
509
+ }
510
+ }
511
+ }
512
+ }
513
+ }
514
+ h1 {
515
+ font-size: 28px;
516
+ font-weight: 900;
517
+ line-height: 30px;
518
+ margin: 0 0 15px 0;
519
+ small {
520
+ clear: both;
521
+ color: $alt-text-color;
522
+ float: left;
523
+ font-size: 17px;
524
+ padding-top: 8px;
525
+ }
526
+ &.subtitle {
527
+ float: left;
528
+ margin: -15px 0 30px 0;
529
+ }
530
+ }
531
+ h2 {
532
+ font-size: 22px;
533
+ font-weight: 700;
534
+ line-height: 26px;
535
+ margin: 0 0 9px 0;
536
+ }
537
+ h3 {
538
+ font-size: 20px;
539
+ font-style: italic;
540
+ font-weight: 400;
541
+ line-height: 26px;
542
+ margin: 0 0 9px 0;
543
+ }
544
+ h4 {
545
+ font-size: 18px;
546
+ font-style: italic;
547
+ font-weight: 400;
548
+ line-height: 20px;
549
+ margin: 0 0 10px 0;
550
+ }
551
+ h5 {
552
+ font-size: 16px;
553
+ font-style: italic;
554
+ font-weight: 400;
555
+ line-height: 18px;
556
+ margin: 0 0 12px 0;
557
+ }
558
+ h6 {
559
+ font-size: 13px;
560
+ font-weight: 900;
561
+ line-height: 16px;
562
+ margin: 0 0 14px 0;
563
+ }
564
+ header {
565
+ overflow: hidden;
566
+ }
567
+ hr {
568
+ margin: 40px 0;
569
+ }
570
+ iframe {
571
+ margin-bottom: 30px;
572
+ max-width: 100%;
573
+ }
574
+ p {
575
+ text-align: justify;
576
+ &.versicle {
577
+ color: darken($alt-text-color, 5%);
578
+ font-style: italic;
579
+ width: 80%;
580
+ strong {
581
+ border-top: 1px solid $border-base;
582
+ display: block;
583
+ margin: 10px 0 0 0;
584
+ padding: 8px 0 0 0;
585
+ width: 50%;
586
+ }
587
+ }
588
+ & + p.versicle {
589
+ margin: {
590
+ bottom: 30px;
591
+ top: 30px;
592
+ };
593
+ }
594
+ & + #disqus_thread{
595
+ margin-top: 50px;
596
+ }
597
+ }
598
+ p + h1, p + h2, p + h3, p + h4, p + h5, p + h6, p + ul, p + ol, p + iframe, h1 + iframe, h2 + iframe {
599
+ margin-top: 30px;
600
+ }
601
+ &.iasd-highlight {
602
+ p {
603
+ font-size: 15px;
604
+ }
605
+ }
606
+ ul, ol {
607
+ margin: 0 0 30px 0;
608
+ padding: 0 0 0 15px !important;
609
+ li {
610
+ overflow: visible !important;
611
+ list-style: inherit !important;
612
+ & + li {
613
+ -moz-box-shadow: none !important;
614
+ -webkit-box-shadow: none !important;
615
+ box-shadow: none !important;
616
+ margin-top: 10px !important;
617
+ padding-top: 0 !important;
618
+ }
619
+ ul, ol {
620
+ margin: 10px 0 10px 5px !important;
621
+ }
622
+ ul {
623
+ list-style-type: disc !important;
624
+ }
625
+ }
626
+ }
627
+ .modal-content {
628
+ height: 380px;
629
+ margin-top: -190px;
630
+ top: 50%;
631
+ iframe {
632
+ height: 100%;
633
+ margin: 0;
634
+ }
635
+ }
636
+ .modal-dialog {
637
+ height: 100%;
638
+ button {
639
+ &.close {
640
+ position: absolute;
641
+ right: 8px;
642
+ top: 31px;
643
+ }
644
+ }
645
+ }
646
+ .sharing-links {
647
+ @include border-radius(5px);
648
+ background: $body-bg-bevel;
649
+ margin: 20px 0 30px 0;
650
+ overflow: hidden;
651
+ iframe {
652
+ margin: 0;
653
+ }
654
+ .functions {
655
+ display: block;
656
+ float: right;
657
+ margin: 0 !important;
658
+ padding: 7px 7px 0 !important;
659
+ li {
660
+ display: inline-block;
661
+ margin: 0 !important;
662
+ a {
663
+ display: block;
664
+ height: 26px;
665
+ position: relative;
666
+ text-indent: -5000px;
667
+ width: 30px;
668
+ &:hover, &:focus {
669
+ border-bottom: none;
670
+ &:after {
671
+ color: $theme-main-color;
672
+ }
673
+ }
674
+ &:after {
675
+ color: $alt-link-color;
676
+ display: block;
677
+ font-family: FontAwesome;
678
+ font-weight: 400;
679
+ height: 26px;
680
+ line-height: 26px;
681
+ position: absolute;
682
+ right: 0;
683
+ text-align: center;
684
+ text-indent: 0;
685
+ top: 0;
686
+ width: 26px;
687
+ }
688
+ &.mail {
689
+ &:after {
690
+ content: '\f0e0';
691
+ font-size: 13px;
692
+ text-indent: -3px;
693
+ }
694
+ }
695
+ &.print {
696
+ border-right: 1px solid $border-base;
697
+ &:after {
698
+ content: '\f02f';
699
+ font-size: 14px;
700
+ text-indent: -13px;
701
+ }
702
+ }
703
+ }
704
+ }
705
+ }
706
+ .social-media {
707
+ display: block;
708
+ float: left;
709
+ margin: 0 !important;
710
+ padding: 10px 10px 5px 10px !important;
711
+ li {
712
+ display: inline-block;
713
+ margin: 0;
714
+ &.facebook {
715
+ position: relative;
716
+ top: -5px;
717
+ }
718
+ &.google {
719
+ margin: 0 0 0 15px !important;
720
+ }
721
+ &.twitter {
722
+ height: 25px;
723
+ //IE8 can't calculate by itseft :(
724
+ margin: 0 0 0 -15px !important;
725
+ width: 121px;
726
+ }
727
+ }
728
+ }
729
+ }
730
+ //Disqus
731
+ #disqus_thread {
732
+ border-top: 1px solid $border-base;
733
+ padding-top: 30px;
734
+ }
735
+ //Wordpress CSS -- Doc: http://codex.wordpress.org/CSS
736
+ .alignnone {
737
+ margin: 5px 20px 20px 0;
738
+ }
739
+ .aligncenter, div.aligncenter {
740
+ display: block;
741
+ margin: 5px auto 5px auto;
742
+ }
743
+ .alignright {
744
+ float: right;
745
+ margin: 5px 0 20px 20px !important;
746
+ }
747
+ .alignleft {
748
+ float: left;
749
+ margin: 5px 20px 20px 0 !important;
750
+ }
751
+ .aligncenter {
752
+ display: block;
753
+ margin: 20px auto 20px auto !important;
754
+ text-align: center !important;
755
+ }
756
+ a img.alignright {
757
+ float: right;
758
+ margin: 5px 0 20px 20px;
759
+ }
760
+ a img.alignnone {
761
+ margin: 5px 20px 20px 0;
762
+ }
763
+ a img.alignleft {
764
+ float: left;
765
+ margin: 5px 20px 20px 0;
766
+ }
767
+ a img.aligncenter {
768
+ display: block;
769
+ margin: 20px auto;
770
+ }
771
+ .wp-caption {
772
+ @include border-radius(5px);
773
+ background: shade($body-bg-bevel, 2%);
774
+ overflow: hidden;
775
+ // max-width: 260px;
776
+
777
+ }
778
+ .wp-caption.alignnone {
779
+ margin: 5px 20px 15px 0;
780
+ }
781
+ .wp-caption.alignleft {
782
+ margin: 5px 20px 15px 0;
783
+ }
784
+ .wp-caption.alignright {
785
+ margin: 5px 0 15px 20px;
786
+ }
787
+ .wp-caption img {
788
+ border: 0 none;
789
+ height: auto;
790
+ margin: 0 0 10px 0;
791
+ max-width: 100%;
792
+ padding: 0;
793
+ // width: auto;
794
+
795
+ }
796
+ .wp-caption p.wp-caption-text {
797
+ font-style: italic;
798
+ padding: 0 10px;
799
+ }
800
+ }
801
+
802
+ @media (max-width: $screen-sm) {
803
+ .entry-content {
804
+ .wp-caption {
805
+ clear: both;
806
+ &.alignright {
807
+ float: left;
808
+ margin: 5px 20px 15px 0;
809
+ }
810
+ }
811
+ }
812
+ }
813
+
814
+ @media (max-width: $screen-sm-max) {
815
+ article {
816
+ &.col-sm-8 {
817
+ .more-posts {
818
+ .col-sm-6 {
819
+ width: 100%;
820
+ }
821
+ }
822
+ }
823
+ }
824
+ }
825
+
826
+ @media (max-width: $screen-xs) {
827
+ .entry-content {
828
+ p {
829
+ text-align: left;
830
+ &.versicle {
831
+ width: 100%;
832
+ strong {
833
+ width: 100%;
834
+ }
835
+ }
836
+ }
837
+ .modal-dialog {
838
+ button {
839
+ &.close {
840
+ top: 60px;
841
+ }
842
+ }
843
+ }
844
+ .sharing-links {
845
+ .functions {
846
+ li {
847
+ a {
848
+ &.print {
849
+ display: none;
850
+ }
851
+ }
852
+ }
853
+ }
854
+ .social-media {
855
+ li {
856
+ &.google {
857
+ display: none;
858
+ }
859
+ &.twitter {
860
+ margin: 0 0 0 6px !important;
861
+ }
862
+ }
863
+ }
864
+ }
865
+ }
866
+ }
867
+
868
+ form.highlight-box {
869
+ width: 100%;
870
+ }
871
+
872
+ .highlight-box {
873
+ -webkit-border-radius: 5px;
874
+ -moz-border-radius: 5px;
875
+ -ms-border-radius: 5px;
876
+ -o-border-radius: 5px;
877
+ border-radius: 5px;
878
+ -webkit-box-shadow: 1px 1px 0 white, inset 1px 1px 0 #e0d8cd;
879
+ -moz-box-shadow: 1px 1px 0 white, inset 1px 1px 0 #e0d8cd;
880
+ box-shadow: 1px 1px 0 white, inset 1px 1px 0 #e0d8cd;
881
+ background: #eee9e3;
882
+ float: left;
883
+ padding: 25px;
884
+ position: relative;
885
+ h1 {
886
+ font-size: 30px;
887
+ margin: 20px 0 30px 0 !important;
888
+ }
889
+ h2 {
890
+ font-size: 18px;
891
+ font-weight: 900;
892
+ letter-spacing: 0.03em;
893
+ margin: 20px 0 30px 0 !important;
894
+ }
895
+ i {
896
+ color: $alt-link-color;
897
+ font-weight: 600;
898
+ }
899
+ input[type="checkbox"] {
900
+ -webkit-appearance: checkbox;
901
+ float: left;
902
+ margin-right: 9px;
903
+ }
904
+ input[type="text"], textarea {
905
+ border: 0;
906
+ line-height: 25px;
907
+ margin: 4px 0 0 0;
908
+ padding: 2px 0 0 6px;
909
+ }
910
+ .btn {
911
+ &.top {
912
+ left: 50%;
913
+ letter-spacing: 0.05em;
914
+ line-height: 18px;
915
+ margin-left: -96px;
916
+ position: absolute;
917
+ top: -26px;
918
+ width: 192px;
919
+ }
920
+ }
921
+ .col-sm-2, .col-sm-5 {
922
+ padding-right: 0;
923
+ }
924
+ }
925
+
926
+ @media (max-width: 480px) {
927
+ .highlight-box {
928
+ .color-boxes {
929
+ .col-md-4 {
930
+ margin: 0 0 8% 0 !important;
931
+ width: 100% !important;
932
+ }
933
+ }
934
+ }
935
+ }
936
+
937
+ @media (min-width: $screen-sm) {
938
+ .highlight-box {
939
+ .color-boxes {
940
+ padding-left: 22px;
941
+ }
942
+ }
943
+ }
944
+
945
+ @media (min-width: $screen-md) {
946
+ .highlight-box {
947
+ .color-boxes {
948
+ padding-left: 30px;
949
+ }
950
+ }
951
+ }
952
+
953
+ hr {
954
+ &.div {
955
+ background: image-url("institutional/div.png") center bottom no-repeat;
956
+ border: 0;
957
+ display: block;
958
+ height: 87px;
959
+ margin: 0 -15px 60px -15px;
960
+ }
961
+ &.iasd-footer-top {
962
+ margin-bottom: -1px;
963
+ }
964
+ }
965
+
966
+ @media (min-width: $screen-sm) {
967
+ hr {
968
+ &.div {
969
+ margin: 0 0 60px 0;
970
+ }
971
+ }
972
+ }
973
+
974
+ .iasd-author-list {
975
+ a {
976
+ h3, h4 {
977
+ color: $text-color;
978
+ }
979
+ &:hover, &:focus {
980
+ color: $body-bg;
981
+ h3 {
982
+ color: $theme-main-color;
983
+ }
984
+ }
985
+ &:not(:focus) {
986
+ color: $body-bg;
987
+ }
988
+ }
989
+ em {
990
+ clear: both;
991
+ float: left;
992
+ }
993
+ h1, h2, h3, h4 {
994
+ @include text-overflow;
995
+ text-align: center;
996
+ }
997
+ h3 {
998
+ font-size: 18px !important;
999
+ font-weight: 600 !important;
1000
+ line-height: 30px !important;
1001
+ margin: -6px 0 6px 0 !important;
1002
+ }
1003
+ h4 {
1004
+ font-size: 14px;
1005
+ font-style: italic;
1006
+ font-weight: 400;
1007
+ line-height: 26px;
1008
+ margin: -9px 0 32px 0;
1009
+ }
1010
+ hr {
1011
+ margin: 0 0 40px;
1012
+ }
1013
+ .config {
1014
+ display: block;
1015
+ height: 40px;
1016
+ left: 0;
1017
+ padding: 0 15px;
1018
+ position: absolute;
1019
+ right: 0;
1020
+ top: 0;
1021
+ &.open {
1022
+ .toggle-config-link {
1023
+ &:after {
1024
+ content: '\f106';
1025
+ }
1026
+ }
1027
+ .well {
1028
+ display: table;
1029
+ }
1030
+ }
1031
+ }
1032
+ .entry-content {
1033
+ h2, h4 {
1034
+ font-size: 20px;
1035
+ font-style: italic;
1036
+ font-weight: 400;
1037
+ line-height: 26px;
1038
+ margin: -9px 0 20px 0;
1039
+ }
1040
+ h3 {
1041
+ clear: both;
1042
+ float: left;
1043
+ margin: 20px 0 0 0 !important;
1044
+ }
1045
+ }
1046
+ .iasd-main-title {
1047
+ text-align: left;
1048
+ }
1049
+ .toggle-config-link {
1050
+ color: $theme-main-color !important;
1051
+ float: right;
1052
+ font-size: 14px;
1053
+ font-style: italic;
1054
+ line-height: 40px;
1055
+ padding-right: 15px;
1056
+ position: relative;
1057
+ &:after {
1058
+ bottom: -1px;
1059
+ content: '\f107';
1060
+ font-family: FontAwesome;
1061
+ font-style: normal;
1062
+ position: absolute;
1063
+ right: 0;
1064
+ }
1065
+ }
1066
+ .well {
1067
+ -moz-box-shadow: none;
1068
+ -webkit-box-shadow: none;
1069
+ background: #ffffff;
1070
+ border: 1px solid $border-base;
1071
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
1072
+ display: none;
1073
+ min-height: 180px;
1074
+ margin: 0 -15px;
1075
+ position: absolute;
1076
+ right: 0;
1077
+ top: 50px;
1078
+ .tooltip-arrow {
1079
+ border-bottom-color: #ffffff;
1080
+ border-width: 0 10px 6px;
1081
+ display: none;
1082
+ left: 50%;
1083
+ margin-left: 111px;
1084
+ top: -4px;
1085
+ }
1086
+ }
1087
+ }
1088
+
1089
+ @media (min-width: $screen-sm) {
1090
+ .iasd-author-list {
1091
+ h1, h2 {
1092
+ text-align: left;
1093
+ }
1094
+ .well {
1095
+ margin: 0;
1096
+ right: 10px;
1097
+ .tooltip-arrow {
1098
+ display: block;
1099
+ }
1100
+ }
1101
+ }
1102
+ }
1103
+
1104
+ .iasd-author-list, #iasd-column-header, #iasd-columnists-list {
1105
+ em, p {
1106
+ a {
1107
+ &:hover, &:focus, &:not(:focus) {
1108
+ color: $theme-main-color;
1109
+ }
1110
+ }
1111
+ }
1112
+ .entry-content {
1113
+ margin-bottom: 40px;
1114
+ }
1115
+ .img-circle {
1116
+ img {
1117
+ height: auto !important;
1118
+ margin: 0 !important;
1119
+ width: 100% !important;
1120
+ }
1121
+ }
1122
+ figure {
1123
+ @include box-shadow(0 0 0 1px $border-base);
1124
+ background: {
1125
+ image: image-url("default_avatar.png");
1126
+ position: center center;
1127
+ repeat: no-repeat;
1128
+ };
1129
+ border: 3px solid $body-bg;
1130
+ height: 130px;
1131
+ margin: 0 auto $grid-gutter-width / 2;
1132
+ overflow: hidden;
1133
+ position: relative;
1134
+ width: 130px;
1135
+ }
1136
+ }
1137
+
1138
+ .iasd-author-list, .iasd-author-small, #iasd-column-header, #iasd-columnists-list {
1139
+ a {
1140
+ &:hover, &:focus {
1141
+ .img-gradient {
1142
+ @include image-gradient-hover;
1143
+ }
1144
+ }
1145
+ }
1146
+ .active {
1147
+ .img-gradient {
1148
+ @include image-gradient-hover;
1149
+ }
1150
+ }
1151
+ .img-gradient {
1152
+ @include image-gradient;
1153
+ height: 100%;
1154
+ left: 0;
1155
+ position: absolute;
1156
+ top: 0;
1157
+ width: 100%;
1158
+ }
1159
+ }
1160
+
1161
+ .iasd-author-small {
1162
+ border-top: 1px solid $border-base;
1163
+ padding: 30px 0;
1164
+ a {
1165
+ font-weight: 700;
1166
+ &:hover, &:focus {
1167
+ border-bottom: 1px dotted #269e9a;
1168
+ color: $link-color;
1169
+ }
1170
+ }
1171
+ h3 {
1172
+ font-size: 18px;
1173
+ font-weight: 600;
1174
+ }
1175
+ h4 {
1176
+ font-size: 14px;
1177
+ font-style: italic;
1178
+ }
1179
+ .info {
1180
+ margin: 0;
1181
+ }
1182
+ .img-circle {
1183
+ display: none;
1184
+ height: 80px;
1185
+ overflow: hidden;
1186
+ position: absolute;
1187
+ top: 30px;
1188
+ width: 80px;
1189
+ }
1190
+ }
1191
+
1192
+ @media (min-width: $screen-sm) {
1193
+ .iasd-author-small {
1194
+ padding: 16px 0 30px 0;
1195
+ .info {
1196
+ margin: 0 0 0 100px;
1197
+ }
1198
+ .img-circle {
1199
+ display: block;
1200
+ }
1201
+ }
1202
+ }
1203
+
1204
+ .iasd-contact-info {
1205
+ @include border-radius(5px);
1206
+ background: lighten($border-base, 7%);
1207
+ line-height: 18px !important;
1208
+ margin: 0;
1209
+ padding: 10px 30px 30px 30px;
1210
+ em, h3 {
1211
+ @include text-overflow;
1212
+ display: block;
1213
+ }
1214
+ h3 {
1215
+ font-size: 16px;
1216
+ font-style: italic;
1217
+ line-height: 26px;
1218
+ margin: 20px 0 16px 0;
1219
+ min-height: 22px;
1220
+ }
1221
+ p {
1222
+ line-height: 18px !important;
1223
+ margin: 0 0 10px !important;
1224
+ }
1225
+ a{
1226
+ color: $theme-main-color !important;
1227
+ &:hover, &:focus{
1228
+ color: lighten($theme-main-color, 10%) !important;
1229
+ }
1230
+ }
1231
+ }
1232
+
1233
+ @media (min-width: $screen-md) {
1234
+ .iasd-contact-info {
1235
+ h3 {
1236
+ font-size: 20px;
1237
+ }
1238
+ }
1239
+ }
1240
+
1241
+ .iasd-history {
1242
+ aside {
1243
+ ul {
1244
+ border-bottom: 1px solid $border-base;
1245
+ border-top: 1px solid $border-base;
1246
+ line-height: 18px;
1247
+ list-style: none;
1248
+ padding: 6px 0 1px 0;
1249
+ li {
1250
+ margin: 0 0 6px 0;
1251
+ &:after {
1252
+ color: $link-color;
1253
+ content: " »";
1254
+ }
1255
+ }
1256
+ }
1257
+ }
1258
+ em {
1259
+ display: block !important;
1260
+ font-size: 19px !important;
1261
+ margin: 0 0 20px 0 !important;
1262
+ }
1263
+ figure {
1264
+ @include border-radius(5px);
1265
+ max-width: 100%;
1266
+ overflow: hidden;
1267
+ &.float-left, &.float-right {
1268
+ margin: 20px 0 30px 0;
1269
+ position: relative;
1270
+ }
1271
+ &.float-right {
1272
+ float: left !important;
1273
+ }
1274
+ figcaption {
1275
+ @include opacity(0.6);
1276
+ background: #000000;
1277
+ bottom: 0;
1278
+ color: #ffffff;
1279
+ font-style: italic;
1280
+ line-height: 20px;
1281
+ padding: 10px 15px;
1282
+ position: relative;
1283
+ width: 100%;
1284
+ }
1285
+ }
1286
+ h2 {
1287
+ clear: both;
1288
+ font-size: 19px !important;
1289
+ margin: 30px 0 24px 0 !important;
1290
+ text-align: left !important;
1291
+ &.iasd-flag {
1292
+ font-weight: 900;
1293
+ margin: 42px 0 15px 35px !important;
1294
+ position: relative;
1295
+ &:before {
1296
+ background: image-url("institutional/sprite_bandeiras.svg") 0 0 no-repeat;
1297
+ content: '';
1298
+ display: inline-block;
1299
+ height: 23px;
1300
+ left: -38px;
1301
+ position: absolute;
1302
+ top: 3px;
1303
+ width: 23px;
1304
+ }
1305
+ &.arg:before {
1306
+ background-position: 0 0;
1307
+ }
1308
+ &.bra:before {
1309
+ background-position: 0 -25px;
1310
+ }
1311
+ &.chi:before {
1312
+ background-position: 0 -50px;
1313
+ }
1314
+ &.par:before {
1315
+ background-position: 0 -75px;
1316
+ }
1317
+ &.uru:before {
1318
+ background-position: 0 -100px;
1319
+ }
1320
+ &.per:before {
1321
+ background-position: 0 -125px;
1322
+ }
1323
+ &.equ:before {
1324
+ background-position: 0 -150px;
1325
+ }
1326
+ &.bol:before {
1327
+ background-position: 0 -175px;
1328
+ }
1329
+ }
1330
+ }
1331
+ }
1332
+
1333
+ .iasd-history, .highlight-box {
1334
+ aside {
1335
+ h3 {
1336
+ padding: 0 0 0 15px;
1337
+ }
1338
+ }
1339
+ h3 {
1340
+ color: $theme-alt-color;
1341
+ font-family: $alt-font-family-sans-serif;
1342
+ font-size: 17px;
1343
+ font-style: normal;
1344
+ font-weight: 400;
1345
+ letter-spacing: 0.02em;
1346
+ line-height: 32px;
1347
+ margin: 0;
1348
+ text-transform: uppercase;
1349
+ }
1350
+ }
1351
+
1352
+ @media (max-width: $screen-xs-max) {
1353
+ .iasd-history, .highlight-box {
1354
+ aside {
1355
+ h3 {
1356
+ padding: 0;
1357
+ text-align: left;
1358
+ }
1359
+ }
1360
+ h3 {
1361
+ text-align: center;
1362
+ }
1363
+ .btn {
1364
+ margin: 15px 0 0 0;
1365
+ }
1366
+ .col-sm-2, .col-sm-5 {
1367
+ padding: 0;
1368
+ }
1369
+ }
1370
+ }
1371
+
1372
+ @media (min-width: $screen-sm) {
1373
+ .iasd-history {
1374
+ aside {
1375
+ text-align: right;
1376
+ h2.iasd-flag {
1377
+ margin: 42px 0 15px 0 !important;
1378
+ }
1379
+ h3 {
1380
+ padding: 0;
1381
+ }
1382
+ ul {
1383
+ padding: 6px 0 1px 30px;
1384
+ }
1385
+ }
1386
+ figure {
1387
+ &.float-left {
1388
+ margin: 9px 30px 9px 0;
1389
+ }
1390
+ &.float-right {
1391
+ float: right !important;
1392
+ margin: 9px 0 9px 30px;
1393
+ }
1394
+ }
1395
+ h3 {
1396
+ margin: 0 0 0 -15px;
1397
+ }
1398
+ ul {
1399
+ padding: 6px 0 1px 20px;
1400
+ }
1401
+ }
1402
+ }
1403
+
1404
+ @media (max-width: $screen-md) {
1405
+ .iasd-history {
1406
+ figure {
1407
+ &.align-center {
1408
+ left: initial;
1409
+ }
1410
+ }
1411
+ }
1412
+ }
1413
+
1414
+ @media (min-width: $screen-md) {
1415
+ .iasd-history {
1416
+ figure {
1417
+ &.float-left {
1418
+ margin: 13px 30px 13px -158px;
1419
+ }
1420
+ &.float-right {
1421
+ margin: 13px -158px 13px 30px;
1422
+ }
1423
+ figcaption {
1424
+ position: absolute;
1425
+ }
1426
+ img {
1427
+ &.img-responsive {
1428
+ max-width: initial;
1429
+ }
1430
+ }
1431
+ }
1432
+ }
1433
+ }
1434
+
1435
+ .iasd-institutional {
1436
+ &.top-up {
1437
+ margin-top: -90px;
1438
+ }
1439
+ em {
1440
+ display: block;
1441
+ font-size: 14px;
1442
+ // margin: 10px 0 20px 0;
1443
+ margin: 10px 0 30px 0;
1444
+ }
1445
+ figure {
1446
+ overflow: hidden;
1447
+ position: relative;
1448
+ }
1449
+ h1, h2 {
1450
+ margin: 0 0 30px 0;
1451
+ text-align: center;
1452
+ }
1453
+ .mission-vision {
1454
+ @include border-radius(5px);
1455
+ @include box-shadow(1px 1px 0 white, inset 1px 1px 0 $border-base);
1456
+ background: lighten($border-base, 7%);
1457
+ color: $alt-text-color;
1458
+ font-family: $font-family-sans-serif;
1459
+ margin: 30px 0 0 0;
1460
+ padding: 35px;
1461
+ .col-sm-2 {
1462
+ font-size: 18px;
1463
+ font-style: italic;
1464
+ font-weight: 900;
1465
+ margin: 0 0 30px 0;
1466
+ }
1467
+ // hr {
1468
+ // @include box-shadow(1px 1px 0 #fff, inset 1px 1px 0 $border-base);
1469
+ // }
1470
+
1471
+ }
1472
+ }
1473
+
1474
+ @media (max-width: $screen-xs-max) {
1475
+ .iasd-institutional {
1476
+ ol {
1477
+ li {
1478
+ text-align: center;
1479
+ &:before {
1480
+ left: 0;
1481
+ margin: -10px 0 15px 0;
1482
+ position: relative;
1483
+ text-align: center;
1484
+ width: 100%;
1485
+ }
1486
+ }
1487
+ }
1488
+ }
1489
+ }
1490
+
1491
+ @media (min-width: $screen-sm) {
1492
+ .iasd-institutional {
1493
+ .mission-vision {
1494
+ .col-sm-2 {
1495
+ margin: 0;
1496
+ text-align: right;
1497
+ }
1498
+ }
1499
+ }
1500
+ }
1501
+
1502
+ .iasd-organization {
1503
+ ol {
1504
+ padding: 0 !important;
1505
+ li {
1506
+ @include border-radius(5px);
1507
+ @include box-shadow(1px 2px 7px 0px rgba(0, 0, 0, 0.1));
1508
+ background-color: #ffffff;
1509
+ counter-increment: organization-level;
1510
+ display: block;
1511
+ font-size: 15px;
1512
+ line-height: 21px;
1513
+ margin: 0 0 25px 0;
1514
+ padding: 30px;
1515
+ position: relative;
1516
+ &:before {
1517
+ color: $link-color;
1518
+ content: counter(organization-level);
1519
+ display: block;
1520
+ font-size: 40px;
1521
+ font-weight: 700;
1522
+ height: 50px;
1523
+ left: -60px;
1524
+ line-height: 50px;
1525
+ margin: -25px 0 0 0;
1526
+ position: absolute;
1527
+ text-align: right;
1528
+ text-shadow: 1px 1px 0px #fff;
1529
+ top: 50%;
1530
+ width: 40px;
1531
+ }
1532
+ & + li {
1533
+ padding-top: 30px !important;
1534
+ }
1535
+ }
1536
+ }
1537
+ .entry-content {
1538
+ ol {
1539
+ li {
1540
+ & + li {
1541
+ -webkit-box-shadow: 1px 2px 7px 0px rgba(0, 0, 0, 0.1) !important;
1542
+ -moz-box-shadow: 1px 2px 7px 0px rgba(0, 0, 0, 0.1) !important;
1543
+ box-shadow: 1px 2px 7px 0px rgba(0, 0, 0, 0.1) !important;
1544
+ }
1545
+ }
1546
+ }
1547
+ }
1548
+ }
1549
+
1550
+ #iasd-institutional-cover {
1551
+ .iasd-institutional-header {
1552
+ background-position: center bottom !important;
1553
+ height: 216px;
1554
+ figcaption {
1555
+ background: none;
1556
+ bottom: 0;
1557
+ padding: 0 15px 45px 15px;
1558
+ position: absolute;
1559
+ }
1560
+ }
1561
+ }
1562
+
1563
+ .iasd-institutional-footer {
1564
+ @include border-radius(5px);
1565
+ @include box-shadow(1px 1px 0 white, inset 1px 1px 0 $border-base);
1566
+ background: lighten($border-base, 7%);
1567
+ color: $alt-text-color;
1568
+ float: left;
1569
+ font-family: $font-family-sans-serif;
1570
+ margin: 20px 0 0 0;
1571
+ padding: 25px 15px;
1572
+ h1 {
1573
+ font-size: 12px;
1574
+ font-weight: 600;
1575
+ height: 30px;
1576
+ line-height: 30px;
1577
+ margin: 0;
1578
+ text-align: left;
1579
+ text-transform: uppercase;
1580
+ a {
1581
+ color: $alt-text-color;
1582
+ &.active, &:hover, &:focus {
1583
+ border: 0;
1584
+ color: $text-color !important;
1585
+ a {
1586
+ color: $text-color !important;
1587
+ }
1588
+ &:before {
1589
+ color: $link-color;
1590
+ content: "\f105";
1591
+ float: left;
1592
+ font-family: FontAwesome;
1593
+ font-size: 20px;
1594
+ font-weight: 500;
1595
+ margin: 0 0 0 -14px;
1596
+ }
1597
+ }
1598
+ }
1599
+ }
1600
+ li {
1601
+ line-height: 15px;
1602
+ margin: 0 0 -5px 0;
1603
+ a {
1604
+ color: $alt-text-color;
1605
+ font-weight: 500;
1606
+ &.active, &:hover, &:focus {
1607
+ border: 0;
1608
+ color: $text-color;
1609
+ &:before {
1610
+ color: $link-color;
1611
+ content: "\f105";
1612
+ float: left;
1613
+ font-family: FontAwesome;
1614
+ font-size: 20px;
1615
+ font-weight: 500;
1616
+ margin: 0 0 0 -14px;
1617
+ }
1618
+ }
1619
+ }
1620
+ }
1621
+ ul {
1622
+ list-style: none;
1623
+ margin: 0 0 30px 0;
1624
+ padding: 0 !important;
1625
+ li {
1626
+ list-style: none !important;
1627
+ & + li {
1628
+ margin-top: 10px;
1629
+ }
1630
+ }
1631
+ }
1632
+ }
1633
+
1634
+ @media (max-width: $screen-xs-max) {
1635
+ .iasd-institutional-footer {
1636
+ h1 {
1637
+ margin: 0 0 10px 0;
1638
+ }
1639
+ ul {
1640
+ li {
1641
+ margin: 0 0 10px 0;
1642
+ }
1643
+ }
1644
+ }
1645
+ }
1646
+
1647
+ .iasd-institutional-gallery {
1648
+ figcaption {
1649
+ p {
1650
+ margin: 15px 0;
1651
+ }
1652
+ }
1653
+ }
1654
+
1655
+ .iasd-institutional-header {
1656
+ background-position: left center !important;
1657
+ // height: 216px;
1658
+ height: auto;
1659
+ margin: -70px 0 60px 0;
1660
+ max-height: 550px;
1661
+ position: relative;
1662
+ em {
1663
+ font-size: 17px;
1664
+ letter-spacing: -0.02em;
1665
+ text-shadow: 1px 1px 1px rgba($gray-dark, 0.5);
1666
+ }
1667
+ figcaption {
1668
+ background: $theme-main-color;
1669
+ // IE8 Fallback :(
1670
+ background: rgba($theme-main-color, 0.5);
1671
+ display: block;
1672
+ margin: 0;
1673
+ max-width: 100%;
1674
+ padding: 25px 35px 40px 35px;
1675
+ position: relative;
1676
+ * {
1677
+ color: $body-bg;
1678
+ }
1679
+ &.col-sm-12 {
1680
+ width: 100%;
1681
+ }
1682
+ }
1683
+ h1, h2 {
1684
+ color: $body-bg;
1685
+ font-family: $alt-font-family-sans-serif;
1686
+ font-weight: 100;
1687
+ text-shadow: 1px 1px 1px rgba($gray-dark, 0.5);
1688
+ text-transform: uppercase;
1689
+ }
1690
+ h1 {
1691
+ bottom: 60px;
1692
+ font-size: 30px;
1693
+ letter-spacing: 0.01em;
1694
+ }
1695
+ h2 {
1696
+ font-size: 19px;
1697
+ letter-spacing: 0.02em;
1698
+ margin: 0 0 -6px 0;
1699
+ &:after {
1700
+ content: "\f105";
1701
+ font-family: FontAwesome;
1702
+ font-size: 12px;
1703
+ font-weight: 100;
1704
+ left: 8px;
1705
+ position: relative;
1706
+ top: -3px;
1707
+ }
1708
+ }
1709
+ .container {
1710
+ height: 100%;
1711
+ padding: 0;
1712
+ position: relative;
1713
+ }
1714
+ }
1715
+
1716
+ @media (min-width: $screen-sm) {
1717
+ #iasd-institutional-cover {
1718
+ .iasd-institutional-header {
1719
+ height: 350px;
1720
+ figcaption {
1721
+ padding: 0 15px 45px 0;
1722
+ }
1723
+ }
1724
+ }
1725
+ .iasd-institutional-header {
1726
+ background-position: -740px center !important;
1727
+ height: 550px;
1728
+ em {
1729
+ font-size: 17px;
1730
+ }
1731
+ figcaption {
1732
+ @include border-radius(5px 5px 0 0);
1733
+ bottom: 0;
1734
+ left: 0;
1735
+ margin: 0 15px;
1736
+ padding: 40px 35px;
1737
+ position: absolute;
1738
+ width: 348px;
1739
+ }
1740
+ h1 {
1741
+ font-size: 42px;
1742
+ }
1743
+ .container {
1744
+ padding: 0 15px;
1745
+ }
1746
+ }
1747
+ }
1748
+
1749
+ @media (min-width: $screen-md) {
1750
+ .iasd-institutional-header {
1751
+ background-position: center center !important;
1752
+ height: 550px;
1753
+ figcaption {
1754
+ width: 540px;
1755
+ }
1756
+ h1 {
1757
+ font-size: 49px;
1758
+ }
1759
+ }
1760
+ }
1761
+
1762
+ .iasd-institutional-menu {
1763
+ @include box-shadow(3px 0 6px rgba(0, 0, 0, 0.25));
1764
+ @include opacity(0.9);
1765
+ background: $alt-text-color;
1766
+ display: none;
1767
+ left: 0;
1768
+ position: fixed;
1769
+ top: -80px;
1770
+ transition: 1s;
1771
+ width: 100%;
1772
+ z-index: 999;
1773
+ &.active {
1774
+ top: 0;
1775
+ }
1776
+ ul {
1777
+ list-style: none;
1778
+ margin: 0;
1779
+ padding: 0;
1780
+ li {
1781
+ display: inline-block;
1782
+ font-size: 18px;
1783
+ font-style: italic;
1784
+ font-weight: 400;
1785
+ line-height: 70px;
1786
+ padding: 0 50px 0 0;
1787
+ &.active, &.current-menu-item {
1788
+ a {
1789
+ @include opacity(1);
1790
+ }
1791
+ }
1792
+ a {
1793
+ @include opacity(0.7);
1794
+ color: $body-bg;
1795
+ &:hover, &:focus {
1796
+ @include opacity(1);
1797
+ }
1798
+ }
1799
+ }
1800
+ }
1801
+ }
1802
+
1803
+ .admin-bar {
1804
+ .iasd-institutional-menu {
1805
+ &.active {
1806
+ top: 32px;
1807
+ }
1808
+ }
1809
+ }
1810
+
1811
+ @media (min-width: $screen-sm) {
1812
+ .iasd-institutional-menu {
1813
+ display: block;
1814
+ }
1815
+ }
1816
+
1817
+ .iasd-learn-more {
1818
+ overflow: hidden;
1819
+ margin: 0 0 30px 0;
1820
+ em {
1821
+ margin: 0;
1822
+ }
1823
+ h1 {
1824
+ border-bottom: 1px solid $border-base;
1825
+ color: $theme-alt-color;
1826
+ font-family: $alt-font-family-sans-serif;
1827
+ font-size: 17px;
1828
+ font-weight: 500;
1829
+ margin: 30px 0;
1830
+ text-align: left;
1831
+ text-transform: uppercase;
1832
+ }
1833
+ .col-sm-4 {
1834
+ border-bottom: 1px solid $border-base;
1835
+ border-left: 1px solid $border-base;
1836
+ margin: 0 0 15px 0;
1837
+ max-width: initial;
1838
+ padding: 0 30px 15px 20px;
1839
+ }
1840
+ }
1841
+
1842
+ @media (min-width: $screen-sm) {
1843
+ .iasd-learn-more {
1844
+ .col-sm-4 {
1845
+ border-bottom: 0;
1846
+ padding: 0 30px 0 20px;
1847
+ }
1848
+ }
1849
+ }
1850
+
1851
+ .iasd-main-title {
1852
+ @include main-title;
1853
+ @include text-overflow;
1854
+ margin: 0 0 30px 0 !important;
1855
+ & + .sharing-links {
1856
+ margin: 0 0 30px 0;
1857
+ }
1858
+ }
1859
+
1860
+ #iasd-masonry, , #iasd-masonry-two {
1861
+ a {
1862
+ .masonry-item {
1863
+ &:hover {
1864
+ h2 {
1865
+ color: $link-color !important;
1866
+ }
1867
+ .iasd-video-play {
1868
+ @include opacity(0.75);
1869
+ }
1870
+ .learn-more {
1871
+ background: rgba($theme-main-color, 0.8);
1872
+ bottom: 0;
1873
+ }
1874
+ }
1875
+ }
1876
+ }
1877
+ &.color-boxes {
1878
+ .col-md-4 {
1879
+ @include border-radius(5px);
1880
+ color: #ffffff;
1881
+ font-size: 14px;
1882
+ font-weight: 400;
1883
+ line-height: 21px;
1884
+ margin: 0 4% 8% 4%;
1885
+ padding: 73px 20px 20px 20px;
1886
+ text-align: center;
1887
+ width: 42%;
1888
+ &:after {
1889
+ background: image-url("institutional/sprite_icones.svg") no-repeat;
1890
+ content: '';
1891
+ display: block;
1892
+ height: 28px;
1893
+ left: 50%;
1894
+ margin: 0 0 0 -14px;
1895
+ position: absolute;
1896
+ top: 27px;
1897
+ width: 28px;
1898
+ }
1899
+ &:before {
1900
+ border-bottom: 1px solid #fff;
1901
+ content: '';
1902
+ display: block;
1903
+ left: 50%;
1904
+ margin-left: -54px;
1905
+ opacity: .5;
1906
+ position: absolute;
1907
+ top: 65px;
1908
+ width: 108px;
1909
+ }
1910
+ &.ico-bible:after {
1911
+ background-position: 0 -83px;
1912
+ }
1913
+ &.ico-books:after {
1914
+ background-position: 0 -55px;
1915
+ }
1916
+ &.ico-camera:after {
1917
+ background-position: 0 -308px;
1918
+ }
1919
+ &.ico-congregation:after {
1920
+ background-position: 0 -392px;
1921
+ }
1922
+ &.ico-cross:after {
1923
+ background-position: 0 -644px;
1924
+ }
1925
+ &.ico-cutlery:after {
1926
+ background-position: 0 -280px;
1927
+ }
1928
+ &.ico-employees:after {
1929
+ background-position: 0 -196px;
1930
+ }
1931
+ &.ico-flag:after {
1932
+ background-position: 0 0;
1933
+ }
1934
+ &.ico-graph:after {
1935
+ background-position: 0 -420px;
1936
+ }
1937
+ &.ico-group:after {
1938
+ background-position: 0 -112px;
1939
+ }
1940
+ &.ico-health:after {
1941
+ background-position: 0 -252px;
1942
+ }
1943
+ &.ico-heart:after {
1944
+ background-position: 0 -224px;
1945
+ }
1946
+ &.ico-hood:after {
1947
+ background-position: 0 -616px;
1948
+ }
1949
+ &.ico-home:after {
1950
+ background-position: 0 -364px;
1951
+ }
1952
+ &.ico-pencil:after {
1953
+ background-position: 0 -532px;
1954
+ }
1955
+ &.ico-man:after {
1956
+ background-position: 0 -448px;
1957
+ }
1958
+ &.ico-map:after {
1959
+ background-position: 0 -140px;
1960
+ }
1961
+ &.ico-mic:after {
1962
+ background-position: 0 -560px;
1963
+ }
1964
+ &.ico-minister:after {
1965
+ background-position: 0 -504px;
1966
+ }
1967
+ &.ico-sheets:after {
1968
+ background-position: 0 -27px;
1969
+ }
1970
+ &.ico-smile:after {
1971
+ background-position: 0 -336px;
1972
+ }
1973
+ &.ico-teacher:after {
1974
+ background-position: 0 -672px;
1975
+ }
1976
+ &.ico-tv:after {
1977
+ background-position: 0 -591px;
1978
+ }
1979
+ &.ico-woman:after {
1980
+ background-position: 0 -476px;
1981
+ }
1982
+ &.ico-world:after {
1983
+ background-position: 0 -168px;
1984
+ }
1985
+ &.blue {
1986
+ background: #269e9a;
1987
+ }
1988
+ &.gray {
1989
+ background: #b4ab9d;
1990
+ }
1991
+ &.green {
1992
+ background: #7ba47c;
1993
+ }
1994
+ &.yellow {
1995
+ background: #e2b32c;
1996
+ }
1997
+ strong {
1998
+ font-size: 18px;
1999
+ font-weight: 900;
2000
+ }
2001
+ }
2002
+ }
2003
+ }
2004
+
2005
+ #beliefs {
2006
+ #iasd-masonry {
2007
+ figure {
2008
+ &:after {
2009
+ background: $theme-main-color;
2010
+ // IE8 Fallback :(
2011
+ background: rgba($theme-main-color, 0.6);
2012
+ border-radius: 50%;
2013
+ color: #ffffff;
2014
+ content: counter(beliefs);
2015
+ counter-increment: beliefs;
2016
+ display: block;
2017
+ font-size: 40px;
2018
+ font-weight: 900;
2019
+ height: 80px;
2020
+ left: 50%;
2021
+ line-height: 80px;
2022
+ margin: -40px 0 0 -40px;
2023
+ overflow: hidden;
2024
+ position: absolute;
2025
+ text-align: center;
2026
+ text-transform: uppercase;
2027
+ top: 50%;
2028
+ width: 80px;
2029
+ }
2030
+ }
2031
+ }
2032
+ }
2033
+
2034
+ .masonry-item {
2035
+ @include border-radius(5px);
2036
+ @include box-shadow(1px 0 4px $border-base);
2037
+ background: #ffffff;
2038
+ margin: 0 0 30px 0;
2039
+ overflow: hidden;
2040
+ padding: 0 0 25px 0;
2041
+ * {
2042
+ -moz-transition: all 0.25s ease-in-out;
2043
+ -ms-transition: all 0.25s ease-in-out;
2044
+ -o-transition: all 0.25s ease-in-out;
2045
+ -webkit-transition: all 0.25s ease-in-out;
2046
+ transition: all 0.25s ease-in-out;
2047
+ }
2048
+ em {
2049
+ color: $alt-text-color;
2050
+ font-size: 12px;
2051
+ font-weight: 500;
2052
+ letter-spacing: -0.01em;
2053
+ padding: 0 30px;
2054
+ text-align: center;
2055
+ }
2056
+ h2 {
2057
+ color: $text-color;
2058
+ font-size: 18px;
2059
+ font-weight: 900;
2060
+ line-height: 21px;
2061
+ margin: 0 0 7px 0;
2062
+ padding: 25px 30px 5px 30px;
2063
+ text-align: center;
2064
+ }
2065
+ img {
2066
+ width: 100%;
2067
+ }
2068
+ p {
2069
+ color: $text-color;
2070
+ font-weight: 400;
2071
+ letter-spacing: 0.01em;
2072
+ line-height: 21px;
2073
+ padding-left: 30px;
2074
+ padding-right: 30px;
2075
+ text-align: center;
2076
+ }
2077
+ .btn-default {
2078
+ display: block;
2079
+ margin: 22px 30px 0 22px;
2080
+ }
2081
+ .iasd-download-badge {
2082
+ background: image-url("institutional/download-badge.png") center center no-repeat;
2083
+ height: 48px;
2084
+ position: absolute;
2085
+ right: 13px;
2086
+ top: -2px;
2087
+ width: 48px;
2088
+ }
2089
+ .learn-more {
2090
+ background: $theme-main-color;
2091
+ // IE8 Fallback :(
2092
+ background: rgba($theme-main-color, 0.6);
2093
+ bottom: -25px;
2094
+ color: #ffffff !important;
2095
+ font-size: 12px;
2096
+ left: 0;
2097
+ line-height: 30px;
2098
+ padding: 0 8px 0 0;
2099
+ position: absolute;
2100
+ text-align: center;
2101
+ text-transform: uppercase;
2102
+ width: 100%;
2103
+ &:after {
2104
+ content: "\f105";
2105
+ font-family: FontAwesome;
2106
+ font-size: 16px;
2107
+ font-weight: 900;
2108
+ left: 9px;
2109
+ position: relative;
2110
+ top: 1px;
2111
+ }
2112
+ }
2113
+ }
2114
+
2115
+ @media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
2116
+ .col-md-8 .color-boxes {
2117
+ margin-left: 0;
2118
+ }
2119
+ }
2120
+
2121
+ @media (min-width: 480px) {
2122
+ #iasd-masonry, #iasd-masonry-two {
2123
+ &.color-boxes {
2124
+ .col-md-4 {
2125
+ margin: 0 2% 4% 2%;
2126
+ width: 29.3333333%;
2127
+ }
2128
+ }
2129
+ }
2130
+ }
2131
+
2132
+ @media (max-width: 480px) {
2133
+ #iasd-masonry, #iasd-masonry-two {
2134
+ &.color-boxes {
2135
+ margin-left: 0;
2136
+ margin-right: 0;
2137
+ }
2138
+ }
2139
+ }
2140
+
2141
+ @media (min-width: $screen-sm) {
2142
+ #iasd-masonry, #iasd-masonry-two {
2143
+ &.color-boxes {
2144
+ .col-md-4 {
2145
+ margin: 0 10px 20px 10px;
2146
+ width: 128px;
2147
+ }
2148
+ }
2149
+ }
2150
+ }
2151
+
2152
+ @media (min-width: $screen-md) {
2153
+ #iasd-masonry, #iasd-masonry-two {
2154
+ &.color-boxes {
2155
+ .col-md-4 {
2156
+ width: 141px;
2157
+ }
2158
+ }
2159
+ }
2160
+ }
2161
+
2162
+ #iasd-page-prevnext {
2163
+ border-top: 1px solid #e0d8cd;
2164
+ float: left;
2165
+ padding-bottom: 25px;
2166
+ padding-top: 25px;
2167
+ width: 100%;
2168
+ &.single {
2169
+ .page-prevnext {
2170
+ width: 100%;
2171
+ }
2172
+ }
2173
+ .page-prevnext {
2174
+ float: left;
2175
+ width: 49%;
2176
+ &.pull-right {
2177
+ text-align: right;
2178
+ a {
2179
+ float: right;
2180
+ }
2181
+ .btn-default {
2182
+ float: right;
2183
+ margin-left: 14px;
2184
+ margin-right: 0;
2185
+ }
2186
+ }
2187
+ a {
2188
+ @include text-overflow;
2189
+ border: 0;
2190
+ font-weight: bold;
2191
+ color: $theme-main-color;
2192
+ display: block;
2193
+ float: left;
2194
+ font-weight: bold;
2195
+ max-width: 85%;
2196
+ &:hover, &:focus {
2197
+ color: lighten($theme-main-color, 5%);
2198
+ }
2199
+ &.single {
2200
+ display: table-cell;
2201
+ line-height: 40px;
2202
+ margin: 0;
2203
+ overflow: initial;
2204
+ text-overflow: initial;
2205
+ vertical-align: middle;
2206
+ white-space: initial;
2207
+ }
2208
+ }
2209
+ em {
2210
+ @include text-overflow;
2211
+ display: block;
2212
+ margin-bottom: -9px;
2213
+ }
2214
+ .btn-default {
2215
+ float: left;
2216
+ font-size: 21px;
2217
+ height: 40px;
2218
+ line-height: 21px;
2219
+ margin-right: 14px;
2220
+ width: 30px;
2221
+ }
2222
+ em {
2223
+ @include text-overflow;
2224
+ display: block;
2225
+ margin-bottom: -9px;
2226
+ }
2227
+ .hidden-xs {
2228
+ a {
2229
+ margin-top: 9px;
2230
+ }
2231
+ }
2232
+ }
2233
+ }
2234
+
2235
+ .iasd-search-filters {
2236
+ border-bottom: 1px solid $border-base;
2237
+ margin-top: 25px;
2238
+ a {
2239
+ h3 {
2240
+ &:hover, &:focus {
2241
+ border-color: $theme-main-color;
2242
+ color: $theme-main-color;
2243
+ }
2244
+ }
2245
+ }
2246
+ h3 {
2247
+ border-top: 1px solid $border-base;
2248
+ color: $alt-text-color;
2249
+ font-size: 12px;
2250
+ height: 40px;
2251
+ line-height: 40px;
2252
+ margin: 0;
2253
+ padding: 0 0 0 15px !important;
2254
+ text-transform: uppercase;
2255
+ &:after {
2256
+ content: "\f107";
2257
+ float: right;
2258
+ font-family: FontAwesome;
2259
+ font-size: 15px;
2260
+ font-weight: 400;
2261
+ line-height: 40px;
2262
+ margin: 0 15px 0 0;
2263
+ }
2264
+ &.active {
2265
+ border-color: $theme-main-color;
2266
+ color: $theme-main-color;
2267
+ &:after {
2268
+ content: "\f106";
2269
+ }
2270
+ }
2271
+ }
2272
+ li {
2273
+ a {
2274
+ color: $alt-text-color;
2275
+ &:hover, &:focus {
2276
+ color: $theme-main-color;
2277
+ }
2278
+ }
2279
+ }
2280
+ .panel-collapse {
2281
+ padding-bottom: 15px;
2282
+ li {
2283
+ padding: 0 0 0 15px;
2284
+ }
2285
+ }
2286
+ }
2287
+
2288
+ .iasd-tags, .solr_active {
2289
+ margin: 0 0 30px -5px;
2290
+ a {
2291
+ -webkit-border-radius: 3px !important;
2292
+ -moz-border-radius: 3px !important;
2293
+ -ms-border-radius: 3px !important;
2294
+ -o-border-radius: 3px !important;
2295
+ border-radius: 3px !important;
2296
+ @include text-overflow;
2297
+ background: $body-bg-bevel !important;
2298
+ color: $alt-text-color !important;
2299
+ display: inline-block;
2300
+ font-size: 12px !important;
2301
+ font-weight: 400;
2302
+ height: 20px;
2303
+ line-height: 20px;
2304
+ margin: 0 0 6px 4px !important;
2305
+ max-width: 100%;
2306
+ padding: 0 7px !important;
2307
+ &:hover, &:focus {
2308
+ background: $theme-main-color !important;
2309
+ border-bottom: none;
2310
+ color: $body-bg !important;
2311
+ .badge {
2312
+ background: #ffffff;
2313
+ color: $theme-main-color;
2314
+ }
2315
+ }
2316
+ .badge {
2317
+ background: $alt-text-color;
2318
+ margin: 0 0 0 7px;
2319
+ }
2320
+ }
2321
+ }
2322
+
2323
+ .main.iasd-tags {
2324
+ a {
2325
+ height: 30px;
2326
+ line-height: 30px;
2327
+ }
2328
+ }
2329
+
2330
+ li.solr_active {
2331
+ float: left;
2332
+ margin: 0 10px 0 0;
2333
+ a {
2334
+ margin: 0 4px 6px 0 !important;
2335
+ &:after {
2336
+ content: "\f00d";
2337
+ float: right;
2338
+ font-family: FontAwesome;
2339
+ font-size: 12px;
2340
+ font-weight: 400;
2341
+ line-height: 20px;
2342
+ margin-left: 3px;
2343
+ }
2344
+ }
2345
+ }
2346
+
2347
+ ul.solr_facets, .solr_facets ol {
2348
+ list-style: none;
2349
+ padding-left: 0;
2350
+ }
2351
+
2352
+ .solr_facets {
2353
+ a {
2354
+ color: $theme-main-color;
2355
+ }
2356
+ }
2357
+
2358
+ .iasd-video-play {
2359
+ @include opacity(1);
2360
+ -moz-transition: all 0.25s ease-in-out;
2361
+ -ms-transition: all 0.25s ease-in-out;
2362
+ -o-transition: all 0.25s ease-in-out;
2363
+ -webkit-transition: all 0.25s ease-in-out;
2364
+ transition: all 0.25s ease-in-out;
2365
+ background: image-url("institutional/video-play.png") center center no-repeat;
2366
+ height: 100%;
2367
+ left: 0;
2368
+ position: absolute;
2369
+ top: 0;
2370
+ width: 100%;
2371
+ &:hover, &:focus {
2372
+ @include opacity(0.75);
2373
+ }
2374
+ }
2375
+
2376
+ .iasd-widget-slider h1.hidden-xs {
2377
+ display: none !important;
2378
+ }
2379
+
2380
+ @media (min-width: $screen-sm) {
2381
+ .iasd-widget-slider h1.hidden-xs {
2382
+ display: block !important;
2383
+ }
2384
+ }
2385
+
2386
+ .img-holder {
2387
+ background-position: 50%;
2388
+ background-size: cover !important;
2389
+ height: 100%;
2390
+ width: 100%;
2391
+ }
2392
+
2393
+ .img-rounded {
2394
+ overflow: hidden;
2395
+ }
2396
+
2397
+ .img-thumbnail, .thumbnail {
2398
+ padding: 3px;
2399
+ }
2400
+
2401
+ .inst-address {
2402
+ .btn {
2403
+ line-height: 14px;
2404
+ margin-top: 8px;
2405
+ width: 120px;
2406
+ }
2407
+ em {
2408
+ display: block;
2409
+ a {
2410
+ font-weight: 500;
2411
+ }
2412
+ }
2413
+ h2 {
2414
+ @include text-overflow;
2415
+ font-size: 18px !important;
2416
+ font-weight: 700 !important;
2417
+ margin: 0 0 10px 0 !important;
2418
+ }
2419
+ h3 {
2420
+ margin: -10px 0 20px 0;
2421
+ }
2422
+ hr {
2423
+ margin: 40px 0;
2424
+ }
2425
+ iframe {
2426
+ margin-top: 30px;
2427
+ }
2428
+ img {
2429
+ margin: 0 0 30px 0;
2430
+ }
2431
+ p {
2432
+ margin-bottom: 5px !important;
2433
+ }
2434
+ small {
2435
+ display: none;
2436
+ }
2437
+ .col-sm-4 {
2438
+ &.inst-item {
2439
+ padding-left: 0;
2440
+ }
2441
+ }
2442
+ .inst-item {
2443
+ float: left;
2444
+ margin: 0 0 40px 0;
2445
+ .btn {
2446
+ margin-top: 13px;
2447
+ }
2448
+ .col-xs-12 {
2449
+ padding: 0;
2450
+ }
2451
+ h2 {
2452
+ font-size: 16px !important;
2453
+ }
2454
+ }
2455
+ }
2456
+
2457
+ @media (min-width: $screen-sm) {
2458
+ .inst-address {
2459
+ & > article {
2460
+ img {
2461
+ margin: 0;
2462
+ }
2463
+ }
2464
+ .col-sm-8 {
2465
+ img {
2466
+ margin: initial;
2467
+ }
2468
+ }
2469
+ .inst-item {
2470
+ .col-xs-12 {
2471
+ padding: 0 8px;
2472
+ }
2473
+ }
2474
+ }
2475
+ }
2476
+
2477
+ @media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
2478
+ .inst-address {
2479
+ .col-sm-8 {
2480
+ & > .row {
2481
+ & > .col-md-12 {
2482
+ padding-left: 30px;
2483
+ }
2484
+ }
2485
+ }
2486
+ .inst-item {
2487
+ min-height: 140px;
2488
+ }
2489
+ }
2490
+ }
2491
+
2492
+ @media (max-width: $screen-xs-max) {
2493
+ .inst-address {
2494
+ .col-sm-8 {
2495
+ & > .row {
2496
+ & > .col-md-12 {
2497
+ padding: 0;
2498
+ }
2499
+ }
2500
+ }
2501
+ }
2502
+ }
2503
+
2504
+ .mejs-container {
2505
+ max-width: 100%;
2506
+ width: 100% !important;
2507
+ }
2508
+
2509
+ @media (min-width: $screen-md) {
2510
+ .mejs-container {
2511
+ width: 293px !important;
2512
+ }
2513
+ }
2514
+
2515
+ .more-link {
2516
+ @include box-shadow(inset 0 1px 0 $border-base);
2517
+ color: $theme-main-color !important;
2518
+ display: block;
2519
+ font-weight: 700;
2520
+ margin: 0 !important;
2521
+ &:hover, &:focus {
2522
+ border-bottom: none !important;
2523
+ color: lighten($theme-main-color, 15%) !important;
2524
+ }
2525
+ }
2526
+
2527
+ .entry-content, .iasd-archive {
2528
+ .more-link {
2529
+ color: $theme-main-color !important;
2530
+ &:hover, &:focus {
2531
+ border-bottom: none !important;
2532
+ color: lighten($theme-main-color, 15%) !important;
2533
+ }
2534
+ }
2535
+ }
2536
+
2537
+ .iasd-highlight {
2538
+ .more-link {
2539
+ margin-top: 30px;
2540
+ padding-top: 10px;
2541
+ }
2542
+ }
2543
+
2544
+ article {
2545
+ .more-link {
2546
+ margin-top: 30px;
2547
+ padding-top: 10px;
2548
+ }
2549
+ }
2550
+
2551
+ .solr_pages {
2552
+ @include border-radius(5px);
2553
+ border: 1px solid $border-base;
2554
+ display: table;
2555
+ margin: 0 auto;
2556
+ a {
2557
+ color: $theme-main-color !important;
2558
+ &:hover {
2559
+ background: $body-bg-bevel;
2560
+ }
2561
+ &.solr_pages_on {
2562
+ background: $theme-main-color !important;
2563
+ color: #fbf6f0 !important;
2564
+ }
2565
+ }
2566
+ a, p {
2567
+ display: inline-block;
2568
+ line-height: 32px !important;
2569
+ margin-left: -1px !important;
2570
+ padding: 0 10px;
2571
+ }
2572
+ a, .pn-break {
2573
+ border-left: 1px solid $border-base;
2574
+ }
2575
+ p {
2576
+ color: $alt-text-color;
2577
+ }
2578
+ .pn-break, .pn-5, .pn-10, .pn-20, .pn-30, .pn-40, .pn-50, .pn-last {
2579
+ display: none;
2580
+ }
2581
+ }
2582
+
2583
+ @media (min-width: $screen-sm) {
2584
+ .solr_pages {
2585
+ .pn-break, .pn-5, .pn-10, .pn-last {
2586
+ display: inline-block;
2587
+ }
2588
+ }
2589
+ }
2590
+
2591
+ @media (min-width: $screen-md) {
2592
+ .solr_pages {
2593
+ .pn-20, .pn-30, .pn-40, .pn-50 {
2594
+ display: inline-block;
2595
+ }
2596
+ }
2597
+ }
2598
+
2599
+ .solr-results {
2600
+ em {
2601
+ font-style: normal;
2602
+ font-weight: 900;
2603
+ }
2604
+ hr {
2605
+ margin: 25px 0;
2606
+ }
2607
+ }
2608
+
2609
+ time {
2610
+ color: $alt-text-color;
2611
+ display: block;
2612
+ font-size: 12px;
2613
+ margin: 0 0 3px;
2614
+ }
2615
+
2616
+ /* ******** */
2617
+ /* Archives */
2618
+ /* ******** */
2619
+
2620
+ .iasd-archive {
2621
+ & > article {
2622
+ h1 {
2623
+ @include main-title;
2624
+ margin: 0 0 30px 0 !important;
2625
+ }
2626
+ h2 {
2627
+ font-size: 20px;
2628
+ font-weight: 900;
2629
+ line-height: 24px;
2630
+ margin: 0;
2631
+ & + p {
2632
+ margin: 8px 0 0;
2633
+ }
2634
+ }
2635
+ p, time {
2636
+ margin: 0;
2637
+ }
2638
+ p {
2639
+ line-height: 18px;
2640
+ }
2641
+ a {
2642
+ color: $text-color;
2643
+ &:hover, &:focus {
2644
+ h2 {
2645
+ color: $theme-main-color;
2646
+ }
2647
+ }
2648
+ &.btn {
2649
+ color: $body-bg;
2650
+ font-weight: 900;
2651
+ &.loading {
2652
+ background: transparent;
2653
+ border-color: transparent;
2654
+ position: relative;
2655
+ text-indent: -5000px;
2656
+ &:after {
2657
+ background: {
2658
+ image: image-url("plugins/loader.gif");
2659
+ position: center center;
2660
+ repeat: no-repeat;
2661
+ };
2662
+ content: '';
2663
+ display: block;
2664
+ height: 32px;
2665
+ left: 0;
2666
+ position: absolute;
2667
+ text-indent: 0;
2668
+ top: 0;
2669
+ width: 100%;
2670
+ }
2671
+ }
2672
+ }
2673
+ }
2674
+ ul, ol {
2675
+ list-style: none;
2676
+ margin: 0 0 50px 0;
2677
+ padding: 0;
2678
+ li {
2679
+ overflow: hidden;
2680
+ a {
2681
+ display: table;
2682
+ height: 59px;
2683
+ overflow: hidden;
2684
+ figure {
2685
+ display: table-cell;
2686
+ min-height: 85px;
2687
+ vertical-align: top;
2688
+ width: 132px;
2689
+ img {
2690
+ @include border-radius(5px);
2691
+ height: 85px;
2692
+ margin: 5px 0 0 0;
2693
+ width: 132px;
2694
+ }
2695
+ }
2696
+ .info {
2697
+ display: table-cell;
2698
+ min-height: 85px;
2699
+ padding: 0 0 0 30px;
2700
+ vertical-align: middle;
2701
+ }
2702
+ }
2703
+ & + li {
2704
+ @include box-shadow(inset 0 1px 0 $border-base);
2705
+ margin: 25px 0 0 0;
2706
+ padding-top: 20px;
2707
+ }
2708
+ }
2709
+ }
2710
+ .faq {
2711
+ ul, ol {
2712
+ list-style: initial;
2713
+ margin: 0;
2714
+ padding: 0 0 0 15px;
2715
+ li {
2716
+ overflow: initial;
2717
+ & + li {
2718
+ -webkit-box-shadow: none;
2719
+ -moz-box-shadow: none;
2720
+ box-shadow: none;
2721
+ margin: 10px 0 0 0;
2722
+ padding: 0;
2723
+ }
2724
+ }
2725
+ }
2726
+ }
2727
+ .iasd-gallery-item {
2728
+ margin: 0 0 30px 0;
2729
+ text-align: center;
2730
+ h2, h3, em {
2731
+ @include text-overflow;
2732
+ max-width: 100%;
2733
+ }
2734
+ h2 {
2735
+ font-size: 14px;
2736
+ }
2737
+ h3 {
2738
+ font-size: 12px;
2739
+ margin: 4px 0 0 0;
2740
+ }
2741
+ em {
2742
+ color: $alt-text-color;
2743
+ display: block;
2744
+ font-size: 12px;
2745
+ font-style: normal;
2746
+ margin: 2px 0 0 0;
2747
+ }
2748
+ figure {
2749
+ border: 1px solid $border-base;
2750
+ margin: 0 auto 14px auto;
2751
+ max-width: 220px;
2752
+ min-height: 220px;
2753
+ width: 100%;
2754
+ }
2755
+ }
2756
+ time {
2757
+ margin: 3px 0 0 0;
2758
+ }
2759
+ }
2760
+ .highlight-excerpt {
2761
+ margin-bottom: 20px;
2762
+ max-height: 324px;
2763
+ & > a {
2764
+ display: block;
2765
+ h2 {
2766
+ @include text-overflow;
2767
+ font-size: 20px;
2768
+ line-height: 24px;
2769
+ margin: 10px 0 11px;
2770
+ overflow: hidden;
2771
+ }
2772
+ figure {
2773
+ @include border-radius(5px);
2774
+ background-position: center center;
2775
+ height: auto;
2776
+ overflow: hidden;
2777
+ position: relative;
2778
+ width: 100%;
2779
+ img {
2780
+ @include border-radius(0);
2781
+ }
2782
+ }
2783
+ p {
2784
+ height: 36px;
2785
+ margin: 0;
2786
+ overflow: hidden;
2787
+ padding: 0 0 20px 0;
2788
+ }
2789
+ time {
2790
+ margin: 16px 0 -10px 0;
2791
+ }
2792
+ .post-taxonomy-tag {
2793
+ background: $theme-main-color;
2794
+ //IE8 Fallback :(
2795
+ background: rgba($theme-main-color, 0.9);
2796
+ bottom: 10px;
2797
+ height: 20px;
2798
+ left: 0;
2799
+ margin: 0;
2800
+ max-width: 90%;
2801
+ overflow: visible;
2802
+ padding: 0;
2803
+ position: absolute;
2804
+ span {
2805
+ @include text-overflow;
2806
+ color: $body-bg;
2807
+ display: inline-block;
2808
+ font-family: $alt-font-family-sans-serif;
2809
+ font-size: 10px;
2810
+ font-weight: 500;
2811
+ line-height: 12px;
2812
+ padding: 4px 5px;
2813
+ text-transform: uppercase;
2814
+ width: 100%;
2815
+ }
2816
+ &:after {
2817
+ border: {
2818
+ color: transparent transparent transparent $theme-main-color;
2819
+ //IE8 Fallback :(
2820
+ color: transparent transparent transparent rgba($theme-main-color, 0.9);
2821
+ style: solid;
2822
+ width: 10px 0 10px 7px;
2823
+ };
2824
+ content: '';
2825
+ height: 0px;
2826
+ position: absolute;
2827
+ right: -7px;
2828
+ top: 0;
2829
+ width: 0px;
2830
+ }
2831
+ }
2832
+ }
2833
+ }
2834
+ .iasd-widget-find_church {
2835
+ &.mar-top-0 {
2836
+ .well {
2837
+ margin-top: 0;
2838
+ }
2839
+ }
2840
+ }
2841
+ &.iasd-pressroom{
2842
+ .iasd-main-title{
2843
+ margin-bottom: 50px !important;
2844
+ }
2845
+ }
2846
+ }
2847
+
2848
+ @media (max-width: $screen-xs-max) {
2849
+ .iasd-archive {
2850
+ & > article {
2851
+ ul, ol {
2852
+ li {
2853
+ a {
2854
+ .info {
2855
+ min-height: 0;
2856
+ padding: 0;
2857
+ }
2858
+ }
2859
+ }
2860
+ }
2861
+ }
2862
+ // .highlight-excerpt {
2863
+ // max-width: 320px;
2864
+ // }
2865
+
2866
+ }
2867
+ }
2868
+
2869
+ @media (min-width: $screen-sm) {
2870
+ .iasd-archive {
2871
+ & > article {
2872
+ h1 {
2873
+ @include text-overflow;
2874
+ height: 36px;
2875
+ }
2876
+ }
2877
+ }
2878
+ }
2879
+
2880
+ @media (min-width: $screen-md) {
2881
+ .iasd-archive {
2882
+ & > article {
2883
+ .iasd-gallery-item {
2884
+ figure {
2885
+ min-height: 186px;
2886
+ }
2887
+ }
2888
+ }
2889
+ }
2890
+ }
2891
+
2892
+ .iasd-main-highlight {
2893
+ margin: 0 0 114px;
2894
+ position: relative;
2895
+ &:hover, &:focus {
2896
+ * {
2897
+ color: $body-bg !important;
2898
+ }
2899
+ }
2900
+ figcaption {
2901
+ background: $theme-main-color;
2902
+ // IE8 Fallback :(
2903
+ background: rgba($theme-main-color, 0.75);
2904
+ display: block;
2905
+ left: 0;
2906
+ max-width: 100%;
2907
+ padding: 20px;
2908
+ position: absolute;
2909
+ right: 0;
2910
+ width: 100%;
2911
+ * {
2912
+ color: $body-bg;
2913
+ }
2914
+ h2 {
2915
+ @include text-overflow;
2916
+ font-size: 20px;
2917
+ font-weight: 900;
2918
+ line-height: 24px;
2919
+ margin: 0 0 9px 0 !important;
2920
+ }
2921
+ p {
2922
+ @include text-overflow;
2923
+ font-weight: 400;
2924
+ height: 18px;
2925
+ line-height: 18px;
2926
+ margin: 0 0 10px !important;
2927
+ }
2928
+ }
2929
+ figure {
2930
+ background: $body-bg-bevel;
2931
+ max-width: 100%;
2932
+ min-height: 141px;
2933
+ overflow: hidden;
2934
+ img {
2935
+ width: 100%;
2936
+ }
2937
+ }
2938
+ h2 {
2939
+ @include text-overflow;
2940
+ }
2941
+ }
2942
+
2943
+ .col-sm-8 {
2944
+ .iasd-main-highlight {
2945
+ figcaption {
2946
+ @include border-radius(0 0 5px 5px);
2947
+ bottom: -64px;
2948
+ height: 64px;
2949
+ }
2950
+ figure {
2951
+ @include border-radius(5px 5px 0 0);
2952
+ }
2953
+ }
2954
+ }
2955
+
2956
+ .col-md-8 {
2957
+ .iasd-main-highlight {
2958
+ figcaption {
2959
+ @include border-radius(0 0 5px 5px);
2960
+ }
2961
+ figure {
2962
+ @include border-radius(5px 5px 0 0);
2963
+ }
2964
+ }
2965
+ }
2966
+
2967
+ @media (max-width: $screen-xs-max) {
2968
+ .iasd-main-highlight {
2969
+ p {
2970
+ display: none;
2971
+ }
2972
+ }
2973
+ }
2974
+
2975
+ @media (min-width: $screen-sm) {
2976
+ .col-sm-8 {
2977
+ .iasd-main-highlight {
2978
+ figcaption {
2979
+ bottom: -92px;
2980
+ height: 92px;
2981
+ }
2982
+ p {
2983
+ @include text-overflow;
2984
+ }
2985
+ }
2986
+ }
2987
+ .col-md-8 {
2988
+ .iasd-main-highlight {
2989
+ margin: 0 0 52px 0;
2990
+ figcaption {
2991
+ @include border-radius(0 5px 0 5px);
2992
+ bottom: 0;
2993
+ width: 346px;
2994
+ }
2995
+ figure {
2996
+ @include border-radius(5px);
2997
+ }
2998
+ }
2999
+ }
3000
+ .iasd-main-highlight {
3001
+ margin: 0 0 136px;
3002
+ figure {
3003
+ min-height: 228px;
3004
+ }
3005
+ }
3006
+ .iasd-secondary-highlight {
3007
+ h2 {
3008
+ height: 49px;
3009
+ }
3010
+ img {
3011
+ display: block;
3012
+ }
3013
+ }
3014
+ }
3015
+
3016
+ @media (min-width: $screen-md) {
3017
+ .col-md-8 {
3018
+ .iasd-main-highlight {
3019
+ figcaption {
3020
+ width: 293px;
3021
+ }
3022
+ }
3023
+ }
3024
+ .iasd-main-highlight {
3025
+ figure {
3026
+ min-height: 300px;
3027
+ }
3028
+ }
3029
+ }
3030
+
3031
+ .iasd-secondary-highlight {
3032
+ margin: -20px 0 48px;
3033
+ h2 {
3034
+ max-height: 49px;
3035
+ }
3036
+ img {
3037
+ display: none;
3038
+ margin: 0 0 10px;
3039
+ }
3040
+ }
3041
+
3042
+ /* ******************* */
3043
+ /* Archive ASN Columns */
3044
+ /* ******************* */
3045
+
3046
+ #iasd-column-header {
3047
+ border-bottom: 1px solid $border-base;
3048
+ float: left;
3049
+ margin: 0 0 55px 0;
3050
+ width: 100%;
3051
+ .column-title {
3052
+ float: left;
3053
+ margin: 0;
3054
+ width: 100%;
3055
+ }
3056
+ em {
3057
+ @include text-overflow;
3058
+ color: $text-color;
3059
+ display: block;
3060
+ font-size: 15px;
3061
+ letter-spacing: -0.02em;
3062
+ margin: 4px 0 31px 0;
3063
+ }
3064
+ h1 {
3065
+ color: $theme-alt-color;
3066
+ font-family: $alt-font-family-sans-serif;
3067
+ font-size: 28px;
3068
+ font-weight: 300;
3069
+ margin: 12px 0 0 0;
3070
+ text-transform: uppercase;
3071
+ }
3072
+ h2 {
3073
+ color: $alt-link-color;
3074
+ font-size: 14px;
3075
+ letter-spacing: -0.03em;
3076
+ margin: 10px 0 0 0;
3077
+ }
3078
+ .img-circle {
3079
+ display: none;
3080
+ float: left;
3081
+ height: 100px;
3082
+ width: 100px;
3083
+ }
3084
+ }
3085
+
3086
+ @media (min-width: $screen-sm) {
3087
+ #iasd-column-header {
3088
+ h1 {
3089
+ @include text-overflow;
3090
+ }
3091
+ .column-title {
3092
+ margin: 0 0 0 20px;
3093
+ width: 600px;
3094
+ }
3095
+ .img-circle {
3096
+ display: block;
3097
+ }
3098
+ }
3099
+ }
3100
+
3101
+ @media (min-width: $screen-md) {
3102
+ #iasd-column-header {
3103
+ .column-title {
3104
+ width: 820px;
3105
+ }
3106
+ }
3107
+ }
3108
+
3109
+ #iasd-columnists-list {
3110
+ margin: 0 0 50px 0;
3111
+ a {
3112
+ color: $text-color;
3113
+ &:hover, &:focus {
3114
+ color: $theme-main-color;
3115
+ }
3116
+ }
3117
+ figure {
3118
+ @include border-radius(50%);
3119
+ @include box-shadow(none);
3120
+ background: {
3121
+ image: image-url("default_avatar.png");
3122
+ position: center center;
3123
+ repeat: no-repeat;
3124
+ size: cover;
3125
+ };
3126
+ border: 0;
3127
+ display: block;
3128
+ height: 40px;
3129
+ margin: 9px 16px 0 0;
3130
+ min-height: 0 !important;
3131
+ }
3132
+ h1 {
3133
+ @include main-title;
3134
+ @include text-overflow;
3135
+ margin: 0;
3136
+ }
3137
+ ul {
3138
+ @include border-radius(5px);
3139
+ background: #fff;
3140
+ border: 1px solid $border-base;
3141
+ display: block;
3142
+ overflow: hidden;
3143
+ li {
3144
+ a {
3145
+ border-left: 3px solid transparent;
3146
+ display: table;
3147
+ height: 58px;
3148
+ padding: 0 10px 0;
3149
+ width: 100%;
3150
+ h2 {
3151
+ display: table-cell;
3152
+ font-size: 13px !important;
3153
+ font-weight: 700 !important;
3154
+ margin: 0 !important;
3155
+ vertical-align: middle;
3156
+ width: 100%;
3157
+ }
3158
+ &:hover, &:focus {
3159
+ border-left-color: $theme-main-color;
3160
+ }
3161
+ }
3162
+ & + li {
3163
+ border-top: 1px solid $border-base;
3164
+ a {
3165
+ height: 59px;
3166
+ }
3167
+ }
3168
+ }
3169
+ }
3170
+ }
3171
+
3172
+ /* **************** */
3173
+ /* Archive Projects */
3174
+ /* **************** */
3175
+
3176
+ .iasd-project-item {
3177
+ float: left;
3178
+ margin-bottom: 40px;
3179
+ margin-top: 14px;
3180
+ max-width: 100% !important;
3181
+ a {
3182
+ float: left;
3183
+ width: 100%;
3184
+ }
3185
+ h2 {
3186
+ @include text-overflow;
3187
+ font-size: 21px;
3188
+ letter-spacing: 0.004em;
3189
+ margin-bottom: 10px;
3190
+ max-width: 460px;
3191
+ width: 100%;
3192
+ }
3193
+ img {
3194
+ @include border-radius(5px);
3195
+ margin-bottom: 26px;
3196
+ }
3197
+ p {
3198
+ letter-spacing: -0.002em;
3199
+ line-height: 20px;
3200
+ max-width: 460px;
3201
+ }
3202
+ }
3203
+
3204
+ @media (min-width: $screen-md) {
3205
+ .iasd-archive {
3206
+ & > article {
3207
+ .iasd-project-item {
3208
+ h2 {
3209
+ font-size: 28px;
3210
+ line-height: 31px;
3211
+ }
3212
+ }
3213
+ }
3214
+ }
3215
+ }
3216
+
3217
+ /* ********* */
3218
+ /* 404 Error */
3219
+ /* ********* */
3220
+
3221
+ .iasd-error-404 {
3222
+ margin-top: 50px;
3223
+ overflow: hidden;
3224
+ padding-bottom: 20px;
3225
+ & > .btn-default {
3226
+ font-weight: 900;
3227
+ margin: 10px 0 0;
3228
+ width: 100%;
3229
+ }
3230
+ h1 {
3231
+ @include image-2x("logos_pt_BR/iasd_404@2x.png");
3232
+ background: {
3233
+ image: image-url("logos_pt_BR/iasd_404.png");
3234
+ size: 160px 155px;
3235
+ };
3236
+ display: block;
3237
+ height: 155px;
3238
+ margin: 0 auto 50px;
3239
+ text-indent: -5000px;
3240
+ width: 160px;
3241
+ }
3242
+ h2 {
3243
+ font-size: 28px;
3244
+ font-weight: 900;
3245
+ line-height: 30px;
3246
+ margin: 0 0 15px 0;
3247
+ }
3248
+ h3 {
3249
+ font-size: 20px;
3250
+ font-style: italic;
3251
+ font-weight: 400;
3252
+ line-height: 26px;
3253
+ margin: 0 0 9px 0;
3254
+ }
3255
+ p {
3256
+ em {
3257
+ word-break: break-all;
3258
+ }
3259
+ }
3260
+ }
3261
+
3262
+ @media (max-width: $screen-xs-max) {
3263
+ .iasd-error-404 {
3264
+ margin-top: 20px;
3265
+ h1 {
3266
+ margin: 0 auto 25px;
3267
+ }
3268
+ }
3269
+ }
3270
+
3271
+ /* ******** */
3272
+ /* Home DSA */
3273
+ /* ******** */
3274
+
3275
+ @media (min-width: $screen-sm) {
3276
+ body.iasd-dsa-home {
3277
+ .dsa-home-carousel {
3278
+ background: $theme-alt-color;
3279
+ margin-bottom: -80px;
3280
+ top: -40px;
3281
+ .owl-item {
3282
+ & > div {
3283
+ background-position: center center !important;
3284
+ height: 600px;
3285
+ }
3286
+ section {
3287
+ margin-top: auto;
3288
+ padding-top: 190px;
3289
+ position: relative;
3290
+ article {
3291
+ color: $body-bg;
3292
+ display: table-cell;
3293
+ height: 275px;
3294
+ position: relative;
3295
+ vertical-align: middle;
3296
+ width: 455px;
3297
+ a {
3298
+ @include border-radius(5px);
3299
+ background: $theme-main-color;
3300
+ bottom: 0;
3301
+ color: $body-bg;
3302
+ display: inline-block;
3303
+ font-weight: 900;
3304
+ left: 0;
3305
+ margin: 30px 0 0 0;
3306
+ padding: 10px 20px;
3307
+ position: absolute;
3308
+ &:hover {
3309
+ background: lighten($theme-main-color, 5%);
3310
+ }
3311
+ }
3312
+ h1 {
3313
+ font-family: $alt-font-family-sans-serif;
3314
+ font-size: 48px;
3315
+ font-weight: 300;
3316
+ line-height: 50px;
3317
+ margin: -60px 0 0 0;
3318
+ text-shadow: 1px 1px 0 rgba($gray-dark, 0.5);
3319
+ text-transform: uppercase;
3320
+ }
3321
+ p {
3322
+ font-size: 18px;
3323
+ font-style: italic;
3324
+ line-height: 21px;
3325
+ margin: 15px 0 0 0;
3326
+ text-shadow: 1px 1px 0 rgba($gray-dark, 0.5);
3327
+ }
3328
+ }
3329
+ }
3330
+ }
3331
+ .owl-controls {
3332
+ bottom: 80px;
3333
+ left: 50%;
3334
+ margin: 0 0 0 -470px;
3335
+ position: absolute;
3336
+ text-align: left;
3337
+ width: 400px;
3338
+ .owl-page {
3339
+ span {
3340
+ background: $body-bg;
3341
+ height: 10px;
3342
+ margin: 5px;
3343
+ width: 10px;
3344
+ }
3345
+ }
3346
+ }
3347
+ }
3348
+ .iasd-global_navbar-more {
3349
+ &.open {
3350
+ padding-bottom: 70px;
3351
+ }
3352
+ }
3353
+ .iasd-global_navbar-search {
3354
+ &.open {
3355
+ padding-bottom: 55px;
3356
+ }
3357
+ }
3358
+ .iasd-institutional {
3359
+ @include image-2x("logos_pt_BR/iasd_dsa_home@2x.png");
3360
+ background: {
3361
+ image: image-url("logos_pt_BR/iasd_dsa_home.png") !important;
3362
+ size: 455px 51px;
3363
+ }
3364
+ height: 51px;
3365
+ left: 50%;
3366
+ margin: -51px 0 0 -470px;
3367
+ position: relative;
3368
+ top: 100px;
3369
+ width: 455px;
3370
+ z-index: 1;
3371
+ }
3372
+ }
3373
+ }
3374
+
3375
+ @media (min-width: $screen-sm) and (max-width: $screen-sm-max) {
3376
+ body.iasd-dsa-home {
3377
+ .dsa-home-carousel {
3378
+ .owl-controls {
3379
+ margin: 0 0 0 -360px;
3380
+ }
3381
+ }
3382
+ .iasd-institutional {
3383
+ margin: -51px 0 0 -360px;
3384
+ }
3385
+ }
3386
+ }
3387
+
3388
+ /* *************** */
3389
+ /* Single Projects */
3390
+ /* *************** */
3391
+
3392
+ .single-projetos {
3393
+ article {
3394
+ &.entry-content {
3395
+ em {
3396
+ p {
3397
+ line-height: 21px;
3398
+ margin: 0 0 13px 0;
3399
+ }
3400
+ }
3401
+ }
3402
+ }
3403
+ .iasd-archive {
3404
+ .col-xs-12 {
3405
+ .row {
3406
+ &:first-child {
3407
+ margin-top: 50px;
3408
+ }
3409
+ }
3410
+ }
3411
+ }
3412
+ }
3413
+
3414
+ /* **************** */
3415
+ /* Image Gallery */
3416
+ /* **************** */
3417
+
3418
+ .iasd-images-gallery-pics {
3419
+ .item {
3420
+ @include border-radius(5px);
3421
+ margin: 5px;
3422
+ overflow: hidden;
3423
+ }
3424
+ }
3425
+
3426
+ .iasd-images-gallery-thumbs {
3427
+ .item {
3428
+ @include border-radius(5px);
3429
+ background: {
3430
+ position: center center;
3431
+ size: cover;
3432
+ };
3433
+ height: 60px;
3434
+ margin: 5px;
3435
+ color: #FFF;
3436
+ text-align: center;
3437
+ cursor: pointer;
3438
+ img {
3439
+ display: none;
3440
+ }
3441
+ }
3442
+ }
3443
+
3444
+ .iasd-images-gallery {
3445
+ margin: 0 -5px 40px;
3446
+ & + .entry-content {
3447
+ border-top: 1px solid $border-base;
3448
+ margin-top: 30px;
3449
+ padding-top: 30px;
3450
+ }
3451
+ }
3452
+
3453
+ /* **************** */
3454
+ /* Newsstand */
3455
+ /* **************** */
3456
+
3457
+ .iasd-newsstand {
3458
+ & > article {
3459
+ h1 {
3460
+ @include main-title;
3461
+ margin: 0 0 30px 0;
3462
+ }
3463
+ ul {
3464
+ list-style: none;
3465
+ margin: -15px 0 0 0;
3466
+ padding: 0;
3467
+ position: relative;
3468
+ li {
3469
+ @include box-shadow(inset 0 1px 0 0 $border-base);
3470
+ margin-bottom: 40px;
3471
+ padding-top: 20px;
3472
+ a {
3473
+ display: block;
3474
+ time {
3475
+ display: block;
3476
+ margin: 0 auto 10px;
3477
+ width: 180px;
3478
+ }
3479
+ img {
3480
+ display: block;
3481
+ margin: 0 auto;
3482
+ }
3483
+ }
3484
+ }
3485
+ &:before {
3486
+ background: $body-bg;
3487
+ display: block;
3488
+ position: absolute;
3489
+ height: 3px;
3490
+ top: -1px;
3491
+ width: 100%;
3492
+ z-index: 5;
3493
+ }
3494
+ }
3495
+ }
3496
+ }
3497
+
3498
+ .iasd-widget-magazine_more {
3499
+ h1 + p {
3500
+ margin-top: 30px;
3501
+ }
3502
+ p {
3503
+ font-style: italic;
3504
+ line-height: 20px;
3505
+ }
3506
+ .btn-default {
3507
+ color: $body-bg !important;
3508
+ }
3509
+ }
3510
+
3511
+
3512
+ /* *********************** */
3513
+ /* Internationalization */
3514
+ /* *********************** */
3515
+
3516
+ body{
3517
+ &.es_ES{
3518
+ .iasd-error-404 {
3519
+ h1 {
3520
+ @include image-2x("logos_es_ES/iasd_404@2x.png");
3521
+ background: {
3522
+ image: image-url("logos_es_ES/iasd_404.png");
3523
+ size: 160px 155px;
3524
+ };
3525
+ }
3526
+ }
3527
+ }
3528
+ }
3529
+
3530
+ @media (min-width: $screen-sm) {
3531
+ body.iasd-dsa-home.es_ES {
3532
+ .iasd-institutional {
3533
+ @include image-2x("logos_es_ES/iasd_dsa_home@2x.png");
3534
+ background: {
3535
+ image: image-url("logos_es_ES/iasd_dsa_home.png");
3536
+ size: 455px 51px;
3537
+ };
3538
+ }
3539
+ }
3540
+ }