Skip to content

Jeff Balicki / FP_Canada

Go to a project
Toggle navigation
Toggle navigation pinning
df963cb3 by Jeff Balicki
Options

Merge branch 'staging'

2 parents 900af8a7 e83a9d82
Inline Side-by-side
Showing 10 changed files with 499 additions and 20 deletions
1 set :application, 'facit-dev' 1 set :application, 'fp-canada-staging'
2 set :branch, "master" 2 set :branch, "staging"
3 3
4 # Simple Role Syntax 4 # Simple Role Syntax
5 # ================== 5 # ==================
......
...@@ -17037,27 +17037,33 @@ ss3-force-full-width { ...@@ -17037,27 +17037,33 @@ ss3-force-full-width {
17037 max-width: 100vw; 17037 max-width: 100vw;
17038 } 17038 }
17039 17039
17040 #exampleModal,
17040 #exampleModalLong { 17041 #exampleModalLong {
17041 padding-right: 0px !important; 17042 padding-right: 0px !important;
17042 } 17043 }
17044 #exampleModal .modal-body,
17043 #exampleModalLong .modal-body { 17045 #exampleModalLong .modal-body {
17044 color: #5B6770; 17046 color: #5B6770;
17045 } 17047 }
17048 #exampleModal .wpcf7-form,
17046 #exampleModalLong .wpcf7-form { 17049 #exampleModalLong .wpcf7-form {
17047 margin-top: -30px; 17050 margin-top: -30px;
17048 color: #5B6770; 17051 color: #5B6770;
17049 } 17052 }
17053 #exampleModal .modal-content,
17050 #exampleModalLong .modal-content { 17054 #exampleModalLong .modal-content {
17051 top: 10px !important; 17055 top: 10px !important;
17052 border-radius: 0px; 17056 border-radius: 0px;
17053 padding: 50px; 17057 padding: 50px;
17054 } 17058 }
17055 @media (max-width: 786px) { 17059 @media (max-width: 786px) {
17056 #exampleModalLong .modal-content { 17060 #exampleModal .modal-content,
17061 #exampleModalLong .modal-content {
17057 font-size: 1.25rem; 17062 font-size: 1.25rem;
17058 padding: 20px; 17063 padding: 20px;
17059 } 17064 }
17060 } 17065 }
17066 #exampleModal .modal-header,
17061 #exampleModalLong .modal-header { 17067 #exampleModalLong .modal-header {
17062 border-bottom: 0px solid #e5e5e5 !important; 17068 border-bottom: 0px solid #e5e5e5 !important;
17063 height: 40px !important; 17069 height: 40px !important;
...@@ -17065,6 +17071,7 @@ ss3-force-full-width { ...@@ -17065,6 +17071,7 @@ ss3-force-full-width {
17065 min-height: 16.43px; 17071 min-height: 16.43px;
17066 padding: 15px; 17072 padding: 15px;
17067 } 17073 }
17074 #exampleModal .wpcf7-submit,
17068 #exampleModalLong .wpcf7-submit { 17075 #exampleModalLong .wpcf7-submit {
17069 background-color: #012169 !important; 17076 background-color: #012169 !important;
17070 text-transform: uppercase !important; 17077 text-transform: uppercase !important;
...@@ -17075,18 +17082,23 @@ ss3-force-full-width { ...@@ -17075,18 +17082,23 @@ ss3-force-full-width {
17075 color: #fff !important; 17082 color: #fff !important;
17076 border-width: 0px !important; 17083 border-width: 0px !important;
17077 } 17084 }
17085 #exampleModal .wpcf7-submit:focus,
17086 #exampleModal .wpcf7-submit:hover,
17078 #exampleModalLong .wpcf7-submit:focus, 17087 #exampleModalLong .wpcf7-submit:focus,
17079 #exampleModalLong .wpcf7-submit:hover { 17088 #exampleModalLong .wpcf7-submit:hover {
17080 background-color: #005eb8 !important; 17089 background-color: #005eb8 !important;
17081 } 17090 }
17091 #exampleModal .modal-backdrop,
17082 #exampleModalLong .modal-backdrop { 17092 #exampleModalLong .modal-backdrop {
17083 background-color: #000 !important; 17093 background-color: #000 !important;
17084 } 17094 }
17095 #exampleModal .modal-backdrop.in,
17085 #exampleModalLong .modal-backdrop.in { 17096 #exampleModalLong .modal-backdrop.in {
17086 opacity: 0.7 !important; 17097 opacity: 0.7 !important;
17087 background-color: #000 !important; 17098 background-color: #000 !important;
17088 z-index: 99999; 17099 z-index: 99999;
17089 } 17100 }
17101 #exampleModal .modal-dialog,
17090 #exampleModalLong .modal-dialog { 17102 #exampleModalLong .modal-dialog {
17091 width: 850px; 17103 width: 850px;
17092 margin-top: 1%; 17104 margin-top: 1%;
...@@ -17094,50 +17106,63 @@ ss3-force-full-width { ...@@ -17094,50 +17106,63 @@ ss3-force-full-width {
17094 max-width: unset !important; 17106 max-width: unset !important;
17095 } 17107 }
17096 @media (max-width: 786px) { 17108 @media (max-width: 786px) {
17097 #exampleModalLong .modal-dialog { 17109 #exampleModal .modal-dialog,
17110 #exampleModalLong .modal-dialog {
17098 width: 100%; 17111 width: 100%;
17099 margin-left: 0px; 17112 margin-left: 0px;
17100 margin-top: 40px; 17113 margin-top: 40px;
17101 } 17114 }
17102 } 17115 }
17116 #exampleModal .wpcf7 label,
17103 #exampleModalLong .wpcf7 label { 17117 #exampleModalLong .wpcf7 label {
17104 font-size: 1rem !important; 17118 font-size: 1rem !important;
17105 color: #5B6770; 17119 color: #5B6770;
17106 } 17120 }
17107 #exampleModalLong h5.modal-title, #exampleModalLong .modal-title.h5 { 17121 #exampleModal h5.modal-title, #exampleModal .modal-title.h5,
17122 #exampleModalLong h5.modal-title,
17123 #exampleModalLong .modal-title.h5 {
17108 margin-bottom: 5px; 17124 margin-bottom: 5px;
17109 font-size: 1.5625rem !important; 17125 font-size: 1.5625rem !important;
17110 color: #012169 !important; 17126 color: #012169 !important;
17111 } 17127 }
17128 #exampleModal p,
17112 #exampleModalLong p { 17129 #exampleModalLong p {
17113 font-size: 1rem; 17130 font-size: 1rem;
17114 color: #54565A; 17131 color: #54565A;
17115 } 17132 }
17133 #exampleModal a,
17116 #exampleModalLong a { 17134 #exampleModalLong a {
17117 color: #009ADE; 17135 color: #009ADE;
17118 text-decoration: none; 17136 text-decoration: none;
17119 } 17137 }
17138 #exampleModal a:hover,
17120 #exampleModalLong a:hover { 17139 #exampleModalLong a:hover {
17121 color: #000; 17140 color: #000;
17122 text-decoration: underline; 17141 text-decoration: underline;
17123 } 17142 }
17143 #exampleModal .modal-content,
17124 #exampleModalLong .modal-content { 17144 #exampleModalLong .modal-content {
17125 padding: 20px !important; 17145 padding: 20px !important;
17126 min-height: 550px; 17146 min-height: 550px;
17127 } 17147 }
17148 #exampleModal .wpcf7 .wpcf7-form-control-wrap input:not([type=checkbox]):not([type=radio]),
17128 #exampleModalLong .wpcf7 .wpcf7-form-control-wrap input:not([type=checkbox]):not([type=radio]) { 17149 #exampleModalLong .wpcf7 .wpcf7-form-control-wrap input:not([type=checkbox]):not([type=radio]) {
17129 width: 100% !important; 17150 width: 100% !important;
17130 border-radius: 0px !important; 17151 border-radius: 0px !important;
17131 } 17152 }
17153 #exampleModal .wpcf7 label,
17132 #exampleModalLong .wpcf7 label { 17154 #exampleModalLong .wpcf7 label {
17133 width: 100% !important; 17155 width: 100% !important;
17134 } 17156 }
17157 #exampleModal span.wpcf7-form-control-wrap.acceptance-548,
17135 #exampleModalLong span.wpcf7-form-control-wrap.acceptance-548 { 17158 #exampleModalLong span.wpcf7-form-control-wrap.acceptance-548 {
17136 margin-left: -30px; 17159 margin-left: -30px;
17137 } 17160 }
17161 #exampleModal label.acceptance-548,
17138 #exampleModalLong label.acceptance-548 { 17162 #exampleModalLong label.acceptance-548 {
17139 padding-left: 15px; 17163 padding-left: 15px;
17140 } 17164 }
17165 #exampleModal .req,
17141 #exampleModalLong .req { 17166 #exampleModalLong .req {
17142 margin-left: 0px; 17167 margin-left: 0px;
17143 margin-bottom: 0px; 17168 margin-bottom: 0px;
...@@ -17145,6 +17170,7 @@ ss3-force-full-width { ...@@ -17145,6 +17170,7 @@ ss3-force-full-width {
17145 float: right; 17170 float: right;
17146 font-style: italic; 17171 font-style: italic;
17147 } 17172 }
17173 #exampleModal .modal-header .close,
17148 #exampleModalLong .modal-header .close { 17174 #exampleModalLong .modal-header .close {
17149 top: 0px; 17175 top: 0px;
17150 right: 15px; 17176 right: 15px;
...@@ -17161,24 +17187,30 @@ ss3-force-full-width { ...@@ -17161,24 +17187,30 @@ ss3-force-full-width {
17161 background: 0 0; 17187 background: 0 0;
17162 border: 0; 17188 border: 0;
17163 } 17189 }
17190 #exampleModal .modal-header .close:hover,
17164 #exampleModalLong .modal-header .close:hover { 17191 #exampleModalLong .modal-header .close:hover {
17165 color: #000 !important; 17192 color: #000 !important;
17166 } 17193 }
17194 #exampleModal label.container,
17167 #exampleModalLong label.container { 17195 #exampleModalLong label.container {
17168 flex-basis: 50% !important; 17196 flex-basis: 50% !important;
17169 } 17197 }
17198 #exampleModal .modal-body,
17170 #exampleModalLong .modal-body { 17199 #exampleModalLong .modal-body {
17171 padding-bottom: 0px; 17200 padding-bottom: 0px;
17172 margin-bottom: -20px; 17201 margin-bottom: -20px;
17173 } 17202 }
17174 @media (max-width: 786px) { 17203 @media (max-width: 786px) {
17175 #exampleModalLong .modal-body { 17204 #exampleModal .modal-body,
17205 #exampleModalLong .modal-body {
17176 height: 100%; 17206 height: 100%;
17177 } 17207 }
17178 } 17208 }
17209 #exampleModal .wpcf7-response-output,
17179 #exampleModalLong .wpcf7-response-output { 17210 #exampleModalLong .wpcf7-response-output {
17180 margin-top: -20px !important; 17211 margin-top: -20px !important;
17181 } 17212 }
17213 #exampleModal .service-choose-container,
17182 #exampleModalLong .service-choose-container { 17214 #exampleModalLong .service-choose-container {
17183 max-width: 530px; 17215 max-width: 530px;
17184 display: flex; 17216 display: flex;
...@@ -17186,6 +17218,7 @@ ss3-force-full-width { ...@@ -17186,6 +17218,7 @@ ss3-force-full-width {
17186 justify-content: flex-start; 17218 justify-content: flex-start;
17187 padding: 10px 0; 17219 padding: 10px 0;
17188 } 17220 }
17221 #exampleModal .service-choose-container label.container,
17189 #exampleModalLong .service-choose-container label.container { 17222 #exampleModalLong .service-choose-container label.container {
17190 display: flex; 17223 display: flex;
17191 height: auto; 17224 height: auto;
...@@ -17209,6 +17242,96 @@ ss3-force-full-width { ...@@ -17209,6 +17242,96 @@ ss3-force-full-width {
17209 margin-top: 5%; 17242 margin-top: 5%;
17210 } 17243 }
17211 17244
17245 #exampleModal {
17246 min-height: 400px !important;
17247 font-size: 1.125rem !important;
17248 line-height: 1.3125rem !important;
17249 }
17250 #exampleModal .req {
17251 position: absolute;
17252 right: 0px;
17253 float: right;
17254 }
17255 #exampleModal .close {
17256 top: 15px !important;
17257 }
17258 #exampleModal h5, #exampleModal .h5 {
17259 font-family: "Calibri-bold";
17260 margin-bottom: 15px !important;
17261 }
17262 #exampleModal .wpcf7 {
17263 max-width: unset !important;
17264 }
17265 #exampleModal label {
17266 font-size: 1.125rem !important;
17267 line-height: 1.3125rem !important;
17268 }
17269 #exampleModal .wpcf7-list-item-label {
17270 font-family: "Calibri-bold";
17271 font-size: 1.125rem !important;
17272 line-height: 1.3125rem !important;
17273 }
17274 #exampleModal label.your-name {
17275 width: 49% !important;
17276 margin-right: 15px;
17277 font-size: 1.125rem !important;
17278 line-height: 1.3125rem !important;
17279 }
17280 @media (max-width: 786px) {
17281 #exampleModal label.your-name {
17282 width: 100% !important;
17283 margin-bottom: 20px;
17284 }
17285 }
17286 #exampleModal label.your-name input {
17287 height: 30px;
17288 }
17289 #exampleModal label.your-email {
17290 width: 49% !important;
17291 margin-right: 0px;
17292 font-size: 1.125rem !important;
17293 line-height: 1.3125rem !important;
17294 }
17295 @media (max-width: 786px) {
17296 #exampleModal label.your-email {
17297 width: 100% !important;
17298 }
17299 }
17300 #exampleModal label.your-email input {
17301 height: 30px;
17302 }
17303 #exampleModal .contact-2022-index {
17304 margin-bottom: 10px;
17305 }
17306 #exampleModal .wp-block-button {
17307 width: 100%;
17308 margin-top: -40px;
17309 display: block;
17310 }
17311 #exampleModal .wp-block-button .wp-block-button__link {
17312 width: 100%;
17313 background-color: #BBBCBC !important;
17314 color: #5B6770 !important;
17315 text-transform: uppercase !important;
17316 font-family: Calibri-bold !important;
17317 font-size: 1.25rem !important;
17318 padding: 10px 70px !important;
17319 border-radius: 0 !important;
17320 color: #fff !important;
17321 border-width: 0 !important;
17322 }
17323 #exampleModal .wp-block-button .wp-block-button__link:hover {
17324 background-color: #DDDDDD !important;
17325 }
17326 #exampleModal .modal-content {
17327 min-height: 400px !important;
17328 }
17329 @media (max-width: 786px) {
17330 #exampleModal .modal-content {
17331 height: 100vh;
17332 }
17333 }
17334
17212 .label-search-input { 17335 .label-search-input {
17213 color: #5B6770; 17336 color: #5B6770;
17214 } 17337 }
...@@ -17346,6 +17469,105 @@ input[type=radio]:checked { ...@@ -17346,6 +17469,105 @@ input[type=radio]:checked {
17346 display: block; 17469 display: block;
17347 } 17470 }
17348 17471
17472 .download-copy {
17473 line-height: 2.75rem !important;
17474 font-size: 2.5rem !important;
17475 }
17476 @media (max-width: 786px) {
17477 .download-copy {
17478 line-height: 2rem !important;
17479 font-size: 1.75rem !important;
17480 }
17481 }
17482
17483 .download-group {
17484 margin-top: -100px;
17485 }
17486 @media (max-width: 786px) {
17487 .download-group {
17488 margin-top: -70px;
17489 margin-bottom: 50px;
17490 }
17491 }
17492
17493 .download-button {
17494 width: 100% !important;
17495 }
17496 .download-button .wp-block-button__link {
17497 width: 365px;
17498 height: 56px;
17499 vertical-align: middle;
17500 padding-top: 15px !important;
17501 font-size: 1.25rem !important;
17502 }
17503 @media (max-width: 786px) {
17504 .download-button .wp-block-button__link {
17505 width: 100%;
17506 font-size: 1.125rem !important;
17507 }
17508 }
17509
17510 .download-cont {
17511 background-color: #FFB81C;
17512 margin-top: -30px;
17513 padding-top: 10px;
17514 padding-bottom: 40px;
17515 padding-left: 49px;
17516 padding-right: 40px;
17517 }
17518 @media (max-width: 786px) {
17519 .download-cont {
17520 padding-left: 26px;
17521 padding-right: 26px;
17522 margin-right: 5px;
17523 margin-left: 5px;
17524 }
17525 }
17526 .download-cont h2, .download-cont .h2 {
17527 margin-bottom: 10px;
17528 }
17529 @media (max-width: 786px) {
17530 .download-cont h2, .download-cont .h2 {
17531 font-size: 1.75rem !important;
17532 }
17533 }
17534 .download-cont p {
17535 color: #333F48;
17536 font-size: 1.25rem;
17537 line-height: 1.3125rem;
17538 }
17539 @media (max-width: 786px) {
17540 .download-cont p {
17541 font-size: 1.125rem !important;
17542 line-height: 1.3125rem !important;
17543 }
17544 }
17545
17546 .download-button .wp-block-button__link::before {
17547 content: "";
17548 width: 22px;
17549 height: 22px;
17550 margin-top: -8px;
17551 display: inline-block;
17552 position: relative;
17553 margin-right: 10px;
17554 background-repeat: no-repeat;
17555 vertical-align: middle;
17556 background-position: center;
17557 background-image: url("/wp-content/themes/understrap-child/src/images/download.svg");
17558 }
17559
17560 #wpsl-search-wrap,
17561 #find-a-financial-planner-near-you {
17562 padding-left: 45px;
17563 }
17564 @media (max-width: 786px) {
17565 #wpsl-search-wrap,
17566 #find-a-financial-planner-near-you {
17567 padding-left: 0px;
17568 }
17569 }
17570
17349 body { 17571 body {
17350 font-family: "Calibri"; 17572 font-family: "Calibri";
17351 } 17573 }
......
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.
...@@ -198,7 +198,7 @@ function animateValue(id, start, end, duration) { ...@@ -198,7 +198,7 @@ function animateValue(id, start, end, duration) {
198 $(window).on('load resize scroll', function() { 198 $(window).on('load resize scroll', function() {
199 // elementInViewport($('#number16'), 'number16'); 199 // elementInViewport($('#number16'), 'number16');
200 // elementInViewport($('#number17'), 'number17'); 200 // elementInViewport($('#number17'), 'number17');
201 elementInViewport($('#find-number'), 'find-number'); 201 // elementInViewport($('#find-number'), 'find-number');
202 }); 202 });
203 203
204 function elementInViewport(element, id) { 204 function elementInViewport(element, id) {
...@@ -222,6 +222,43 @@ $(window).on('load resize scroll', function() { ...@@ -222,6 +222,43 @@ $(window).on('load resize scroll', function() {
222 } 222 }
223 223
224 224
225 $(document).on("click",".download-button a",function() {
226
227 if ($(window).width() < 600) {
228 console.log($(window).width() );
229 $("#mobile2.n2-section-smartslider").hide();
230 $('html, body').css({
231 overflow: 'hidden',
232 height: '100vh'
233 });
234 }
235 //$('#exampleModal').find('form').append('<input type="hidden" name="planner_id" value="'+$(this).data('id')+'"/>')
236
237 $('#exampleModal').modal('show');
238 $.ajax({
239 url: '/wp-content/uploads/2022/03/FP_2021-Financial-Stress-Index_F2.pdf',
240 method: 'GET',
241 xhrFields: {
242 responseType: 'blob'
243 },
244 success: function (data) {
245 var a = document.createElement('a');
246 var url = window.URL.createObjectURL(data);
247 a.href = url;
248 a.download = '2021 Financial Stress Index';
249 document.body.append(a);
250 a.click();
251 a.remove();
252 window.URL.revokeObjectURL(url);
253 }
254 });
255
256
257
258 });
259
260
261
225 $(document).on("click",".start_a_contact",function() { 262 $(document).on("click",".start_a_contact",function() {
226 263
227 if ($(window).width() < 600) { 264 if ($(window).width() < 600) {
...@@ -252,6 +289,8 @@ $(window).on('load resize scroll', function() { ...@@ -252,6 +289,8 @@ $(window).on('load resize scroll', function() {
252 }); 289 });
253 290
254 $(document).on("click","#download-email-cfp a",function() { 291 $(document).on("click","#download-email-cfp a",function() {
292
293
255 if ($(window).width() < 600) { 294 if ($(window).width() < 600) {
256 console.log($(window).width() ); 295 console.log($(window).width() );
257 $('html, body').css({ 296 $('html, body').css({
...@@ -277,6 +316,20 @@ $(window).on('load resize scroll', function() { ...@@ -277,6 +316,20 @@ $(window).on('load resize scroll', function() {
277 $('#exampleModalLong').modal('hide'); 316 $('#exampleModalLong').modal('hide');
278 }); 317 });
279 318
319 $(document).on("click",".download-close",function() {
320
321 if ($(window).width() < 600) {
322 console.log($(window).width() );
323 $("#mobile2.n2-section-smartslider").show();
324 $('html, body').css({
325 overflow: 'scroll',
326 height: 'auto'
327 });
328 $([document.documentElement, document.body]).scrollTop($("#wpsl-wrap").offset().top);
329 }
330 $('#exampleModal').modal('hide');
331 });
332
280 $(document).on("click","#download-email",function() { 333 $(document).on("click","#download-email",function() {
281 334
282 if ($(window).width() < 600) { 335 if ($(window).width() < 600) {
...@@ -305,9 +358,8 @@ $(window).on('load resize scroll', function() { ...@@ -305,9 +358,8 @@ $(window).on('load resize scroll', function() {
305 358
306 359
307 document.addEventListener( 'wpcf7submit', function( event ) { 360 document.addEventListener( 'wpcf7submit', function( event ) {
308 if ( '209' == event.detail.contactFormId ) {
309
310 361
362 if ( '209' == event.detail.contactFormId ) {
311 if($(event.target).hasClass('invalid')) { 363 if($(event.target).hasClass('invalid')) {
312 $('#exampleModalLong').find('form').show(); 364 $('#exampleModalLong').find('form').show();
313 return; 365 return;
...@@ -382,6 +434,15 @@ $(window).on('load resize scroll', function() { ...@@ -382,6 +434,15 @@ $(window).on('load resize scroll', function() {
382 434
383 }); 435 });
384 } 436 }
437 if ( '646' == event.detail.contactFormId ) {
438 if($(event.target).hasClass('invalid')) {
439 $('#exampleModal').find('form').show();
440 return;
441 }else{
442 $('#exampleModal').modal('hide');
443 }
444 }
445
385 }, false ); 446 }, false );
386 447
387 $(".n2-ss-text").each(function() { 448 $(".n2-ss-text").each(function() {
......
...@@ -49,7 +49,7 @@ get_template_part( 'global-templates/numbers_hero' ); ...@@ -49,7 +49,7 @@ get_template_part( 'global-templates/numbers_hero' );
49 </div><!-- #content --> 49 </div><!-- #content -->
50 50
51 </div><!-- #full-width-page-wrapper --> 51 </div><!-- #full-width-page-wrapper -->
52 <div class="modal fade " id="exampleModalLong" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true"> 52 <div class="modal fade" id="exampleModalLong" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
53 <div class="modal-dialog" role="document"> 53 <div class="modal-dialog" role="document">
54 <div class="modal-content"> 54 <div class="modal-content">
55 <div class="modal-header"> 55 <div class="modal-header">
...@@ -63,28 +63,41 @@ get_template_part( 'global-templates/numbers_hero' ); ...@@ -63,28 +63,41 @@ get_template_part( 'global-templates/numbers_hero' );
63 </div> 63 </div>
64 </div> 64 </div>
65 </div> 65 </div>
66 66 <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
67 <div class="modal-dialog" role="document">
68 <div class="modal-content">
69 <div class="modal-header">
70 <button type="button" class="close download-close" data-dismiss="modal" aria-label="Close">
71 <span aria-hidden="true">&times;</span>
72 </button>
73 </div>
74 <div class="modal-body">
75 <?php echo do_shortcode('[contact-form-7 id="646" title="Remind me"]'); ?>
76 </div>
77 </div>
78 </div>
79 </div>
67 <script type="text/javascript"> 80 <script type="text/javascript">
68 jQuery( document ).ready(function($) { 81 jQuery( document ).ready(function($) {
69 $('.wpcf7-submit').attr('disabled', 'disabled'); 82 $('#exampleModalLong .wpcf7-submit').attr('disabled', 'disabled');
70 $(document).on("change","input , textarea",function() { 83 $(document).on("change","#exampleModalLong input , #exampleModalLong textarea",function() {
71 var empty = false; 84 var empty = false;
72 $('input.wpcf7-validates-as-required').each(function() { 85 $('#exampleModalLong input.wpcf7-validates-as-required').each(function() {
73 if ($(this).val() == '') { 86 if ($(this).val() == '') {
74 empty = true; 87 empty = true;
75 } 88 }
76 }); 89 });
77 90
78 if ($('input[name="topics[]"]:checked').length == 0) { 91 if ($('#exampleModalLong input[name="topics[]"]:checked').length == 0) {
79 empty = true; 92 empty = true;
80 } 93 }
81 if (!$('input[name="acceptance[]"]').is(":checked")) { 94 if (!$('#exampleModalLong input[name="acceptance[]"]').is(":checked")) {
82 empty = true; 95 empty = true;
83 } 96 }
84 if (empty) { 97 if (empty) {
85 $('.wpcf7-submit').attr('disabled', 'disabled'); 98 $('#exampleModalLong .wpcf7-submit').attr('disabled', 'disabled');
86 } else { 99 } else {
87 $('.wpcf7-submit').removeAttr('disabled'); 100 $('#exampleModalLong .wpcf7-submit').removeAttr('disabled');
88 } 101 }
89 }); 102 });
90 }); 103 });
......
1 <svg id="Group_1060" data-name="Group 1060" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="22.133" height="22.64" viewBox="0 0 22.133 22.64">
2 <defs>
3 <clipPath id="clip-path">
4 <rect id="Rectangle_383" data-name="Rectangle 383" width="22.133" height="22.64" fill="#fff"/>
5 </clipPath>
6 </defs>
7 <g id="Group_1059" data-name="Group 1059" clip-path="url(#clip-path)">
8 <path id="Path_1325" data-name="Path 1325" d="M84.683,0a3.609,3.609,0,0,1,.447.13,1.712,1.712,0,0,1,1.1,1.519c.008.091.007.182.007.274,0,3.965,0,5,0,8.968V11.1c.058-.053.093-.083.125-.115.719-.72,1.433-1.444,2.158-2.158a1.751,1.751,0,0,1,2.9.736,1.7,1.7,0,0,1-.381,1.7c-.077.088-.164.168-.247.251q-2.527,2.527-5.054,5.054a1.75,1.75,0,0,1-2.358.156,1.9,1.9,0,0,1-.165-.148q-2.62-2.619-5.238-5.239a1.754,1.754,0,1,1,2.455-2.506c.723.715,1.44,1.437,2.158,2.158a.527.527,0,0,1,.07.125l.058-.039v-.163c0-4,0-5.081,0-9.086A1.706,1.706,0,0,1,83.578.257,3.914,3.914,0,0,1,84.266,0Z" transform="translate(-73.406)" fill="#fff"/>
9 <path id="Path_1326" data-name="Path 1326" d="M3.513,260.895H18.624v-.171c0-1.278,0-2.556,0-3.835a1.754,1.754,0,0,1,3.506-.1q0,.065,0,.13,0,2.843,0,5.687a1.746,1.746,0,0,1-1.816,1.815q-9.252,0-18.5,0a1.745,1.745,0,0,1-1.787-1.47A1.813,1.813,0,0,1,0,262.623q0-2.863,0-5.726a1.755,1.755,0,0,1,3.506-.147c0,.078,0,.156,0,.235q0,1.872,0,3.743Z" transform="translate(0 -241.778)" fill="#fff"/>
10 </g>
11 </svg>
...@@ -507,7 +507,7 @@ span.number-med.last{ ...@@ -507,7 +507,7 @@ span.number-med.last{
507 .modal{ 507 .modal{
508 max-width: 100vw; 508 max-width: 100vw;
509 } 509 }
510 510 #exampleModal,
511 #exampleModalLong { 511 #exampleModalLong {
512 padding-right: 0px !important; 512 padding-right: 0px !important;
513 .modal-body { 513 .modal-body {
...@@ -693,7 +693,95 @@ height: 100%; ...@@ -693,7 +693,95 @@ height: 100%;
693 width: 400px; 693 width: 400px;
694 margin-top: 5%; 694 margin-top: 5%;
695 } 695 }
696
696 } 697 }
698
699 #exampleModal{
700 min-height: 400px !important;
701 font-size: 18px !important;
702 line-height: 21px !important;
703 .req{
704 position: absolute;
705 right: 0px;
706 float: right;
707 }
708 .close {
709 top: 15px !important;
710 }
711 h5{
712 font-family: "Calibri-bold";
713 margin-bottom: 15px !important;
714 }
715 .wpcf7{
716 max-width: unset !important;
717 }
718 label{
719 font-size: 18px !important;
720 line-height: 21px !important;
721 }
722 .wpcf7-list-item-label{
723 font-family: "Calibri-bold";
724 font-size: 18px !important;
725 line-height: 21px !important;
726 }
727 label.your-name{
728 width: 49%!important;
729 margin-right: 15px;
730 font-size: 18px !important;
731 line-height: 21px !important;
732 @media (max-width: 786px) {
733 width: 100%!important;
734 margin-bottom:20px ;
735 }
736 input{
737 height: 30px;
738 }
739 }
740 label.your-email{
741 width: 49%!important;
742 margin-right: 0px;
743 font-size: 18px !important;
744 line-height: 21px !important;
745 @media (max-width: 786px) {
746 width: 100%!important;
747 }
748 input{
749 height: 30px;
750 }
751 }
752 .contact-2022-index{
753 margin-bottom: 10px;
754 }
755 .wp-block-button{
756 width: 100%;
757 margin-top: -40px;
758 display: block;
759 .wp-block-button__link{
760 width: 100%;
761 background-color: #BBBCBC!important;
762 color:#5B6770 !important;
763 text-transform: uppercase!important;
764 font-family: Calibri-bold!important;
765 font-size: 1.25rem!important;
766 padding: 10px 70px!important;
767 border-radius: 0!important;
768 color: #fff!important;
769 border-width: 0!important;
770 }
771 .wp-block-button__link:hover{
772 background-color: #DDDDDD !important;
773 }
774 }
775 .modal-content{
776 min-height: 400px !important;
777 @media (max-width: 786px) {
778 height: 100vh;
779 }
780
781 }
782 }
783
784
697 .label-search-input{ 785 .label-search-input{
698 color: #5B6770; 786 color: #5B6770;
699 } 787 }
...@@ -825,4 +913,88 @@ span.wpcf7-list-item { ...@@ -825,4 +913,88 @@ span.wpcf7-list-item {
825 .wpcf7-form-control-wrap.topics { 913 .wpcf7-form-control-wrap.topics {
826 padding-top: 10px; 914 padding-top: 10px;
827 display: block; 915 display: block;
916 }
917
918 .download-copy{
919 line-height: 44px !important;
920 font-size: 40px !important;
921 @media (max-width: 786px) {
922 line-height: 32px !important;
923 font-size: 28px !important;
924 }
925 }
926
927 .download-group {
928 margin-top: -100px;
929 @media (max-width: 786px) {
930 margin-top: -70px;
931 margin-bottom: 50px;
932 }
933 }
934
935 .download-button {
936 width: 100% !important;
937 .wp-block-button__link{
938 width: 365px;
939 height: 56px;
940 vertical-align: middle;
941 padding-top: 15px !important;
942 font-size: 20px !important;
943 @media (max-width: 786px) {
944 width: 100%;
945 font-size: 18px !important;
946 }
947 }
948 }
949
950 .download-cont{
951 background-color: #FFB81C;
952 margin-top: -30px;
953 padding-top: 10px;
954 padding-bottom: 40px;
955 padding-left: 49px;
956 padding-right: 40px;
957 @media (max-width: 786px) {
958 padding-left: 26px;
959 padding-right: 26px;
960 margin-right: 5px;
961 margin-left: 5px;
962 }
963 h2{
964 margin-bottom: 10px;
965 @media (max-width: 786px) {
966 font-size: 28px !important;
967 }
968 }
969 p{
970 color: #333F48;
971 font-size: 20px;
972 line-height: 21px;
973 @media (max-width: 786px) {
974 font-size: 18px !important;
975 line-height: 21px !important;
976 }
977 }
978 }
979
980
981 .download-button .wp-block-button__link::before {
982 content: "";
983 width: 22px;
984 height: 22px;
985 margin-top: -8px;
986 display: inline-block;
987 position: relative;
988 margin-right: 10px;
989 background-repeat: no-repeat;
990 vertical-align: middle;
991 background-position: center;
992 background-image: url("/wp-content/themes/understrap-child/src/images/download.svg");
993 }
994 #wpsl-search-wrap,
995 #find-a-financial-planner-near-you{
996 padding-left: 45px;
997 @media (max-width: 786px) {
998 padding-left: 0px;
999 }
828 } 1000 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 Author: the Understrap Contributors 5 Author: the Understrap Contributors
6 Author URI: https://github.com/understrap/understrap-child/graphs/contributors 6 Author URI: https://github.com/understrap/understrap-child/graphs/contributors
7 Template: understrap 7 Template: understrap
8 Version: 1.1.30380 8 Version: 1.1.303895
9 License: GNU General Public License v2 or later 9 License: GNU General Public License v2 or later
10 License URI: http://www.gnu.org/licenses/gpl-2.0.html 10 License URI: http://www.gnu.org/licenses/gpl-2.0.html
11 Text Domain: understrap-child 11 Text Domain: understrap-child
......