Skip to content

Jeff Balicki / imagination_library

Go to a project
Toggle navigation
Toggle navigation pinning
90d3fc9a by Jeff Balicki
Options

slider 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent a36070e1
Inline Side-by-side
Showing 22 changed files with 573 additions and 4 deletions
1 <?php
2
3 /**
4 * Carousel Block Template.
5 *
6 * @param array $block The block settings and attributes.
7 * @param string $content The block inner HTML (empty).
8 * @param bool $is_preview True during AJAX preview.
9 * @param (int|string) $post_id The post ID this block is saved to.
10 */
11
12 // Create id attribute allowing for custom "anchor" value.
13 $id = 'carousel-' . $block['id'];
14 if( !empty($block['anchor']) ) {
15 $id = $block['anchor'];
16 }
17
18 // Create class attribute allowing for custom "className" and "align" values.
19 $className = 'carousel';
20 if( !empty($block['className']) ) {
21 $className .= ' ' . $block['className'];
22 }
23 if( !empty($block['align']) ) {
24 $className .= ' align' . $block['align'];
25 }
26 if( $is_preview ) {
27 $className .= ' is-admin';
28 }
29
30 $carousel_style = get_field('carousel_style');
31
32 ?>
33 <div id="<?php echo esc_attr($id); ?>" class="<?php echo esc_attr($className); ?> ">
34 <?php
35 $args = array(
36 'post_type' => 'testimonial', // Replace 'testimonial' with your custom post type
37 'posts_per_page' => -1
38 );
39 $testimonial_query = new WP_Query($args);
40 if ($testimonial_query->have_posts()): ?>
41 <div class="testimonials-carousel carousel-items <?php echo $size; ?>"><div class='swiper-wrapper'>
42 <?php while ($testimonial_query->have_posts()): $testimonial_query->the_post(); ?>
43 <div class="swiper-slide">
44 <div class="testimonials">
45 <div class="row">
46 <div class="col-md-12">
47 <div class="testimonial-text">
48 <div class="testimonial-copy">
49 <?php the_content(); ?>
50 <div class="testimonial-author"><?php the_title(); ?></div>
51 </div>
52 </div>
53
54 </div>
55 </div>
56 </div>
57 </div>
58 <?php endwhile; wp_reset_postdata(); ?>
59 </div>
60 <div class="swiper-pagination"></div>
61 <div class="swiper-button-prev" data-id="<?php echo esc_attr($id); ?>"></div>
62 <div class="swiper-button-next" data-id="<?php echo esc_attr($id); ?>"></div>
63 </div>
64 <?php else: ?>
65 <p>Please add some slides.</p>
66 <?php endif; ?>
67 </div>
...\ No newline at end of file ...\ No newline at end of file
...@@ -15249,6 +15249,41 @@ ol li ol { ...@@ -15249,6 +15249,41 @@ ol li ol {
15249 } 15249 }
15250 } 15250 }
15251 15251
15252 .color-box {
15253 border-radius: 30px;
15254 padding: 37px 25px;
15255 }
15256 .color-box .wp-block-separator {
15257 border-top-color: #fff;
15258 }
15259 .color-box h3, .color-box .h3 {
15260 color: #231F20;
15261 font-size: 3.56rem;
15262 line-height: 4.56rem;
15263 font-family: "Chalkduster", sans-serif;
15264 }
15265 .color-box p {
15266 color: #231F20;
15267 font-size: 1.13rem;
15268 line-height: 1.5rem;
15269 }
15270
15271 .gray-box {
15272 background-color: #DAD9D7;
15273 }
15274
15275 .green-box {
15276 background-color: #A3D55F;
15277 }
15278
15279 .blue-box {
15280 background-color: #3EB5E6;
15281 }
15282
15283 .orange-box {
15284 background-color: #FF9119;
15285 }
15286
15252 .join-callout { 15287 .join-callout {
15253 background-color: #a3d55f; 15288 background-color: #a3d55f;
15254 margin: 0px -25% 0px -25%; 15289 margin: 0px -25% 0px -25%;
...@@ -15324,6 +15359,19 @@ ol li ol { ...@@ -15324,6 +15359,19 @@ ol li ol {
15324 } 15359 }
15325 } 15360 }
15326 15361
15362 .join-callout.blue {
15363 background-color: #3DB5E6;
15364 }
15365
15366 .join-callout.blue::before {
15367 background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1369.39 118.32"><defs><style> .cls-1 { fill: %233DB5E6; stroke-width: 0px; } </style></defs><path id="Subtraction_3" data-name="Subtraction 3" class="cls-1" d="M1369.39,118.28L0,118.32C0,57.99,0,60.48,0,59.76l1.78-1.57c9.81-7.27,20.38-13.46,31.52-18.46,12.26-5.54,24.88-10.24,37.78-14.05,23.89-7.2,51.85-13.01,83.11-17.27C193.3,3.23,232.69.53,272.13.35c1.34,0,2.55,0,3.61.02h.06c9.46-.24,19.03-.36,28.43-.36,14.1,0,28.39.28,42.48.82,13.43.52,27.11,1.3,40.67,2.32,25.04,1.88,50.2,4.59,76.92,8.27,50.22,6.92,97.44,16.16,143.1,25.1h0l1.67.33h0c45.52,8.91,92.59,18.12,141.28,24.89,26.2,3.65,50.81,6.32,75.22,8.18,27.39,2.09,53.84,3.1,80.87,3.1,21.49,0,43.44-.67,65.24-2,82.01-5,158.29-7.53,226.7-7.53,26.88,0,52.6.4,76.43,1.18,19.07.62,36.99,1.5,53.25,2.59,27.46,1.85,40.14,3.6,40.69,3.68l.61,47.35Z"/></svg>');
15368 }
15369
15370 .page-template-no-title .join-callout::before {
15371 width: 120vw;
15372 margin: 180px 0 0% 0%;
15373 }
15374
15327 .nav-container { 15375 .nav-container {
15328 position: sticky; 15376 position: sticky;
15329 top: 0; 15377 top: 0;
...@@ -15579,6 +15627,140 @@ ol li ol { ...@@ -15579,6 +15627,140 @@ ol li ol {
15579 vertical-align: baseline; 15627 vertical-align: baseline;
15580 } 15628 }
15581 15629
15630 .swiper-pagination-bullet {
15631 background: #fff !important;
15632 border: 2px solid #2c2c2c !important;
15633 height: 13px !important;
15634 width: 13px !important;
15635 opacity: 1 !important;
15636 }
15637
15638 .swiper-pagination-bullet-active {
15639 background: #3f9c35 !important;
15640 border: 2px solid #3f9c35 !important;
15641 }
15642
15643 .carousel:not(.is-admin) {
15644 background-color: transparent !important;
15645 width: 100vw;
15646 }
15647
15648 .carousel-items {
15649 list-style: none;
15650 -webkit-margin-before: 0em;
15651 margin-block-start: 0em;
15652 -webkit-margin-after: 0em;
15653 margin-block-end: 0em;
15654 -webkit-margin-start: 0px;
15655 margin-inline-start: 0px;
15656 -webkit-margin-end: 0px;
15657 margin-inline-end: 0px;
15658 -webkit-padding-start: 20px;
15659 padding-inline-start: 20px;
15660 background-color: transparent !important;
15661 }
15662 @media only screen and (max-width: 768px) {
15663 .carousel-items {
15664 -webkit-padding-start: 0px;
15665 padding-inline-start: 0px;
15666 }
15667 }
15668
15669 .swiper-button-next.swiper-button-disabled,
15670 .swiper-button-prev.swiper-button-disabled {
15671 pointer-events: all !important;
15672 }
15673
15674 .carousel-items.slick-initialized.slick-slider {
15675 margin-right: 15px;
15676 }
15677
15678 .carousel {
15679 width: 100vw;
15680 margin-left: calc((100% - 100vw) / 2);
15681 margin-right: calc((100% - 100vw) / 2);
15682 left: 0 !important;
15683 min-height: 340px !important;
15684 }
15685 .carousel .swiper-pagination {
15686 bottom: 70px !important;
15687 }
15688 .carousel .swiper-wrapper {
15689 gap: 1rem;
15690 }
15691
15692 .testimonials-carousel {
15693 background-image: url("/wp-content/themes/understrap-child/images/orange-background.png");
15694 background-size: cover;
15695 background-repeat: no-repeat;
15696 background-position: center;
15697 height: 337px;
15698 }
15699 @media only screen and (max-width: 768px) {
15700 .testimonials-carousel {
15701 width: calc(100% - 2rem) !important;
15702 margin-left: auto !important;
15703 margin-ight: auto !important;
15704 }
15705 }
15706 .testimonials-carousel .swiper-slide {
15707 width: 100%;
15708 }
15709 .testimonials-carousel .swiper-slide .testimonials {
15710 background: transparent;
15711 margin-right: 20px;
15712 }
15713 .testimonials-carousel .swiper-slide .testimonials .row {
15714 margin-right: 0rem !important;
15715 margin-left: -15px !important;
15716 min-height: 316px !important;
15717 }
15718 .testimonials-carousel .swiper-slide .testimonials .col-md-1 {
15719 background-size: cover;
15720 }
15721 .testimonials-carousel .swiper-slide .testimonials .testimonial-text {
15722 padding: 30px 50px;
15723 width: 80%;
15724 margin: auto;
15725 margin-top: 50px;
15726 background-color: #fff;
15727 border-radius: 25px;
15728 min-height: 230px;
15729 max-width: 1068px;
15730 position: relative;
15731 }
15732 .testimonials-carousel .swiper-slide .testimonials .testimonial-copy::after {
15733 position: absolute;
15734 top: 0px;
15735 left: 69px;
15736 background-repeat: no-repeat;
15737 background-size: contain;
15738 width: 94px;
15739 height: 150px;
15740 content: "";
15741 display: block;
15742 background-image: url("/wp-content/themes/understrap-child/images/qu.png");
15743 }
15744 .testimonials-carousel .swiper-slide .testimonials .testimonial-copy {
15745 margin-left: 15%;
15746 margin-right: 7%;
15747 }
15748 .testimonials-carousel .swiper-slide .testimonials p {
15749 font-size: 1.13rem !important;
15750 line-height: 1.5rem !important;
15751 color: #63656B;
15752 font-family: "PT Sans", sans-serif;
15753 }
15754 .testimonials-carousel .swiper-slide .testimonials .testimonial-author {
15755 font-size: 1.13rem !important;
15756 line-height: 1.5rem !important;
15757 font-weight: 700;
15758 color: #007299;
15759 margin-top: 20px;
15760 margin-bottom: 0;
15761 font-family: "Chalkduster", sans-serif;
15762 }
15763
15582 .has-blue-color, 15764 .has-blue-color,
15583 .has-blue-color:visited { 15765 .has-blue-color:visited {
15584 color: #0d6efd; 15766 color: #0d6efd;
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
8 // Exit if accessed directly. 8 // Exit if accessed directly.
9 defined('ABSPATH') || exit; 9 defined('ABSPATH') || exit;
10 10
11 11 include 'inc/blocks.php';
12 12
13 /** 13 /**
14 * Removes the parent themes stylesheet and scripts from inc/enqueue.php 14 * Removes the parent themes stylesheet and scripts from inc/enqueue.php
......
...@@ -24,6 +24,7 @@ $navbar_type = get_theme_mod( 'understrap_navbar_type', 'collapse' ); ...@@ -24,6 +24,7 @@ $navbar_type = get_theme_mod( 'understrap_navbar_type', 'collapse' );
24 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 24 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
25 <link href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet"> 25 <link href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
26 <link href="https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet"> 26 <link href="https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
27 <link href="https://fonts.cdnfonts.com/css/chalkduster" rel="stylesheet">
27 28
28 </head> 29 </head>
29 30
......
1 <?php
2
3 // Exit if accessed directly.
4 defined( 'ABSPATH' ) || exit;
5
6 add_action('acf/init', 'my_acf_init_block_types');
7 function my_acf_init_block_types() {
8
9 // Check function exists.
10 if( function_exists('acf_register_block_type') ) {
11
12 acf_register_block_type( array(
13 'title' => __( 'Carousel', 'client_textdomain' ),
14 'name' => 'carousel',
15 'render_template' => 'blocks/carousel/carousel.php',
16 'mode' => 'edit',
17 'supports' => [
18 'align' => false,
19 'anchor' => true,
20 'customClassName' => true
21 ]
22 ));
23
24 wp_enqueue_style('call-out-block', get_stylesheet_directory_uri() . '/blocks/call-out-block/style.css', array(), '1.0.1' );
25
26 }
27 }
28
29
30
31
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
...@@ -41,7 +41,10 @@ ...@@ -41,7 +41,10 @@
41 "url": "https://github.com/understrap/understrap-child/issues" 41 "url": "https://github.com/understrap/understrap-child/issues"
42 }, 42 },
43 "homepage": "https://understrap.com", 43 "homepage": "https://understrap.com",
44 "dependencies": {}, 44 "dependencies": {
45 "rollup-plugin-postcss": "^4.0.2",
46 "swiper": "^11.1.14"
47 },
45 "devDependencies": { 48 "devDependencies": {
46 "@babel/core": "^7.19.6", 49 "@babel/core": "^7.19.6",
47 "@babel/preset-env": "^7.19.4", 50 "@babel/preset-env": "^7.19.4",
......
...@@ -9,7 +9,7 @@ const { nodeResolve } = require( '@rollup/plugin-node-resolve' ); ...@@ -9,7 +9,7 @@ const { nodeResolve } = require( '@rollup/plugin-node-resolve' );
9 const commonjs = require( '@rollup/plugin-commonjs' ); 9 const commonjs = require( '@rollup/plugin-commonjs' );
10 const multi = require( '@rollup/plugin-multi-entry' ); 10 const multi = require( '@rollup/plugin-multi-entry' );
11 const replace = require( '@rollup/plugin-replace' ); 11 const replace = require( '@rollup/plugin-replace' );
12 12 const postcss = require('rollup-plugin-postcss');
13 /** 13 /**
14 * Internal dependencies 14 * Internal dependencies
15 */ 15 */
...@@ -39,6 +39,9 @@ const plugins = [ ...@@ -39,6 +39,9 @@ const plugins = [
39 nodeResolve(), 39 nodeResolve(),
40 commonjs(), 40 commonjs(),
41 multi(), 41 multi(),
42 postcss({
43 plugins: []
44 })
42 ]; 45 ];
43 46
44 module.exports = { 47 module.exports = {
......
1 import Swiper from 'swiper';
2 import {
3 Navigation,
4 Pagination,
5 A11y,
6 Keyboard
7 } from 'swiper/modules'
8 import 'swiper/css';
9 import 'swiper/css/navigation';
10 import 'swiper/css/pagination';
11 import 'swiper/css/keyboard';
12 import 'swiper/css/a11y';
13
14 jQuery(document).ready(function($) {
15
16
17
18 jQuery('.carousel-items').each(function() {
19
20 var offset = ((window.innerWidth - $('.entry-content').width()) / 2) - 28;
21 var offsetAfter = ((window.innerWidth - $('.entry-content').width()) / 2) - 28;
22 var PerView = 'auto';
23 var space = 20;
24 var SlidesPerGroup= 1;
25
26 var _id = jQuery(this).parent().attr('id');
27
28
29
30 if ($(window).width() < 600) {
31 offset = 0;
32 PerView = 1;
33 SlidesPerGroup = 1;
34 space = 0;
35 offsetAfter = 0;
36
37 }
38
39
40
41 var swiper_params = {
42 modules: [Navigation, Pagination, A11y, Keyboard],
43 slidesPerView: PerView,
44 slidesOffsetAfter: offsetAfter,
45 slidesOffsetBefore: offset,
46 spaceBetween: space,
47 slidesPerGroup: SlidesPerGroup ,
48 pagination: {
49 el: ".swiper-pagination",
50 type: 'bullets',
51 clickable: "true",
52 },
53
54 navigation: {
55 nextEl: '.swiper-button-next[data-id="' + _id + '"]',
56 prevEl: '.swiper-button-prev[data-id="' + _id + '"]',
57 },
58
59 a11y: {
60 prevSlideMessage: 'Previous slide',
61 nextSlideMessage: 'Next slide',
62 },
63 keyboard: {
64 enabled: true,
65 onlyInViewport: false,
66 },
67
68 };
69
70
71 new Swiper(this, swiper_params);
72 console.log(swiper_params);
73
74 });
75
76
77 });
...\ No newline at end of file ...\ No newline at end of file
1 // Add your custom JS here.
...\ No newline at end of file ...\ No newline at end of file
1 // Add your custom JS here.
2
3 import "./_carousels";
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -12,6 +12,7 @@ ...@@ -12,6 +12,7 @@
12 @import "theme/header"; 12 @import "theme/header";
13 @import "theme/footer"; 13 @import "theme/footer";
14 @import "theme/accordion"; 14 @import "theme/accordion";
15 @import "theme/carousel";
15 @import "assets/understrap/theme/colors"; // <-------- This creates the necessary bootstrap color classes. 16 @import "assets/understrap/theme/colors"; // <-------- This creates the necessary bootstrap color classes.
16 @import "assets/understrap/theme/blocks"; // <-------- This adds Bootstrap styles to blocks. 17 @import "assets/understrap/theme/blocks"; // <-------- This adds Bootstrap styles to blocks.
17 @import "assets/understrap/theme/contact-form7"; // <-------- Contact Form 7 - Bootstrap 4 support 18 @import "assets/understrap/theme/contact-form7"; // <-------- Contact Form 7 - Bootstrap 4 support
......
1 .swiper-pagination-bullet {
2 background: #fff !important;
3 border: 2px solid #2c2c2c !important;
4 height: 13px !important;
5 width: 13px !important;
6 opacity: 1 !important;
7 }
8 .swiper-pagination-bullet-active {
9 background: #3f9c35 !important;
10 border: 2px solid #3f9c35 !important;
11 }
12
13 // carousel css
14 .carousel:not(.is-admin) {
15 background-color: transparent !important;
16 width: 100vw;
17 }
18
19 .carousel-items {
20 list-style: none;
21 margin-block-start: 0em;
22 margin-block-end: 0em;
23 margin-inline-start: 0px;
24 margin-inline-end: 0px;
25 padding-inline-start: 20px;
26 background-color: transparent !important;
27 @media only screen and (max-width: 768px) {
28 padding-inline-start: 0px;
29 }
30 }
31
32 .swiper-button-next.swiper-button-disabled,
33 .swiper-button-prev.swiper-button-disabled {
34 pointer-events: all !important;
35 }
36
37 .carousel-items.slick-initialized.slick-slider {
38 margin-right: 15px; //for the scroll bar
39 }
40
41 .carousel {
42 width: 100vw;
43 margin-left: calc((100% - 100vw) / 2);
44 margin-right: calc((100% - 100vw) / 2);
45
46 left: 0 !important;
47 min-height: 340px !important;
48 .swiper-button-next {
49 //right: 15% !important;
50 }
51 .swiper-button-prev {
52 //left: 11% !important;
53
54 }
55 .swiper-pagination {
56 bottom: 70px !important;
57 }
58 .carousel-items {
59
60 }
61 .swiper-wrapper {
62 gap: 1rem;
63
64 }
65 }
66
67
68 // testimonials carousel css
69 .testimonials-carousel {
70 background-image:url("/wp-content/themes/understrap-child/images/orange-background.png");
71 background-size: cover;
72 background-repeat: no-repeat;
73 background-position: center;
74 height: 337px;
75 @media only screen and (max-width: 768px) {
76 width: calc(100% - 2rem) !important;
77 margin-left: auto !important;
78 margin-ight: auto !important;
79 }
80 .swiper-slide {
81 width: 100%;
82
83 .testimonials {
84
85 background: transparent;
86
87
88 margin-right: 20px;
89
90 .row {
91 margin-right: 0rem !important;
92 margin-left: -15px !important;
93 min-height: 316px !important;
94
95 }
96
97 .col-md-1 {
98 background-size: cover;
99
100 }
101
102 .testimonial-text {
103 padding: 30px 50px;
104 width: 80%;
105 margin: auto;
106 margin-top:50px ;
107 background-color: #fff;
108 border-radius: 25px;
109 min-height: 230px;
110 max-width: 1068px;
111 position: relative;
112 }
113
114 .testimonial-copy::after{
115 position: absolute;
116 top: 0px;
117 left: 69px;
118 background-repeat: no-repeat;
119 background-size: contain;
120 width:94px;
121 height:150px;
122 content:"";
123 display: block;
124 background-image:url("/wp-content/themes/understrap-child/images/qu.png");
125 }
126 .testimonial-copy{
127 margin-left:15%;
128 margin-right:7%;
129 }
130
131 p {
132 font-size: 1.13rem !important;
133 line-height: 1.5rem !important;
134 color: #63656B;
135 font-family: "PT Sans", sans-serif;
136 }
137 .testimonial-author{
138 font-size: 1.13rem !important;
139 line-height: 1.5rem !important;
140 font-weight: 700;
141 color: #007299;
142 margin-top: 20px;
143 margin-bottom: 0;
144 font-family: 'Chalkduster', sans-serif;
145 }
146
147
148 }
149 }
150
151
152 }
...@@ -276,6 +276,39 @@ ul:not(.navbar-nav):not(.menu){ ...@@ -276,6 +276,39 @@ ul:not(.navbar-nav):not(.menu){
276 } 276 }
277 } 277 }
278 278
279 .color-box{
280 border-radius: 30px;
281 padding: 37px 25px;
282 .wp-block-separator{
283 border-top-color: #fff;
284 }
285 h3{
286 color: #231F20;
287 font-size: 3.56rem;
288 line-height: 4.56rem;
289 font-family: 'Chalkduster', sans-serif;
290 }
291 p{
292 color:#231F20;
293 font-size: 1.13rem;
294 line-height: 1.5rem;
295 }
296 }
297
298 .gray-box{
299 background-color: #DAD9D7;
300 }
301 .green-box{
302 background-color: #A3D55F;
303 }
304 .blue-box{
305 background-color: #3EB5E6;
306 }
307 .orange-box{
308 background-color: #FF9119;
309 }
310
311
279 312
280 313
281 314
...@@ -343,4 +376,21 @@ ul:not(.navbar-nav):not(.menu){ ...@@ -343,4 +376,21 @@ ul:not(.navbar-nav):not(.menu){
343 margin: 0 -30px !important; 376 margin: 0 -30px !important;
344 } 377 }
345 378
379 }
380
381
382 .join-callout.blue{
383 background-color: #3DB5E6;
384
385 }
386
387 .join-callout.blue::before{
388 background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1369.39 118.32"><defs><style> .cls-1 { fill: %233DB5E6; stroke-width: 0px; } </style></defs><path id="Subtraction_3" data-name="Subtraction 3" class="cls-1" d="M1369.39,118.28L0,118.32C0,57.99,0,60.48,0,59.76l1.78-1.57c9.81-7.27,20.38-13.46,31.52-18.46,12.26-5.54,24.88-10.24,37.78-14.05,23.89-7.2,51.85-13.01,83.11-17.27C193.3,3.23,232.69.53,272.13.35c1.34,0,2.55,0,3.61.02h.06c9.46-.24,19.03-.36,28.43-.36,14.1,0,28.39.28,42.48.82,13.43.52,27.11,1.3,40.67,2.32,25.04,1.88,50.2,4.59,76.92,8.27,50.22,6.92,97.44,16.16,143.1,25.1h0l1.67.33h0c45.52,8.91,92.59,18.12,141.28,24.89,26.2,3.65,50.81,6.32,75.22,8.18,27.39,2.09,53.84,3.1,80.87,3.1,21.49,0,43.44-.67,65.24-2,82.01-5,158.29-7.53,226.7-7.53,26.88,0,52.6.4,76.43,1.18,19.07.62,36.99,1.5,53.25,2.59,27.46,1.85,40.14,3.6,40.69,3.68l.61,47.35Z"/></svg>');
389 }
390
391 .page-template-no-title{
392 .join-callout::before{
393 width: 120vw;
394 margin: 180px 0 0% 0%;
395 }
346 } 396 }
...\ No newline at end of file ...\ No newline at end of file
......