PluginProbe
Canvas / 2.4.9
Canvas v2.4.9
2.5.5 2.5.4 trunk 2.0.3 2.0.4 2.0.5 2.0.6 2.0.7 2.0.8 2.0.9 2.1.0 2.1.1 2.1.2 2.1.3 2.1.4 2.1.5 2.1.6 2.1.7 2.1.8 2.1.9 2.2.0 2.2.1 2.2.2 2.2.3 2.2.4 All 54 releases
canvas / components / basic-elements / block-section-heading / block.css

block.css in Canvas 2.4.9, at components/basic-elements/block-section-heading/block.css

779 lines 25.1 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /**
2 * All of the CSS for your block editor functionality should be
3 * included in this file.
4 */
5 /**
6 * Environment for all styles (variables, additions, etc).
7 */
8 /*--------------------------------------------------------------*/
9 /*--------------------------------------------------------------*/
10 .cnvs-block-section-heading {
11 --cnvs-section-heading-color: #000000;
12 --cnvs-section-heading-border-color: #e9ecef;
13 --cnvs-section-heading-icon-color: #000000;
14 --cnvs-section-heading-accent-block-backround: #000000;
15 --cnvs-section-heading-accent-block-color: #FFFFFF;
16 }
17
18 /*--------------------------------------------------------------*/
19 .cnvs-block-section-heading {
20 width: 100%;
21 margin-left: 0;
22 margin-right: 0;
23 }
24
25 .cnvs-block-section-heading .cnvs-section-title {
26 display: -webkit-inline-box;
27 display: -ms-inline-flexbox;
28 display: inline-flex;
29 color: var(--cnvs-section-heading-color);
30 }
31
32 .cnvs-block-section-heading .cnvs-section-title > span {
33 position: relative;
34 }
35
36 .cnvs-block-section-heading.haligncenter {
37 text-align: center;
38 }
39
40 .cnvs-block-section-heading.halignright {
41 text-align: right;
42 }
43
44 .is-style-cnvs-block-section-heading-2,
45 .section-heading-default-style-2 .is-style-cnvs-block-section-heading-default {
46 border-bottom: 1px solid var(--cnvs-section-heading-border-color);
47 padding-bottom: 1em;
48 }
49
50 .is-style-cnvs-block-section-heading-3,
51 .section-heading-default-style-3 .is-style-cnvs-block-section-heading-default {
52 border-bottom: 4px solid var(--cnvs-section-heading-border-color);
53 padding-bottom: 1em;
54 }
55
56 .is-style-cnvs-block-section-heading-4,
57 .section-heading-default-style-4 .is-style-cnvs-block-section-heading-default {
58 display: -webkit-box;
59 display: -ms-flexbox;
60 display: flex;
61 width: 100%;
62 -webkit-box-align: center;
63 -ms-flex-align: center;
64 align-items: center;
65 }
66
67 .is-style-cnvs-block-section-heading-4 .cnvs-section-title,
68 .section-heading-default-style-4 .is-style-cnvs-block-section-heading-default .cnvs-section-title {
69 max-width: 60%;
70 }
71
72 .is-style-cnvs-block-section-heading-4:after,
73 .section-heading-default-style-4 .is-style-cnvs-block-section-heading-default:after {
74 content: '';
75 border-top: 1px solid var(--cnvs-section-heading-border-color);
76 margin: 0 1em 0 0;
77 -webkit-box-flex: 1;
78 -ms-flex: 1 0 1em;
79 flex: 1 0 1em;
80 }
81
82 .is-style-cnvs-block-section-heading-4:after,
83 .section-heading-default-style-4 .is-style-cnvs-block-section-heading-default:after {
84 margin: 0 0 0 1em;
85 }
86
87 .is-style-cnvs-block-section-heading-4.haligncenter,
88 .section-heading-default-style-4 .is-style-cnvs-block-section-heading-default.haligncenter {
89 -webkit-box-pack: center;
90 -ms-flex-pack: center;
91 justify-content: center;
92 text-align: center;
93 }
94
95 .is-style-cnvs-block-section-heading-4.haligncenter:before, .is-style-cnvs-block-section-heading-4.haligncenter:after,
96 .section-heading-default-style-4 .is-style-cnvs-block-section-heading-default.haligncenter:before,
97 .section-heading-default-style-4 .is-style-cnvs-block-section-heading-default.haligncenter:after {
98 content: '';
99 border-top: 1px solid var(--cnvs-section-heading-border-color);
100 margin: 0 1em 0 0;
101 -webkit-box-flex: 1;
102 -ms-flex: 1 0 1em;
103 flex: 1 0 1em;
104 }
105
106 .is-style-cnvs-block-section-heading-4.haligncenter:after,
107 .section-heading-default-style-4 .is-style-cnvs-block-section-heading-default.haligncenter:after {
108 margin: 0 0 0 1em;
109 }
110
111 .is-style-cnvs-block-section-heading-4.halignright,
112 .section-heading-default-style-4 .is-style-cnvs-block-section-heading-default.halignright {
113 -webkit-box-pack: end;
114 -ms-flex-pack: end;
115 justify-content: flex-end;
116 text-align: right;
117 }
118
119 .is-style-cnvs-block-section-heading-4.halignright:before,
120 .section-heading-default-style-4 .is-style-cnvs-block-section-heading-default.halignright:before {
121 content: '';
122 border-top: 1px solid var(--cnvs-section-heading-border-color);
123 margin: 0 1em 0 0;
124 -webkit-box-flex: 1;
125 -ms-flex: 1 0 1em;
126 flex: 1 0 1em;
127 }
128
129 .is-style-cnvs-block-section-heading-4.halignright:before,
130 .section-heading-default-style-4 .is-style-cnvs-block-section-heading-default.halignright:before {
131 margin: 0 1em 0 0;
132 }
133
134 .is-style-cnvs-block-section-heading-4.halignright:after,
135 .section-heading-default-style-4 .is-style-cnvs-block-section-heading-default.halignright:after {
136 display: none !important;
137 }
138
139 .is-style-cnvs-block-section-heading-5,
140 .section-heading-default-style-5 .is-style-cnvs-block-section-heading-default {
141 display: -webkit-box;
142 display: -ms-flexbox;
143 display: flex;
144 width: 100%;
145 -webkit-box-align: center;
146 -ms-flex-align: center;
147 align-items: center;
148 }
149
150 .is-style-cnvs-block-section-heading-5 .cnvs-section-title,
151 .section-heading-default-style-5 .is-style-cnvs-block-section-heading-default .cnvs-section-title {
152 max-width: 60%;
153 }
154
155 .is-style-cnvs-block-section-heading-5:after,
156 .section-heading-default-style-5 .is-style-cnvs-block-section-heading-default:after {
157 content: '';
158 border-top: 4px solid var(--cnvs-section-heading-border-color);
159 margin: 0 1em 0 0;
160 -webkit-box-flex: 1;
161 -ms-flex: 1 0 1em;
162 flex: 1 0 1em;
163 }
164
165 .is-style-cnvs-block-section-heading-5:after,
166 .section-heading-default-style-5 .is-style-cnvs-block-section-heading-default:after {
167 margin: 0 0 0 1em;
168 }
169
170 .is-style-cnvs-block-section-heading-5.haligncenter,
171 .section-heading-default-style-5 .is-style-cnvs-block-section-heading-default.haligncenter {
172 -webkit-box-pack: center;
173 -ms-flex-pack: center;
174 justify-content: center;
175 text-align: center;
176 }
177
178 .is-style-cnvs-block-section-heading-5.haligncenter:before, .is-style-cnvs-block-section-heading-5.haligncenter:after,
179 .section-heading-default-style-5 .is-style-cnvs-block-section-heading-default.haligncenter:before,
180 .section-heading-default-style-5 .is-style-cnvs-block-section-heading-default.haligncenter:after {
181 content: '';
182 border-top: 4px solid var(--cnvs-section-heading-border-color);
183 margin: 0 1em 0 0;
184 -webkit-box-flex: 1;
185 -ms-flex: 1 0 1em;
186 flex: 1 0 1em;
187 }
188
189 .is-style-cnvs-block-section-heading-5.haligncenter:after,
190 .section-heading-default-style-5 .is-style-cnvs-block-section-heading-default.haligncenter:after {
191 margin: 0 0 0 1em;
192 }
193
194 .is-style-cnvs-block-section-heading-5.halignright,
195 .section-heading-default-style-5 .is-style-cnvs-block-section-heading-default.halignright {
196 -webkit-box-pack: end;
197 -ms-flex-pack: end;
198 justify-content: flex-end;
199 text-align: right;
200 }
201
202 .is-style-cnvs-block-section-heading-5.halignright:before,
203 .section-heading-default-style-5 .is-style-cnvs-block-section-heading-default.halignright:before {
204 content: '';
205 border-top: 4px solid var(--cnvs-section-heading-border-color);
206 margin: 0 1em 0 0;
207 -webkit-box-flex: 1;
208 -ms-flex: 1 0 1em;
209 flex: 1 0 1em;
210 }
211
212 .is-style-cnvs-block-section-heading-5.halignright:before,
213 .section-heading-default-style-5 .is-style-cnvs-block-section-heading-default.halignright:before {
214 margin: 0 1em 0 0;
215 }
216
217 .is-style-cnvs-block-section-heading-5.halignright:after,
218 .section-heading-default-style-5 .is-style-cnvs-block-section-heading-default.halignright:after {
219 display: none !important;
220 }
221
222 .is-style-cnvs-block-section-heading-6,
223 .section-heading-default-style-6 .is-style-cnvs-block-section-heading-default {
224 border-top: 1px solid var(--cnvs-section-heading-border-color);
225 padding-top: 1em;
226 }
227
228 .is-style-cnvs-block-section-heading-7,
229 .section-heading-default-style-7 .is-style-cnvs-block-section-heading-default {
230 display: -webkit-box;
231 display: -ms-flexbox;
232 display: flex;
233 -webkit-box-pack: start;
234 -ms-flex-pack: start;
235 justify-content: flex-start;
236 }
237
238 .is-style-cnvs-block-section-heading-7 .cnvs-section-title,
239 .section-heading-default-style-7 .is-style-cnvs-block-section-heading-default .cnvs-section-title {
240 border-bottom: 1px solid var(--cnvs-section-heading-border-color);
241 padding-bottom: 1em;
242 }
243
244 .is-style-cnvs-block-section-heading-7.haligncenter,
245 .section-heading-default-style-7 .is-style-cnvs-block-section-heading-default.haligncenter {
246 -webkit-box-pack: center;
247 -ms-flex-pack: center;
248 justify-content: center;
249 }
250
251 .is-style-cnvs-block-section-heading-7.halignright,
252 .section-heading-default-style-7 .is-style-cnvs-block-section-heading-default.halignright {
253 -webkit-box-pack: end;
254 -ms-flex-pack: end;
255 justify-content: flex-end;
256 }
257
258 .is-style-cnvs-block-section-heading-8,
259 .section-heading-default-style-8 .is-style-cnvs-block-section-heading-default {
260 display: -webkit-box;
261 display: -ms-flexbox;
262 display: flex;
263 -webkit-box-align: center;
264 -ms-flex-align: center;
265 align-items: center;
266 width: 100%;
267 }
268
269 .is-style-cnvs-block-section-heading-8 .cnvs-section-title,
270 .section-heading-default-style-8 .is-style-cnvs-block-section-heading-default .cnvs-section-title {
271 border-right: 1px solid var(--cnvs-section-heading-border-color);
272 padding: 0.125rem 1em 0.125rem 0;
273 max-width: 60%;
274 }
275
276 .is-style-cnvs-block-section-heading-8:after,
277 .section-heading-default-style-8 .is-style-cnvs-block-section-heading-default:after {
278 content: '';
279 border-top: 1px solid var(--cnvs-section-heading-border-color);
280 -webkit-box-flex: 1;
281 -ms-flex: 1 0 0px;
282 flex: 1 0 0;
283 }
284
285 .is-style-cnvs-block-section-heading-8.haligncenter,
286 .section-heading-default-style-8 .is-style-cnvs-block-section-heading-default.haligncenter {
287 -webkit-box-pack: center;
288 -ms-flex-pack: center;
289 justify-content: center;
290 text-align: center;
291 }
292
293 .is-style-cnvs-block-section-heading-8.haligncenter:before, .is-style-cnvs-block-section-heading-8.haligncenter:after,
294 .section-heading-default-style-8 .is-style-cnvs-block-section-heading-default.haligncenter:before,
295 .section-heading-default-style-8 .is-style-cnvs-block-section-heading-default.haligncenter:after {
296 content: '';
297 border-top: 1px solid var(--cnvs-section-heading-border-color);
298 -webkit-box-flex: 1;
299 -ms-flex: 1 0 0px;
300 flex: 1 0 0;
301 }
302
303 .is-style-cnvs-block-section-heading-8.haligncenter .cnvs-section-title,
304 .section-heading-default-style-8 .is-style-cnvs-block-section-heading-default.haligncenter .cnvs-section-title {
305 border-left: 1px solid var(--cnvs-section-heading-border-color);
306 border-right: 1px solid var(--cnvs-section-heading-border-color);
307 padding-left: 1em;
308 padding-right: 1em;
309 }
310
311 .is-style-cnvs-block-section-heading-8.halignright,
312 .section-heading-default-style-8 .is-style-cnvs-block-section-heading-default.halignright {
313 -webkit-box-pack: end;
314 -ms-flex-pack: end;
315 justify-content: flex-end;
316 text-align: right;
317 }
318
319 .is-style-cnvs-block-section-heading-8.halignright:before,
320 .section-heading-default-style-8 .is-style-cnvs-block-section-heading-default.halignright:before {
321 content: '';
322 border-top: 1px solid var(--cnvs-section-heading-border-color);
323 -webkit-box-flex: 1;
324 -ms-flex: 1 0 0px;
325 flex: 1 0 0;
326 }
327
328 .is-style-cnvs-block-section-heading-8.halignright .cnvs-section-title,
329 .section-heading-default-style-8 .is-style-cnvs-block-section-heading-default.halignright .cnvs-section-title {
330 border-left: 1px solid var(--cnvs-section-heading-border-color);
331 border-right: none;
332 padding-left: 1em;
333 padding-right: 0;
334 }
335
336 .is-style-cnvs-block-section-heading-8.halignright:after,
337 .section-heading-default-style-8 .is-style-cnvs-block-section-heading-default.halignright:after {
338 display: none !important;
339 }
340
341 .is-style-cnvs-block-section-heading-9,
342 .section-heading-default-style-9 .is-style-cnvs-block-section-heading-default {
343 display: -webkit-box;
344 display: -ms-flexbox;
345 display: flex;
346 -webkit-box-pack: start;
347 -ms-flex-pack: start;
348 justify-content: flex-start;
349 }
350
351 .is-style-cnvs-block-section-heading-9 .cnvs-section-title,
352 .section-heading-default-style-9 .is-style-cnvs-block-section-heading-default .cnvs-section-title {
353 position: relative;
354 padding-left: 1.75em;
355 }
356
357 .is-style-cnvs-block-section-heading-9 .cnvs-section-title:before,
358 .section-heading-default-style-9 .is-style-cnvs-block-section-heading-default .cnvs-section-title:before {
359 content: '';
360 margin-right: 0.5em;
361 height: calc(0.875em + 2px);
362 width: 2px;
363 background: var(--cnvs-section-heading-icon-color);
364 position: absolute;
365 top: 50%;
366 left: 0.4375em;
367 -webkit-transform: translateY(-50%);
368 transform: translateY(-50%);
369 }
370
371 .is-style-cnvs-block-section-heading-9 .cnvs-section-title:after,
372 .section-heading-default-style-9 .is-style-cnvs-block-section-heading-default .cnvs-section-title:after {
373 content: '';
374 height: 2px;
375 width: calc(0.875em + 2px);
376 left: 0;
377 position: absolute;
378 background: var(--cnvs-section-heading-icon-color);
379 top: 50%;
380 -webkit-transform: translateY(-50%);
381 transform: translateY(-50%);
382 }
383
384 .is-style-cnvs-block-section-heading-9.haligncenter,
385 .section-heading-default-style-9 .is-style-cnvs-block-section-heading-default.haligncenter {
386 -webkit-box-pack: center;
387 -ms-flex-pack: center;
388 justify-content: center;
389 }
390
391 .is-style-cnvs-block-section-heading-9.halignright,
392 .section-heading-default-style-9 .is-style-cnvs-block-section-heading-default.halignright {
393 -webkit-box-pack: end;
394 -ms-flex-pack: end;
395 justify-content: flex-end;
396 }
397
398 .is-style-cnvs-block-section-heading-10,
399 .section-heading-default-style-10 .is-style-cnvs-block-section-heading-default {
400 display: -webkit-box;
401 display: -ms-flexbox;
402 display: flex;
403 -webkit-box-pack: start;
404 -ms-flex-pack: start;
405 justify-content: flex-start;
406 }
407
408 .is-style-cnvs-block-section-heading-10 .cnvs-section-title,
409 .section-heading-default-style-10 .is-style-cnvs-block-section-heading-default .cnvs-section-title {
410 position: relative;
411 padding: 0.5em 1em;
412 color: var(--cnvs-section-heading-accent-block-color);
413 }
414
415 .is-style-cnvs-block-section-heading-10 .cnvs-section-title:before,
416 .section-heading-default-style-10 .is-style-cnvs-block-section-heading-default .cnvs-section-title:before {
417 position: absolute;
418 background-color: var(--cnvs-section-heading-accent-block-backround);
419 -webkit-transform: skew(-15deg);
420 transform: skew(-15deg);
421 top: 0;
422 right: 0;
423 left: 0;
424 bottom: 0;
425 width: 100%;
426 height: 100%;
427 content: '';
428 }
429
430 .is-style-cnvs-block-section-heading-10.haligncenter,
431 .section-heading-default-style-10 .is-style-cnvs-block-section-heading-default.haligncenter {
432 -webkit-box-pack: center;
433 -ms-flex-pack: center;
434 justify-content: center;
435 }
436
437 .is-style-cnvs-block-section-heading-10.halignright,
438 .section-heading-default-style-10 .is-style-cnvs-block-section-heading-default.halignright {
439 -webkit-box-pack: end;
440 -ms-flex-pack: end;
441 justify-content: flex-end;
442 }
443
444 .is-style-cnvs-block-section-heading-11,
445 .section-heading-default-style-11 .is-style-cnvs-block-section-heading-default {
446 display: -webkit-box;
447 display: -ms-flexbox;
448 display: flex;
449 width: 100%;
450 -webkit-box-align: center;
451 -ms-flex-align: center;
452 align-items: center;
453 }
454
455 .is-style-cnvs-block-section-heading-11 .cnvs-section-title,
456 .section-heading-default-style-11 .is-style-cnvs-block-section-heading-default .cnvs-section-title {
457 position: relative;
458 color: var(--cnvs-section-heading-accent-block-color);
459 padding: 0.5em 1em;
460 max-width: 60%;
461 }
462
463 .is-style-cnvs-block-section-heading-11 .cnvs-section-title:before,
464 .section-heading-default-style-11 .is-style-cnvs-block-section-heading-default .cnvs-section-title:before {
465 position: absolute;
466 background-color: var(--cnvs-section-heading-accent-block-backround);
467 -webkit-transform: skew(-15deg);
468 transform: skew(-15deg);
469 top: 0;
470 right: 0;
471 left: 0;
472 bottom: 0;
473 width: 100%;
474 height: 100%;
475 content: '';
476 }
477
478 .is-style-cnvs-block-section-heading-11:after,
479 .section-heading-default-style-11 .is-style-cnvs-block-section-heading-default:after {
480 content: '';
481 border-top: 1px solid var(--cnvs-section-heading-border-color);
482 margin: 0 1em 0 0;
483 -webkit-box-flex: 1;
484 -ms-flex: 1 0 1em;
485 flex: 1 0 1em;
486 }
487
488 .is-style-cnvs-block-section-heading-11:after,
489 .section-heading-default-style-11 .is-style-cnvs-block-section-heading-default:after {
490 margin: 0 0 0 1em;
491 }
492
493 .is-style-cnvs-block-section-heading-11.haligncenter,
494 .section-heading-default-style-11 .is-style-cnvs-block-section-heading-default.haligncenter {
495 -webkit-box-pack: center;
496 -ms-flex-pack: center;
497 justify-content: center;
498 text-align: center;
499 }
500
501 .is-style-cnvs-block-section-heading-11.haligncenter:before, .is-style-cnvs-block-section-heading-11.haligncenter:after,
502 .section-heading-default-style-11 .is-style-cnvs-block-section-heading-default.haligncenter:before,
503 .section-heading-default-style-11 .is-style-cnvs-block-section-heading-default.haligncenter:after {
504 content: '';
505 border-top: 1px solid var(--cnvs-section-heading-border-color);
506 margin: 0 1em 0 0;
507 -webkit-box-flex: 1;
508 -ms-flex: 1 0 1em;
509 flex: 1 0 1em;
510 }
511
512 .is-style-cnvs-block-section-heading-11.haligncenter:after,
513 .section-heading-default-style-11 .is-style-cnvs-block-section-heading-default.haligncenter:after {
514 margin: 0 0 0 1em;
515 }
516
517 .is-style-cnvs-block-section-heading-11.halignright,
518 .section-heading-default-style-11 .is-style-cnvs-block-section-heading-default.halignright {
519 -webkit-box-pack: end;
520 -ms-flex-pack: end;
521 justify-content: flex-end;
522 text-align: right;
523 }
524
525 .is-style-cnvs-block-section-heading-11.halignright:before,
526 .section-heading-default-style-11 .is-style-cnvs-block-section-heading-default.halignright:before {
527 content: '';
528 border-top: 1px solid var(--cnvs-section-heading-border-color);
529 margin: 0 1em 0 0;
530 -webkit-box-flex: 1;
531 -ms-flex: 1 0 1em;
532 flex: 1 0 1em;
533 }
534
535 .is-style-cnvs-block-section-heading-11.halignright:before,
536 .section-heading-default-style-11 .is-style-cnvs-block-section-heading-default.halignright:before {
537 margin: 0 1em 0 0;
538 }
539
540 .is-style-cnvs-block-section-heading-11.halignright:after,
541 .section-heading-default-style-11 .is-style-cnvs-block-section-heading-default.halignright:after {
542 display: none !important;
543 }
544
545 .is-style-cnvs-block-section-heading-12,
546 .section-heading-default-style-12 .is-style-cnvs-block-section-heading-default {
547 display: -webkit-box;
548 display: -ms-flexbox;
549 display: flex;
550 -webkit-box-pack: start;
551 -ms-flex-pack: start;
552 justify-content: flex-start;
553 }
554
555 .is-style-cnvs-block-section-heading-12 .cnvs-section-title,
556 .section-heading-default-style-12 .is-style-cnvs-block-section-heading-default .cnvs-section-title {
557 background-color: var(--cnvs-section-heading-accent-block-backround);
558 padding: 0.75rem 1rem;
559 color: var(--cnvs-section-heading-accent-block-color);
560 }
561
562 .is-style-cnvs-block-section-heading-12.haligncenter,
563 .section-heading-default-style-12 .is-style-cnvs-block-section-heading-default.haligncenter {
564 -webkit-box-pack: center;
565 -ms-flex-pack: center;
566 justify-content: center;
567 }
568
569 .is-style-cnvs-block-section-heading-12.halignright,
570 .section-heading-default-style-12 .is-style-cnvs-block-section-heading-default.halignright {
571 -webkit-box-pack: end;
572 -ms-flex-pack: end;
573 justify-content: flex-end;
574 }
575
576 .is-style-cnvs-block-section-heading-13,
577 .section-heading-default-style-13 .is-style-cnvs-block-section-heading-default {
578 display: -webkit-box;
579 display: -ms-flexbox;
580 display: flex;
581 -webkit-box-pack: start;
582 -ms-flex-pack: start;
583 justify-content: flex-start;
584 }
585
586 .is-style-cnvs-block-section-heading-13 .cnvs-section-title,
587 .section-heading-default-style-13 .is-style-cnvs-block-section-heading-default .cnvs-section-title {
588 border: 1px solid var(--cnvs-section-heading-border-color);
589 padding: 0.75rem 1rem;
590 color: var(--cnvs-section-heading-color);
591 }
592
593 .is-style-cnvs-block-section-heading-13.haligncenter,
594 .section-heading-default-style-13 .is-style-cnvs-block-section-heading-default.haligncenter {
595 -webkit-box-pack: center;
596 -ms-flex-pack: center;
597 justify-content: center;
598 }
599
600 .is-style-cnvs-block-section-heading-13.halignright,
601 .section-heading-default-style-13 .is-style-cnvs-block-section-heading-default.halignright {
602 -webkit-box-pack: end;
603 -ms-flex-pack: end;
604 justify-content: flex-end;
605 }
606
607 .is-style-cnvs-block-section-heading-14,
608 .section-heading-default-style-14 .is-style-cnvs-block-section-heading-default {
609 background-color: var(--cnvs-section-heading-accent-block-backround);
610 }
611
612 .is-style-cnvs-block-section-heading-14 .cnvs-section-title,
613 .section-heading-default-style-14 .is-style-cnvs-block-section-heading-default .cnvs-section-title {
614 display: inline-block;
615 padding: 0.75rem 1rem;
616 color: var(--cnvs-section-heading-accent-block-color);
617 }
618
619 .is-style-cnvs-block-section-heading-15,
620 .section-heading-default-style-15 .is-style-cnvs-block-section-heading-default {
621 border: 1px solid var(--cnvs-section-heading-border-color);
622 }
623
624 .is-style-cnvs-block-section-heading-15 .cnvs-section-title,
625 .section-heading-default-style-15 .is-style-cnvs-block-section-heading-default .cnvs-section-title {
626 display: inline-block;
627 padding: 0.75rem 1rem;
628 color: var(--cnvs-section-heading-color);
629 }
630
631 .is-style-cnvs-block-section-heading-16,
632 .section-heading-default-style-16 .is-style-cnvs-block-section-heading-default {
633 display: -webkit-box;
634 display: -ms-flexbox;
635 display: flex;
636 width: 100%;
637 -webkit-box-align: center;
638 -ms-flex-align: center;
639 align-items: center;
640 }
641
642 .is-style-cnvs-block-section-heading-16 .cnvs-section-title,
643 .section-heading-default-style-16 .is-style-cnvs-block-section-heading-default .cnvs-section-title {
644 border-right: 1px solid var(--cnvs-section-heading-border-color);
645 padding: 0.125rem 1em 0.125rem 0;
646 max-width: 60%;
647 }
648
649 .is-style-cnvs-block-section-heading-16:after,
650 .section-heading-default-style-16 .is-style-cnvs-block-section-heading-default:after {
651 content: '';
652 border-top: 1px solid var(--cnvs-section-heading-border-color);
653 border-bottom: 1px solid var(--cnvs-section-heading-border-color);
654 height: 0.25rem;
655 -webkit-box-flex: 1;
656 -ms-flex: 1 0 0px;
657 flex: 1 0 0;
658 }
659
660 .is-style-cnvs-block-section-heading-16.haligncenter,
661 .section-heading-default-style-16 .is-style-cnvs-block-section-heading-default.haligncenter {
662 -webkit-box-pack: center;
663 -ms-flex-pack: center;
664 justify-content: center;
665 text-align: center;
666 }
667
668 .is-style-cnvs-block-section-heading-16.haligncenter:before, .is-style-cnvs-block-section-heading-16.haligncenter:after,
669 .section-heading-default-style-16 .is-style-cnvs-block-section-heading-default.haligncenter:before,
670 .section-heading-default-style-16 .is-style-cnvs-block-section-heading-default.haligncenter:after {
671 content: '';
672 border-top: 1px solid var(--cnvs-section-heading-border-color);
673 border-bottom: 1px solid var(--cnvs-section-heading-border-color);
674 height: 0.25rem;
675 -webkit-box-flex: 1;
676 -ms-flex: 1 0 0px;
677 flex: 1 0 0;
678 }
679
680 .is-style-cnvs-block-section-heading-16.haligncenter .cnvs-section-title,
681 .section-heading-default-style-16 .is-style-cnvs-block-section-heading-default.haligncenter .cnvs-section-title {
682 border-left: 1px solid var(--cnvs-section-heading-border-color);
683 border-right: 1px solid var(--cnvs-section-heading-border-color);
684 padding-left: 1em;
685 padding-right: 1em;
686 }
687
688 .is-style-cnvs-block-section-heading-16.halignright,
689 .section-heading-default-style-16 .is-style-cnvs-block-section-heading-default.halignright {
690 -webkit-box-pack: end;
691 -ms-flex-pack: end;
692 justify-content: flex-end;
693 text-align: right;
694 }
695
696 .is-style-cnvs-block-section-heading-16.halignright:before,
697 .section-heading-default-style-16 .is-style-cnvs-block-section-heading-default.halignright:before {
698 content: '';
699 border-top: 1px solid var(--cnvs-section-heading-border-color);
700 border-bottom: 1px solid var(--cnvs-section-heading-border-color);
701 height: 0.25rem;
702 -webkit-box-flex: 1;
703 -ms-flex: 1 0 0px;
704 flex: 1 0 0;
705 }
706
707 .is-style-cnvs-block-section-heading-16.halignright .cnvs-section-title,
708 .section-heading-default-style-16 .is-style-cnvs-block-section-heading-default.halignright .cnvs-section-title {
709 border-left: 1px solid var(--cnvs-section-heading-border-color);
710 border-right: none;
711 padding-left: 1em;
712 padding-right: 0;
713 }
714
715 .is-style-cnvs-block-section-heading-16.halignright:after,
716 .section-heading-default-style-16 .is-style-cnvs-block-section-heading-default.halignright:after {
717 display: none !important;
718 }
719
720 .is-style-cnvs-block-section-heading-17,
721 .section-heading-default-style-17 .is-style-cnvs-block-section-heading-default {
722 display: -webkit-box;
723 display: -ms-flexbox;
724 display: flex;
725 -webkit-box-pack: start;
726 -ms-flex-pack: start;
727 justify-content: flex-start;
728 }
729
730 .is-style-cnvs-block-section-heading-17 .cnvs-section-title,
731 .section-heading-default-style-17 .is-style-cnvs-block-section-heading-default .cnvs-section-title {
732 padding-bottom: 1em;
733 }
734
735 .is-style-cnvs-block-section-heading-17 .cnvs-section-title:not([contenteditable="true"]),
736 .section-heading-default-style-17 .is-style-cnvs-block-section-heading-default .cnvs-section-title:not([contenteditable="true"]) {
737 position: relative;
738 }
739
740 .is-style-cnvs-block-section-heading-17 .cnvs-section-title:after,
741 .section-heading-default-style-17 .is-style-cnvs-block-section-heading-default .cnvs-section-title:after {
742 position: absolute;
743 left: 0;
744 bottom: 0;
745 height: 0;
746 display: block;
747 border-bottom: 1px solid var(--cnvs-section-heading-border-color);
748 width: 100%;
749 max-width: 30%;
750 content: '';
751 }
752
753 .is-style-cnvs-block-section-heading-17.haligncenter .cnvs-section-title:after,
754 .section-heading-default-style-17 .is-style-cnvs-block-section-heading-default.haligncenter .cnvs-section-title:after {
755 left: 50%;
756 -webkit-transform: translate(-50%, 0);
757 transform: translate(-50%, 0);
758 }
759
760 .is-style-cnvs-block-section-heading-17.halignright .cnvs-section-title:after,
761 .section-heading-default-style-17 .is-style-cnvs-block-section-heading-default.halignright .cnvs-section-title:after {
762 left: auto;
763 right: 0;
764 }
765
766 .is-style-cnvs-block-section-heading-17.haligncenter,
767 .section-heading-default-style-17 .is-style-cnvs-block-section-heading-default.haligncenter {
768 -webkit-box-pack: center;
769 -ms-flex-pack: center;
770 justify-content: center;
771 }
772
773 .is-style-cnvs-block-section-heading-17.halignright,
774 .section-heading-default-style-17 .is-style-cnvs-block-section-heading-default.halignright {
775 -webkit-box-pack: end;
776 -ms-flex-pack: end;
777 justify-content: flex-end;
778 }
779