Skip to content

Jeff Balicki / st_joseph

Go to a project
Toggle navigation
Toggle navigation pinning
49aeb782 by Jeff Balicki
Options

slider and contact 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent cc9b531a
Inline Side-by-side
Showing 24 changed files with 251 additions and 551 deletions
...@@ -96,7 +96,9 @@ error_log($carousel_style ); ...@@ -96,7 +96,9 @@ error_log($carousel_style );
96 96
97 </div> 97 </div>
98 <?php endwhile; ?> 98 <?php endwhile; ?>
99 </div></div> 99 </div>
100 <div class="swiper-pagination"></div>
101 </div>
100 <div class="swiper-button-prev" data-id="<?= $id ?>"></div> 102 <div class="swiper-button-prev" data-id="<?= $id ?>"></div>
101 <div class="swiper-button-next" data-id="<?= $id ?>"></div> 103 <div class="swiper-button-next" data-id="<?= $id ?>"></div>
102 <?php else: ?> 104 <?php else: ?>
......
1 <svg xmlns="http://www.w3.org/2000/svg" width="29" height="7" viewBox="0 0 29 7">
2 <g id="Group_985" data-name="Group 985" transform="translate(-672 105)">
3 <circle id="Ellipse_16" data-name="Ellipse 16" cx="3.5" cy="3.5" r="3.5" transform="translate(672 -105)" fill="#699"/>
4 <circle id="Ellipse_24" data-name="Ellipse 24" cx="3.5" cy="3.5" r="3.5" transform="translate(683 -105)" fill="#699"/>
5 <circle id="Ellipse_25" data-name="Ellipse 25" cx="3.5" cy="3.5" r="3.5" transform="translate(694 -105)" fill="#699"/>
6 </g>
7 </svg>
1 <svg xmlns="http://www.w3.org/2000/svg" width="29" height="7" viewBox="0 0 29 7">
2 <g id="Group_985" data-name="Group 985" transform="translate(-672 105)">
3 <circle id="Ellipse_16" data-name="Ellipse 16" cx="3.5" cy="3.5" r="3.5" transform="translate(672 -105)" fill="#e00"/>
4 <circle id="Ellipse_24" data-name="Ellipse 24" cx="3.5" cy="3.5" r="3.5" transform="translate(683 -105)" fill="#e00"/>
5 <circle id="Ellipse_25" data-name="Ellipse 25" cx="3.5" cy="3.5" r="3.5" transform="translate(694 -105)" fill="#e00"/>
6 </g>
7 </svg>
1 <svg id="Group_1314" data-name="Group 1314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20.935" height="20.915" viewBox="0 0 20.935 20.915">
2 <defs>
3 <clipPath id="clip-path">
4 <rect id="Rectangle_151" data-name="Rectangle 151" width="20.935" height="20.915" fill="#699"/>
5 </clipPath>
6 </defs>
7 <path id="Path_1277" data-name="Path 1277" d="M0,0V20.915H20.934V9.763h-2.56v8.6H2.58V2.517h8.383V0Z" transform="translate(0 0)" fill="#699"/>
8 <g id="Group_1023" data-name="Group 1023" transform="translate(0 0)">
9 <g id="Group_1022" data-name="Group 1022" clip-path="url(#clip-path)">
10 <path id="Path_1278" data-name="Path 1278" d="M18.276,13.612,16.363,11.7l9.185-9.143H23V.016h6.913v6.9H27.374V4.478l-9.1,9.134" transform="translate(-8.975 -0.009)" fill="#699"/>
11 </g>
12 </g>
13 </svg>
1 <svg id="Group_1314" data-name="Group 1314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20.935" height="20.915" viewBox="0 0 20.935 20.915">
2 <defs>
3 <clipPath id="clip-path">
4 <rect id="Rectangle_151" data-name="Rectangle 151" width="20.935" height="20.915" fill="none"/>
5 </clipPath>
6 </defs>
7 <path id="Path_1277" data-name="Path 1277" d="M0,0V20.915H20.934V9.763h-2.56v8.6H2.58V2.517h8.383V0Z" transform="translate(0 0)" fill="#1a1818"/>
8 <g id="Group_1023" data-name="Group 1023" transform="translate(0 0)">
9 <g id="Group_1022" data-name="Group 1022" clip-path="url(#clip-path)">
10 <path id="Path_1278" data-name="Path 1278" d="M18.276,13.612,16.363,11.7l9.185-9.143H23V.016h6.913v6.9H27.374V4.478l-9.1,9.134" transform="translate(-8.975 -0.009)" fill="#1a1818"/>
11 </g>
12 </g>
13 </svg>
1 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19.488" height="22" viewBox="0 0 19.488 22">
2 <defs>
3 <clipPath id="clip-path">
4 <rect id="Rectangle_217" data-name="Rectangle 217" width="19.488" height="22" fill="#fff"/>
5 </clipPath>
6 </defs>
7 <g id="Group_1435" data-name="Group 1435" clip-path="url(#clip-path)">
8 <path id="Path_1391" data-name="Path 1391" d="M16.973,22H2.529c-.034-.012-.067-.026-.1-.036a.858.858,0,0,1-.6-.545.918.918,0,0,1-.052-.333q0-2.112,0-4.225v-.122h-.1c-.15,0-.3,0-.449,0A1.233,1.233,0,0,1,.034,15.716.9.9,0,0,0,0,15.6V9a.689.689,0,0,0,.032-.1A1.231,1.231,0,0,1,1.267,7.864c.144,0,.287,0,.431,0,.024,0,.047,0,.08-.007V.982c0-.046,0-.092,0-.137A.867.867,0,0,1,2.332.053.986.986,0,0,1,2.7,0H13.056a.426.426,0,0,1,.333.146c.029.031.057.064.085.1Q15.52,2.58,17.568,4.916a.607.607,0,0,1,.167.43c0,.027,0,.055,0,.082V7.865h.1c.15,0,.3,0,.449,0a1.207,1.207,0,0,1,1.1.724,1.178,1.178,0,0,1,.1.534q0,1.851,0,3.7,0,1.315,0,2.63a1.577,1.577,0,0,1-.012.265,1.23,1.23,0,0,1-1.2,1.018h-.449c-.027,0-.053,0-.086,0v.125q0,2.08,0,4.16c0,.058,0,.116-.006.174a.862.862,0,0,1-.644.76c-.038.01-.075.024-.112.036M2.645.864v7H16.858c.021-.1.018-2.083,0-2.156h-3.7c-.034,0-.067,0-.1,0a.433.433,0,0,1-.418-.368A.867.867,0,0,1,12.63,5.2q0-2.108,0-4.215V.864Zm0,20.027H16.865V16.746H2.643Zm4.893-5.213c.037.006.067.013.1.016.249.021.5.047.749.06a10.291,10.291,0,0,0,1.611-.019,5.27,5.27,0,0,0,1.213-.262,2.8,2.8,0,0,0,1.8-1.774,4.044,4.044,0,0,0,.145-2.149,2.635,2.635,0,0,0-.525-1.166,2.867,2.867,0,0,0-1.453-.956,5.356,5.356,0,0,0-1.474-.2A14.208,14.208,0,0,0,7.943,9.3c-.135.014-.27.036-.407.054Zm-4.11-2.27a4.467,4.467,0,0,0,.86.014,3.354,3.354,0,0,0,1.057-.239,1.977,1.977,0,0,0,.889-.682,2.134,2.134,0,0,0,.349-1.553A1.784,1.784,0,0,0,5.391,9.442a3.378,3.378,0,0,0-1.137-.213,12.83,12.83,0,0,0-2.047.091c-.074.01-.148.025-.22.037V15.7h1.44ZM18.118,9.277c-.142-.02-3.864-.013-3.927.006V15.7c.121.018,1.381.013,1.456-.007v-1.71q0-.215,0-.431c0-.142,0-.285,0-.434H17.19c.128,0,.257,0,.385,0s.254.005.379,0v-1.18h-2.3c-.019-.173-.011-1.4.01-1.475h2.453Z" fill="#fff"/>
9 <path id="Path_1392" data-name="Path 1392" d="M162.156,186.269c.105-.013.207-.031.31-.038a3.028,3.028,0,0,1,1.028.069,1.655,1.655,0,0,1,1.265,1.3,2.968,2.968,0,0,1-.084,1.67,1.749,1.749,0,0,1-1.294,1.168,2.867,2.867,0,0,1-.772.08c-.149,0-.3-.01-.453-.015Z" transform="translate(-153.153 -175.879)" fill="#fff"/>
10 <path id="Path_1393" data-name="Path 1393" d="M61.758,187.832v-1.907c.038-.009.076-.02.114-.025a2.393,2.393,0,0,1,.945.025.994.994,0,0,1,.344.165.813.813,0,0,1,.315.53,1.123,1.123,0,0,1-.005.419.951.951,0,0,1-.716.754,1.939,1.939,0,0,1-.689.067c-.1-.006-.2-.018-.308-.027" transform="translate(-58.329 -175.546)" fill="#fff"/>
11 </g>
12 </svg>
1 (function($){
2
3 /**
4 * initializeBlock
5 *
6 * Adds custom JavaScript to the block HTML.
7 *
8 * @date 15/4/19
9 * @since 1.0.0
10 *
11 * @param object $block The block jQuery element.
12 * @param object attributes The block attributes (only available when editing).
13 * @return void
14 */
15 var initializeBlock = function( $block ) {
16 // $block.find('.carousel-items:not(.large)').slick({
17 // dots: false,
18 // infinite: true,
19 // speed: 300,
20 // slidesToShow: 4,
21 // adaptiveHeight: false,
22 // arrows:true,
23 // variableWidth: true,
24 // responsive: [
25 // {
26 // breakpoint: 1024,
27 // settings: {
28 // slidesToShow: 3,
29 // slidesToScroll: 1,
30 // }
31 // },
32 // {
33 // breakpoint: 600,
34 // settings: {
35 // slidesToShow: 2,
36 // slidesToScroll: 1
37 // }
38 // },
39 // {
40 // breakpoint: 480,
41 // settings: {
42 // slidesToShow: 1,
43 // slidesToScroll: 1
44 // }
45 // }
46 // // You can unslick at a given breakpoint now by adding:
47 // // settings: "unslick"
48 // // instead of a settings object
49 // ]
50 // });
51 // $block.find('.carousel-items.large').slick({
52 // dots: false,
53 // centerMode:true,
54 // infinite: true,
55 // speed: 300,
56 // slidesToShow: 2,
57 // adaptiveHeight: false,
58 // arrows:true,
59 // variableWidth: true,
60 // responsive: [
61 // {
62 // breakpoint: 1024,
63 // settings: {
64 // slidesToShow: 2,
65 // slidesToScroll: 1,
66 // }
67 // },
68 // {
69 // breakpoint: 600,
70 // settings: {
71 // slidesToShow: 2,
72 // slidesToScroll: 1
73 // }
74 // },
75 // {
76 // breakpoint: 480,
77 // settings: {
78 // slidesToShow: 1,
79 // slidesToScroll: 1
80 // }
81 // }
82 // // You can unslick at a given breakpoint now by adding:
83 // // settings: "unslick"
84 // // instead of a settings object
85 // ]
86 // });
87 // $('.slick-list').css('margin-left', $('.entry-content').css('margin-left'));
88 $('.carousel').css('margin-left',"-"+$('.entry-content').css('margin-left'));
89
90 }
91
92 $(window).on('resize', function(){
93 // $('.slick-list').css('margin-left', $('.entry-content').css('margin-left'));
94 $('.carousel').css('margin-left',"-"+$('.entry-content').css('margin-left'));
95 });
96
97 // Initialize each block on page load (front end).
98 $(document).ready(function(){
99 $('.carousel').each(function(){
100 initializeBlock( $(this) );
101 });
102 });
103
104 // Initialize dynamic block preview (editor).
105 if( window.acf ) {
106 window.acf.addAction( 'render_block_preview/type=quote', initializeBlock );
107 }
108
109
110 function stretch(){
111 var margin_left = parseInt($('.entry-content').css('margin-left')) + 20;
112 var margin_right = parseInt($('.entry-content').css('margin-right')) + 20;
113
114 $('.stretch-left').css('margin-left',"-"+margin_left);
115 $('.stretch-left').css('padding-left',margin_left);
116
117 $('.stretch-right').css('margin-right',"-"+margin_right+'px');
118 $('.stretch-right').css('padding-right',+margin_right+'px');
119
120 $('.stretch').css('margin-left',"-"+margin_left+'px');
121 $('.stretch').css('margin-right',"-"+margin_right+'px');
122 $('.stretch').css('padding-left',margin_right+'px');
123 $('.stretch').css('padding-right',margin_left+'px');
124 }
125
126 jQuery(function($) {
127 stretch();
128 $('.sameHeight').sameHeight();
129 $(window).on('resize', function(){
130 stretch();
131 $('.sameHeight').sameHeight();
132 });
133 });
134
135 })(jQuery);
136
137
138 (function( $ ) {
139 // the sameHeight functions makes all the selected elements of the same height
140 $.fn.sameHeight = function() {
141
142 var selector = this;
143 var heights = [];
144
145 // Save the heights of every element into an array
146 selector.each(function(){
147 var height = $(this).height();
148 heights.push(height);
149 });
150
151 // Get the biggest height
152 var maxHeight = Math.max.apply(null, heights);
153 // Show in the console to verify
154 console.log(heights,maxHeight);
155
156 // Set the maxHeight to every selected element
157 selector.each(function(){
158 $(this).height(maxHeight);
159 });
160
161 };
162
163 }( jQuery ));
...\ No newline at end of file ...\ No newline at end of file
1
2 .carousel:not(.is-admin){
3 background-color: transparent !important;
4 left: -20px;
5 width: 100vw;
6 margin-top: 30px;
7 margin-bottom: 30px;
8 }
9
10
11
12 .carousel-items{
13 list-style: none;
14 margin-block-start: 0em;
15 margin-block-end: 0em;
16 margin-inline-start: 0px;
17 margin-inline-end: 0px;
18 padding-inline-start: 20px;
19 background-color: transparent !important;
20
21 }
22
23 .slick-list{
24
25 margin: auto;
26 margin-right: -20vw;
27
28
29 }
30
31
32
33
34
35 .slick-next{
36 right: 15px;
37 z-index: 9999;
38 top: calc(50% - 17.5px);
39 }
40 .slick-prev {
41 left: 0px;
42 z-index: 9999;
43 top: calc(50% - 17.5px);
44 }
45
46
47 .slick-next:before{
48
49 content: " ";
50 background-image: url(next-arrow.png);
51 background-size: contain;
52 width: 35px !important;
53 height: 35px !important;
54 display: block;
55 background-repeat: no-repeat;
56 opacity: 1;
57 }
58 .slick-prev:before,.slick-prev:before{
59
60 content: " ";
61 background-image: url(previous-arrow.png);
62 background-size: contain;
63 width: 35px !important;
64 height: 35px !important;
65 display: block;
66 background-repeat: no-repeat;
67 opacity: 1;
68 }
69
70 .slick-prev:hover:before{
71 background-image: url(previous-arrow-hover.png);
72 }
73 .slick-next:hover:before{
74 background-image: url(next-arrow-hover.png);
75 }
76
77
78
79 .count-up-infographic-block {
80 clear: both;
81 margin-right: 5px;
82
83 }
84
85 .count-up-infographic-block.vertical {
86 display: flex;
87 align-items: center;
88 justify-content: center;
89 text-align: center;
90 }
91
92 .count-up-infographic-block .infographic{
93 text-align: center;
94 }
95 .count-up-infographic-block .infographic img{
96 margin: auto;
97 margin-top: 10px;
98 width: 50px;
99 }
100 .count-up-infographic-block.vertical .infographic img{
101 width: 100px;
102 }
103
104 .count-up-infographic-block p {
105 font-size: 16px;
106 line-height: 20px;
107 color:#4D4D4D;
108 }
109
110 .count-up-infographic-block .countup{
111 font-size:35px;
112 line-height: 42px;
113 font-weight: bold;
114 }
115 .count-up-infographic-block.vertical .countup{
116 display: block;
117 margin: 10px 0px;
118 }
119
120 .count-up-infographic-block.vertical .column{
121 width: 100% !important;
122 }
123
124
125 .carousel-items li .count-up-infographic-block{
126 background-color: #F0F0F0;
127 width: 342px;
128 height: 342px;
129 }
130
131
132 .testimonials{
133 background-color:#D6EAF9;
134
135 }
136
137 .testimonial-text{
138 padding: 30px 50px;
139 }
140
141 .container.testimonials .row {
142 margin-right: -15px !important;
143 margin-left: -15px !important;
144 }
145 .container.testimonials p{
146 font-size: 16px !important;
147 line-height:21px !important;
148 font-style: italic;
149 }
150
151 .testimonials_image{
152 width: 100%;
153
154 }
155
156
157 .carousel-items li .testimonials{
158 background-color: #F0F0F0;
159 width: 683px;
160
161 }
162
...\ No newline at end of file ...\ No newline at end of file
...@@ -15608,12 +15608,21 @@ h2, .h2 { ...@@ -15608,12 +15608,21 @@ h2, .h2 {
15608 color: #0484B8; 15608 color: #0484B8;
15609 font-size: 40px; 15609 font-size: 40px;
15610 line-height: 49px; 15610 line-height: 49px;
15611 margin-bottom: 40px;
15612 }
15613
15614 h3, .h3 {
15615 color: #0484B8;
15616 font-size: 29px;
15617 line-height: 32px;
15618 margin-top: 20px;
15611 } 15619 }
15612 15620
15613 input[type=text], input[type=email] { 15621 input[type=text], input[type=email] {
15614 border-radius: 0px !important; 15622 border-radius: 0px !important;
15615 border: 0px solid #fff !important; 15623 border: 0px solid #fff !important;
15616 height: 32px !important; 15624 height: 32px !important;
15625 margin-bottom: 20px;
15617 } 15626 }
15618 15627
15619 input[type=submit] { 15628 input[type=submit] {
...@@ -15621,6 +15630,55 @@ input[type=submit] { ...@@ -15621,6 +15630,55 @@ input[type=submit] {
15621 border: 0px solid #fff !important; 15630 border: 0px solid #fff !important;
15622 } 15631 }
15623 15632
15633 textarea {
15634 border-radius: 0px !important;
15635 border: 0px solid #fff !important;
15636 margin-bottom: 20px;
15637 }
15638
15639 input[type=checkbox] {
15640 -webkit-appearance: auto !important;
15641 -moz-appearance: auto !important;
15642 appearance: auto !important;
15643 opacity: 1;
15644 }
15645
15646 .bottom-borders .wp-block-column .wp-block-image img {
15647 border-radius: 25px 25px 0px 0px;
15648 border-bottom: 20px solid #FFA300;
15649 }
15650 .bottom-borders .wp-block-column .wp-block-image .wp-element-caption {
15651 text-align: center;
15652 font-size: 20px;
15653 line-height: 30px;
15654 }
15655 .bottom-borders .wp-block-column:nth-of-type(2) .wp-block-image img {
15656 border-bottom: 20px solid #3F9C35;
15657 }
15658 .bottom-borders .wp-block-column:nth-of-type(3) .wp-block-image img {
15659 border-bottom: 20px solid #0484B8;
15660 }
15661
15662 #wpcf7-f115-p18-o1 {
15663 max-width: 80% !important;
15664 }
15665 #wpcf7-f115-p18-o1 input[type=text], #wpcf7-f115-p18-o1 input[type=email], #wpcf7-f115-p18-o1 textarea {
15666 background-color: #E5F2F8;
15667 }
15668 #wpcf7-f115-p18-o1 .wpcf7-list-item {
15669 margin: 0px;
15670 }
15671 #wpcf7-f115-p18-o1 input[type=submit] {
15672 text-align: center;
15673 margin: auto;
15674 margin-top: 20px;
15675 width: 112px;
15676 background-color: #0484B8;
15677 color: #fff;
15678 text-transform: uppercase;
15679 display: block;
15680 }
15681
15624 .pre-header { 15682 .pre-header {
15625 background-color: #0484B8; 15683 background-color: #0484B8;
15626 color: #fff; 15684 color: #fff;
...@@ -15828,8 +15886,27 @@ input[type=submit] { ...@@ -15828,8 +15886,27 @@ input[type=submit] {
15828 text-transform: uppercase; 15886 text-transform: uppercase;
15829 } 15887 }
15830 15888
15831 .testimonials .col { 15889 .carousel:not(.is-admin) {
15832 background-size: cover; 15890 background-color: transparent !important;
15891 left: -20px;
15892 width: 100vw;
15893 margin-top: 30px;
15894 margin-bottom: 30px;
15895 }
15896
15897 .carousel-items {
15898 list-style: none;
15899 -webkit-margin-before: 0em;
15900 margin-block-start: 0em;
15901 -webkit-margin-after: 0em;
15902 margin-block-end: 0em;
15903 -webkit-margin-start: 0px;
15904 margin-inline-start: 0px;
15905 -webkit-margin-end: 0px;
15906 margin-inline-end: 0px;
15907 -webkit-padding-start: 20px;
15908 padding-inline-start: 20px;
15909 background-color: transparent !important;
15833 } 15910 }
15834 15911
15835 .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { 15912 .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
...@@ -15840,71 +15917,65 @@ input[type=submit] { ...@@ -15840,71 +15917,65 @@ input[type=submit] {
15840 margin-right: 15px; 15917 margin-right: 15px;
15841 } 15918 }
15842 15919
15920 .carousel {
15921 width: 100vw;
15922 margin-left: calc((100% - 100vw) / 2);
15923 left: 0 !important;
15924 min-height: 340px !important;
15925 }
15843 .carousel .carousel-items { 15926 .carousel .carousel-items {
15844 margin-left: 1.75rem; 15927 margin-left: 1.75rem;
15845 } 15928 }
15846 .carousel .swiper-wrapper { 15929 .carousel .swiper-wrapper {
15847 gap: 1rem; 15930 gap: 1rem;
15848 } 15931 }
15849
15850 .testimonials-carousel .swiper-slide {
15851 width: 890px !important;
15852 min-height: 247px !important;
15853 border-radius: 8px 8px 0px 0px;
15854 }
15855
15856 .carousel {
15857 width: 100vw;
15858 margin-left: calc((100% - 100vw) / 2);
15859 left: 0 !important;
15860 }
15861 .carousel .swiper-button-next { 15932 .carousel .swiper-button-next {
15862 right: 8px !important; 15933 right: 8px !important;
15863 } 15934 }
15864 .carousel .swiper-button-prev { 15935 .carousel .swiper-button-prev {
15865 left: 7px !important; 15936 left: 7px !important;
15866 } 15937 }
15938 .carousel .swiper-pagination {
15939 bottom: -20px !important;
15940 }
15867 15941
15868 .swiper-slide .testimonials { 15942 .testimonials-carousel .swiper-slide {
15943 width: 890px !important;
15944 }
15945 .testimonials-carousel .swiper-slide .testimonials {
15946 width: 890px;
15869 background: #E5F2F8; 15947 background: #E5F2F8;
15870 border-radius: 8px 8px 0px 0px; 15948 border-radius: 8px 8px 0px 0px;
15871 margin-right: 20px; 15949 margin-right: 20px;
15872 } 15950 }
15873 .swiper-slide .testimonials .row { 15951 .testimonials-carousel .swiper-slide .testimonials .row {
15874 margin-right: 0rem !important; 15952 margin-right: 0rem !important;
15875 border-bottom: 20px solid #FFA300; 15953 border-bottom: 20px solid #FFA300;
15954 margin-left: -15px !important;
15955 min-height: 316px !important;
15876 } 15956 }
15877 15957 .testimonials-carousel .swiper-slide .testimonials .col {
15878 .swiper-slide:nth-of-type(2) .testimonials .row { 15958 background-size: cover;
15879 border-bottom: 20px solid #3F9C35;
15880 }
15881
15882 .swiper-slide:nth-of-type(3) .testimonials .row {
15883 border-bottom: 20px solid #E04E39;
15884 } 15959 }
15885 15960 .testimonials-carousel .swiper-slide .testimonials .testimonial-text {
15886 .testimonial-text {
15887 padding: 30px 50px; 15961 padding: 30px 50px;
15888 } 15962 }
15889 15963 .testimonials-carousel .swiper-slide .testimonials p {
15890 .container.testimonials .row {
15891 margin-right: -15px !important;
15892 margin-left: -15px !important;
15893 }
15894
15895 .container.testimonials p {
15896 font-size: 16px !important; 15964 font-size: 16px !important;
15897 line-height: 21px !important; 15965 line-height: 21px !important;
15898 font-style: italic; 15966 font-style: italic;
15899 } 15967 }
15900 15968 .testimonials-carousel .swiper-slide .testimonials .testimonials_image {
15901 .testimonials_image {
15902 width: 100%; 15969 width: 100%;
15903 } 15970 }
15904 15971 .testimonials-carousel .swiper-slide:nth-of-type(2) .testimonials .row {
15905 .carousel-items li .testimonials { 15972 border-bottom: 20px solid #3F9C35;
15906 background-color: #F0F0F0; 15973 }
15907 width: 683px; 15974 .testimonials-carousel .swiper-slide:nth-of-type(3) .testimonials .row {
15975 border-bottom: 20px solid #0484B8;
15976 }
15977 .testimonials-carousel .swiper-slide:nth-of-type(4) .testimonials .row {
15978 border-bottom: 20px solid #E04E39;
15908 } 15979 }
15909 15980
15910 .has-blue-color, 15981 .has-blue-color,
......
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.
...@@ -22,9 +22,6 @@ function my_acf_init_block_types() { ...@@ -22,9 +22,6 @@ function my_acf_init_block_types() {
22 )); 22 ));
23 23
24 24
25 wp_enqueue_style( 'block-slider', get_stylesheet_directory_uri() . '/blocks/carousel/style.css', array(), '1.0.13' );
26 // wp_enqueue_script( 'block-slider', get_stylesheet_directory_uri() . '/blocks/carousel/script.js', array(), '1.0.13', true );
27
28 25
29 acf_register_block(array( 26 acf_register_block(array(
30 'name' => 'call-out-block', 27 'name' => 'call-out-block',
......
...@@ -14807,63 +14807,27 @@ ...@@ -14807,63 +14807,27 @@
14807 styleInject(css_248z); 14807 styleInject(css_248z);
14808 14808
14809 jQuery(document).ready(function ($) { 14809 jQuery(document).ready(function ($) {
14810 const header_swiper = new Swiper('.swiper', {
14811 // Optional parameters
14812 loop: true,
14813 modules: [Navigation, Pagination],
14814 // If we need pagination
14815 pagination: {
14816 el: '.swiper-pagination'
14817 },
14818 // Navigation arrows
14819 navigation: {
14820 nextEl: '.swiper-button-next',
14821 prevEl: '.swiper-button-prev'
14822 },
14823 // And if we need scrollbar
14824 scrollbar: {
14825 el: '.swiper-scrollbar'
14826 }
14827 });
14828 var offset = (window.innerWidth - $('.entry-content').width()) / 2 - 28; 14810 var offset = (window.innerWidth - $('.entry-content').width()) / 2 - 28;
14829 jQuery('.carousel-items').each(function () { 14811 jQuery('.carousel-items').each(function () {
14830 var _id = jQuery(this).parent().attr('id'); 14812 var _id = jQuery(this).parent().attr('id');
14831 14813
14832 var swiper_params = { 14814 var swiper_params = {
14833 modules: [Navigation], 14815 modules: [Navigation, Pagination],
14834 slidesPerView: "auto", 14816 slidesPerView: "auto",
14835 slidesOffsetBefore: offset, 14817 slidesOffsetBefore: offset,
14836 spaceBetween: 25, 14818 spaceBetween: 25,
14819 pagination: {
14820 el: ".swiper-pagination",
14821 type: 'bullets'
14822 },
14837 // Navigation arrows 14823 // Navigation arrows
14838 navigation: { 14824 navigation: {
14839 nextEl: '.swiper-button-next[data-id="' + _id + '"]', 14825 nextEl: '.swiper-button-next[data-id="' + _id + '"]',
14840 prevEl: '.swiper-button-prev[data-id="' + _id + '"]' 14826 prevEl: '.swiper-button-prev[data-id="' + _id + '"]'
14841 } 14827 }
14842 }; 14828 };
14843
14844 if (jQuery(this).hasClass('testimonials-carousel')) {
14845 swiper_params.spaceBetween = 0;
14846 }
14847
14848 if (jQuery(this).hasClass('books')) ;
14849
14850 if (jQuery(this).hasClass('stories')) ;
14851
14852 new Swiper(this, swiper_params); 14829 new Swiper(this, swiper_params);
14853 }); 14830 });
14854 header_swiper.on('slideChange', function (el, i) {
14855 var slide = jQuery(el.slides[el.activeIndex]);
14856 var copy = jQuery(slide).data('copy');
14857 var cap = jQuery(slide).data('caption');
14858
14859 if (!copy && !cap) {
14860 jQuery('.side-caption').addClass('hide');
14861 } else {
14862 jQuery('.side-caption').removeClass('hide');
14863 jQuery('.side-caption').find('.cap').text(cap);
14864 jQuery('.side-caption').find('.copyright').text(copy);
14865 }
14866 });
14867 }); 14831 });
14868 14832
14869 // Add your custom JS here. 14833 // Add your custom JS here.
......
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.
...@@ -6,27 +6,6 @@ import 'swiper/css/pagination'; ...@@ -6,27 +6,6 @@ import 'swiper/css/pagination';
6 6
7 jQuery(document).ready(function($) { 7 jQuery(document).ready(function($) {
8 8
9 const header_swiper = new Swiper('.swiper', {
10 // Optional parameters
11 loop: true,
12 modules: [Navigation, Pagination],
13
14 // If we need pagination
15 pagination: {
16 el: '.swiper-pagination',
17 },
18
19 // Navigation arrows
20 navigation: {
21 nextEl: '.swiper-button-next',
22 prevEl: '.swiper-button-prev',
23 },
24
25 // And if we need scrollbar
26 scrollbar: {
27 el: '.swiper-scrollbar',
28 },
29 });
30 9
31 var offset = ((window.innerWidth - $('.entry-content').width() ) / 2) - 28; 10 var offset = ((window.innerWidth - $('.entry-content').width() ) / 2) - 28;
32 11
...@@ -35,12 +14,17 @@ jQuery(document).ready(function($) { ...@@ -35,12 +14,17 @@ jQuery(document).ready(function($) {
35 var _id = jQuery(this).parent().attr('id'); 14 var _id = jQuery(this).parent().attr('id');
36 15
37 var swiper_params = { 16 var swiper_params = {
38 modules: [Navigation], 17 modules: [Navigation, Pagination],
39 18
40 slidesPerView:"auto", 19 slidesPerView:"auto",
41 slidesOffsetBefore:offset, 20 slidesOffsetBefore:offset,
42 spaceBetween:25, 21 spaceBetween:25,
43 22
23 pagination: {
24 el: ".swiper-pagination",
25 type: 'bullets',
26 },
27
44 // Navigation arrows 28 // Navigation arrows
45 navigation: { 29 navigation: {
46 nextEl: '.swiper-button-next[data-id="'+_id+'"]', 30 nextEl: '.swiper-button-next[data-id="'+_id+'"]',
...@@ -49,15 +33,7 @@ jQuery(document).ready(function($) { ...@@ -49,15 +33,7 @@ jQuery(document).ready(function($) {
49 33
50 }; 34 };
51 35
52 if(jQuery(this).hasClass('testimonials-carousel')) { 36
53 swiper_params.spaceBetween = 0;
54 }
55
56 if(jQuery(this).hasClass('books')) {
57 }
58
59 if(jQuery(this).hasClass('stories')) {
60 }
61 37
62 new Swiper(this, swiper_params); 38 new Swiper(this, swiper_params);
63 39
...@@ -65,17 +41,4 @@ jQuery(document).ready(function($) { ...@@ -65,17 +41,4 @@ jQuery(document).ready(function($) {
65 }); 41 });
66 42
67 43
68 header_swiper.on('slideChange', function (el, i) {
69 var slide = jQuery(el.slides[el.activeIndex]);
70 var copy = jQuery(slide).data('copy');
71 var cap = jQuery(slide).data('caption');
72 if(!copy && !cap) {
73 jQuery('.side-caption').addClass('hide');
74 } else {
75 jQuery('.side-caption').removeClass('hide');
76 jQuery('.side-caption').find('.cap').text(cap);
77 jQuery('.side-caption').find('.copyright').text(copy);
78 }
79 });
80
81 }); 44 });
...\ No newline at end of file ...\ No newline at end of file
......
1 .testimonials { 1 // carousel css
2 .col { 2 .carousel:not(.is-admin){
3 background-size: cover; 3 background-color: transparent !important;
4 } 4 left: -20px;
5 } 5 width: 100vw;
6 margin-top: 30px;
7 margin-bottom: 30px;
8 }
9
10
11
12 .carousel-items{
13 list-style: none;
14 margin-block-start: 0em;
15 margin-block-end: 0em;
16 margin-inline-start: 0px;
17 margin-inline-end: 0px;
18 padding-inline-start: 20px;
19 background-color: transparent !important;
20
21 }
6 22
7 .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { 23 .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
8 pointer-events: all !important; 24 pointer-events: all !important;
...@@ -12,6 +28,7 @@ ...@@ -12,6 +28,7 @@
12 margin-right:15px; //for the scroll bar 28 margin-right:15px; //for the scroll bar
13 } 29 }
14 30
31
15 .carousel { 32 .carousel {
16 .carousel-items { 33 .carousel-items {
17 margin-left:1.75rem; 34 margin-left:1.75rem;
...@@ -19,46 +36,60 @@ ...@@ -19,46 +36,60 @@
19 .swiper-wrapper { 36 .swiper-wrapper {
20 gap: 1rem; 37 gap: 1rem;
21 } 38 }
22 } 39
23
24
25 40
26
27
28 .testimonials-carousel {
29 .swiper-slide {
30 width:890px !important;
31 min-height:247px !important;
32 border-radius: 8px 8px 0px 0px;
33 }
34 }
35
36
37 .carousel {
38 width:100vw; 41 width:100vw;
39 margin-left:calc((100% - 100vw) / 2); 42 margin-left:calc((100% - 100vw) / 2);
40 left:0 !important; 43 left:0 !important;
44 min-height: 340px!important;
41 .swiper-button-next { 45 .swiper-button-next {
42 right:8px !important; 46 right:8px !important;
43 } 47 }
44 .swiper-button-prev { 48 .swiper-button-prev {
45 left:7px !important; 49 left:7px !important;
46 } 50 }
51 .swiper-pagination{
52 bottom: -20px !important;
53 }
47 } 54 }
48 55
49 56 // testimonials carousel css
57 .testimonials-carousel{
50 .swiper-slide{ 58 .swiper-slide{
59 width:890px !important;
60
51 .testimonials{ 61 .testimonials{
62 width:890px;
52 background:#E5F2F8; 63 background:#E5F2F8;
53 border-radius: 8px 8px 0px 0px; 64 border-radius: 8px 8px 0px 0px;
54 margin-right: 20px; 65 margin-right: 20px;
55 .row{ 66 .row{
56 margin-right: 0rem !important; 67 margin-right: 0rem !important;
57 border-bottom:20px solid #FFA300; 68 border-bottom:20px solid #FFA300;
69 margin-left: -15px !important;
70 min-height:316px !important;
58 71
59 } 72 }
73 .col {
74 background-size: cover;
75 }
76 .testimonial-text{
77 padding: 30px 50px;
78 }
79
80 p{
81 font-size: 16px !important;
82 line-height:21px !important;
83 font-style: italic;
84 }
85
86 .testimonials_image{
87 width: 100%;
88
89 }
60 } 90 }
61 } 91 }
92
62 .swiper-slide:nth-of-type(2){ 93 .swiper-slide:nth-of-type(2){
63 .testimonials{ 94 .testimonials{
64 .row{ 95 .row{
...@@ -69,37 +100,19 @@ ...@@ -69,37 +100,19 @@
69 .swiper-slide:nth-of-type(3){ 100 .swiper-slide:nth-of-type(3){
70 .testimonials{ 101 .testimonials{
71 .row{ 102 .row{
103 border-bottom:20px solid #0484B8;
104 }
105 }
106 }
107 .swiper-slide:nth-of-type(4){
108 .testimonials{
109 .row{
72 border-bottom:20px solid #E04E39; 110 border-bottom:20px solid #E04E39;
73 } 111 }
74 } 112 }
75 } 113 }
76 114
77
78
79
80 115
81 .testimonial-text{
82 padding: 30px 50px;
83 }
84 116
85 .container.testimonials .row {
86 margin-right: -15px !important;
87 margin-left: -15px !important;
88 }
89 .container.testimonials p{
90 font-size: 16px !important;
91 line-height:21px !important;
92 font-style: italic;
93 }
94
95 .testimonials_image{
96 width: 100%;
97
98 }
99 117
100
101 .carousel-items li .testimonials{
102 background-color: #F0F0F0;
103 width: 683px;
104
105 }
...\ No newline at end of file ...\ No newline at end of file
118 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -8,14 +8,81 @@ h2{ ...@@ -8,14 +8,81 @@ h2{
8 color: #0484B8; 8 color: #0484B8;
9 font-size: 40px; 9 font-size: 40px;
10 line-height: 49px; 10 line-height: 49px;
11 margin-bottom: 40px;
12 }
13
14 h3{
15 color: #0484B8;
16 font-size: 29px;
17 line-height: 32px;
18 margin-top: 20px;
11 } 19 }
12 20
13 input[type=text],input[type=email]{ 21 input[type=text],input[type=email]{
14 border-radius: 0px !important; 22 border-radius: 0px !important;
15 border: 0px solid #fff !important; 23 border: 0px solid #fff !important;
16 height: 32px !important; 24 height: 32px !important;
25 margin-bottom: 20px;
17 } 26 }
18 input[type=submit]{ 27 input[type=submit]{
19 border-radius: 0px !important; 28 border-radius: 0px !important;
20 border: 0px solid #fff !important; 29 border: 0px solid #fff !important;
30 }
31 textarea{
32 border-radius: 0px !important;
33 border: 0px solid #fff !important;
34 margin-bottom: 20px;
35 }
36
37 input[type=checkbox]
38 {
39 -webkit-appearance: auto !important;
40 appearance: auto !important;
41 opacity: 1;
42 }
43
44
45 .bottom-borders{
46 .wp-block-column {
47 .wp-block-image img{
48 border-radius: 25px 25px 0px 0px;
49 border-bottom:20px solid #FFA300;
50 }
51 .wp-block-image .wp-element-caption{
52 text-align: center;
53 font-size: 20px;
54 line-height: 30px;
55 }
56 }
57 .wp-block-column:nth-of-type(2) {
58 .wp-block-image img{
59 border-bottom:20px solid #3F9C35;
60 }
61 }
62 .wp-block-column:nth-of-type(3) {
63 .wp-block-image img{
64 border-bottom:20px solid #0484B8
65 }
66 }
67 }
68
69 #wpcf7-f115-p18-o1{
70 max-width: 80% !important;
71 input[type=text],input[type=email],textarea{
72 background-color: #E5F2F8;
73 }
74 .wpcf7-list-item{
75 margin:0px;
76 }
77 input[type=submit]{
78 text-align: center;
79 margin: auto;
80 margin-top: 20px;
81 width: 112px;
82 background-color: #0484B8;
83 color: #fff;
84 text-transform: uppercase;
85 display: block;
86
87 }
21 } 88 }
...\ No newline at end of file ...\ No newline at end of file
......