Skip to content

Jeff Balicki / FP_Canada

Go to a project
Toggle navigation
Toggle navigation pinning
627aa6cb by Jeff Balicki
Options

download

1 parent 839057ce
Inline Side-by-side
Showing 8 changed files with 337 additions and 9 deletions
...@@ -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,80 @@ ss3-force-full-width { ...@@ -17209,6 +17242,80 @@ 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 #exampleModal label.your-name input {
17281 height: 30px;
17282 }
17283 #exampleModal label.your-email {
17284 width: 49% !important;
17285 margin-right: 0px;
17286 font-size: 1.125rem !important;
17287 line-height: 1.3125rem !important;
17288 }
17289 #exampleModal label.your-email input {
17290 height: 30px;
17291 }
17292 #exampleModal .contact-2022-index {
17293 margin-bottom: 10px;
17294 }
17295 #exampleModal .wp-block-button {
17296 width: 100%;
17297 margin-top: -40px;
17298 display: block;
17299 }
17300 #exampleModal .wp-block-button .wp-block-button__link {
17301 width: 100%;
17302 background-color: #BBBCBC !important;
17303 color: #5B6770 !important;
17304 text-transform: uppercase !important;
17305 font-family: Calibri-bold !important;
17306 font-size: 1.25rem !important;
17307 padding: 10px 70px !important;
17308 border-radius: 0 !important;
17309 color: #fff !important;
17310 border-width: 0 !important;
17311 }
17312 #exampleModal .wp-block-button .wp-block-button__link:hover {
17313 background-color: #DDDDDD !important;
17314 }
17315 #exampleModal .modal-content {
17316 min-height: 400px !important;
17317 }
17318
17212 .label-search-input { 17319 .label-search-input {
17213 color: #5B6770; 17320 color: #5B6770;
17214 } 17321 }
...@@ -17346,6 +17453,49 @@ input[type=radio]:checked { ...@@ -17346,6 +17453,49 @@ input[type=radio]:checked {
17346 display: block; 17453 display: block;
17347 } 17454 }
17348 17455
17456 .download-copy {
17457 line-height: 2.75rem;
17458 font-style: 40px;
17459 }
17460
17461 .download-button .wp-block-button__link {
17462 width: 365px;
17463 height: 56px;
17464 vertical-align: middle;
17465 padding-top: 15px !important;
17466 }
17467
17468 .download-cont {
17469 background-color: #FFB81C;
17470 margin-top: -30px;
17471 padding-top: 10px;
17472 padding-bottom: 40px;
17473 padding-left: 49px;
17474 padding-right: 40px;
17475 }
17476 .download-cont h2, .download-cont .h2 {
17477 margin-bottom: 10px;
17478 }
17479 .download-cont p {
17480 color: #333F48;
17481 font-size: 1.25rem;
17482 line-height: 1.3125rem;
17483 }
17484
17485 .download-button .wp-block-button__link::before {
17486 content: "";
17487 width: 22px;
17488 height: 22px;
17489 margin-top: -8px;
17490 display: inline-block;
17491 position: relative;
17492 margin-right: 10px;
17493 background-repeat: no-repeat;
17494 vertical-align: middle;
17495 background-position: center;
17496 background-image: url("/wp-content/themes/understrap-child/src/images/download.svg");
17497 }
17498
17349 body { 17499 body {
17350 font-family: "Calibri"; 17500 font-family: "Calibri";
17351 } 17501 }
......
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,23 @@ $(window).on('load resize scroll', function() { ...@@ -222,6 +222,23 @@ $(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 $('#exampleModal').modal('show');
237 window.open('https://yournumbers.ca/wp-content/uploads/2022/03/FP_Financial-Stress-Index_R1b.pdf', "_blank", "resizable=yes, scrollbars=yes, titlebar=yes, width=800, height=900, top=10, left=10");
238
239 });
240
241
225 $(document).on("click",".start_a_contact",function() { 242 $(document).on("click",".start_a_contact",function() {
226 243
227 if ($(window).width() < 600) { 244 if ($(window).width() < 600) {
...@@ -252,6 +269,8 @@ $(window).on('load resize scroll', function() { ...@@ -252,6 +269,8 @@ $(window).on('load resize scroll', function() {
252 }); 269 });
253 270
254 $(document).on("click","#download-email-cfp a",function() { 271 $(document).on("click","#download-email-cfp a",function() {
272
273
255 if ($(window).width() < 600) { 274 if ($(window).width() < 600) {
256 console.log($(window).width() ); 275 console.log($(window).width() );
257 $('html, body').css({ 276 $('html, body').css({
...@@ -277,6 +296,20 @@ $(window).on('load resize scroll', function() { ...@@ -277,6 +296,20 @@ $(window).on('load resize scroll', function() {
277 $('#exampleModalLong').modal('hide'); 296 $('#exampleModalLong').modal('hide');
278 }); 297 });
279 298
299 $(document).on("click",".download-close",function() {
300
301 if ($(window).width() < 600) {
302 console.log($(window).width() );
303 $("#mobile2.n2-section-smartslider").show();
304 $('html, body').css({
305 overflow: 'scroll',
306 height: 'auto'
307 });
308 $([document.documentElement, document.body]).scrollTop($("#wpsl-wrap").offset().top);
309 }
310 $('#exampleModal').modal('hide');
311 });
312
280 $(document).on("click","#download-email",function() { 313 $(document).on("click","#download-email",function() {
281 314
282 if ($(window).width() < 600) { 315 if ($(window).width() < 600) {
......
...@@ -63,11 +63,24 @@ get_template_part( 'global-templates/numbers_hero' ); ...@@ -63,11 +63,24 @@ 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="676" title="download"]'); ?>
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 $('input.wpcf7-validates-as-required').each(function() {
73 if ($(this).val() == '') { 86 if ($(this).val() == '') {
......
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,84 @@ height: 100%; ...@@ -693,7 +693,84 @@ height: 100%;
693 width: 400px; 693 width: 400px;
694 margin-top: 5%; 694 margin-top: 5%;
695 } 695 }
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 input{
733 height: 30px;
734 }
735 }
736 label.your-email{
737 width: 49%!important;
738 margin-right: 0px;
739 font-size: 18px !important;
740 line-height: 21px !important;
741 input{
742 height: 30px;
743 }
744 }
745 .contact-2022-index{
746 margin-bottom: 10px;
747 }
748 .wp-block-button{
749 width: 100%;
750 margin-top: -40px;
751 display: block;
752 .wp-block-button__link{
753 width: 100%;
754 background-color: #BBBCBC!important;
755 color:#5B6770 !important;
756 text-transform: uppercase!important;
757 font-family: Calibri-bold!important;
758 font-size: 1.25rem!important;
759 padding: 10px 70px!important;
760 border-radius: 0!important;
761 color: #fff!important;
762 border-width: 0!important;
763 }
764 .wp-block-button__link:hover{
765 background-color: #DDDDDD !important;
766 }
767 }
768 .modal-content{
769 min-height: 400px !important;
770 }
696 } 771 }
772
773
697 .label-search-input{ 774 .label-search-input{
698 color: #5B6770; 775 color: #5B6770;
699 } 776 }
...@@ -826,3 +903,47 @@ span.wpcf7-list-item { ...@@ -826,3 +903,47 @@ span.wpcf7-list-item {
826 padding-top: 10px; 903 padding-top: 10px;
827 display: block; 904 display: block;
828 } 905 }
906
907 .download-copy{
908 line-height: 44px;
909 font-style: 40px;
910 }
911
912 .download-button .wp-block-button__link{
913 width: 365px;
914 height: 56px;
915 vertical-align: middle;
916 padding-top: 15px !important;
917 }
918
919 .download-cont{
920 background-color: #FFB81C;
921 margin-top: -30px;
922 padding-top: 10px;
923 padding-bottom: 40px;
924 padding-left: 49px;
925 padding-right: 40px;
926 h2{
927 margin-bottom: 10px;
928 }
929 p{
930 color: #333F48;
931 font-size: 20px;
932 line-height: 21px;
933 }
934 }
935
936
937 .download-button .wp-block-button__link::before {
938 content: "";
939 width: 22px;
940 height: 22px;
941 margin-top: -8px;
942 display: inline-block;
943 position: relative;
944 margin-right: 10px;
945 background-repeat: no-repeat;
946 vertical-align: middle;
947 background-position: center;
948 background-image: url("/wp-content/themes/understrap-child/src/images/download.svg");
949 }
......