Skip to content

Jeff Balicki / FP_Canada

Go to a project
Toggle navigation
Toggle navigation pinning
1ac4c20f by Jeff Balicki
Options

dd

1 parent 1d9b53b6
Inline Side-by-side
Showing 8 changed files with 137 additions and 122 deletions
...@@ -16999,6 +16999,9 @@ ss3-force-full-width { ...@@ -16999,6 +16999,9 @@ ss3-force-full-width {
16999 font-size: 1.25rem; 16999 font-size: 1.25rem;
17000 } 17000 }
17001 17001
17002 #exampleModalLong {
17003 padding-right: 0px !important;
17004 }
17002 #exampleModalLong .wpcf7-form { 17005 #exampleModalLong .wpcf7-form {
17003 margin-top: -30px; 17006 margin-top: -30px;
17004 } 17007 }
...@@ -17047,6 +17050,13 @@ ss3-force-full-width { ...@@ -17047,6 +17050,13 @@ ss3-force-full-width {
17047 margin-top: 5%; 17050 margin-top: 5%;
17048 font-size: 1rem !important; 17051 font-size: 1rem !important;
17049 } 17052 }
17053 @media (max-width: 786px) {
17054 #exampleModalLong .modal-dialog {
17055 width: 100%;
17056 margin-left: 0px;
17057 margin-top: 40px;
17058 }
17059 }
17050 #exampleModalLong .wpcf7 label { 17060 #exampleModalLong .wpcf7 label {
17051 font-size: 1rem !important; 17061 font-size: 1rem !important;
17052 } 17062 }
...@@ -17117,6 +17127,11 @@ ss3-force-full-width { ...@@ -17117,6 +17127,11 @@ ss3-force-full-width {
17117 padding-bottom: 0px; 17127 padding-bottom: 0px;
17118 margin-bottom: -20px; 17128 margin-bottom: -20px;
17119 } 17129 }
17130 @media (max-width: 786px) {
17131 #exampleModalLong .modal-body {
17132 height: 87vh;
17133 }
17134 }
17120 #exampleModalLong .wpcf7-response-output { 17135 #exampleModalLong .wpcf7-response-output {
17121 margin-top: -20px !important; 17136 margin-top: -20px !important;
17122 } 17137 }
......
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.
...@@ -195,10 +195,17 @@ $(window).on('load resize scroll', function() { ...@@ -195,10 +195,17 @@ $(window).on('load resize scroll', function() {
195 $(document).on("click",".start_a_contact",function() { 195 $(document).on("click",".start_a_contact",function() {
196 $('#exampleModalLong').find('form').append('<input type="hidden" name="planner_id" value="'+$(this).data('store-id')+'"/>') 196 $('#exampleModalLong').find('form').append('<input type="hidden" name="planner_id" value="'+$(this).data('store-id')+'"/>')
197 $('#exampleModalLong').modal('show'); 197 $('#exampleModalLong').modal('show');
198 if($(window).width() < '700px'){
199 $('html, body').css({
200 overflow: 'hidden',
201 height: '100%'
202 });
203 }
198 }); 204 });
199 205
200 $(document).on("click",".find-a-planner-close",function() { 206 $(document).on("click",".find-a-planner-close",function() {
201 $('#exampleModalLong').modal('hide'); 207 $('#exampleModalLong').modal('hide');
208
202 }); 209 });
203 210
204 211
......
...@@ -472,7 +472,7 @@ span.number-med.last{ ...@@ -472,7 +472,7 @@ span.number-med.last{
472 } 472 }
473 473
474 #exampleModalLong { 474 #exampleModalLong {
475 475 padding-right: 0px !important;
476 .wpcf7-form{ 476 .wpcf7-form{
477 margin-top: -30px; 477 margin-top: -30px;
478 } 478 }
...@@ -526,6 +526,12 @@ span.number-med.last{ ...@@ -526,6 +526,12 @@ span.number-med.last{
526 width: 400px; 526 width: 400px;
527 margin-top: 5%; 527 margin-top: 5%;
528 font-size:16px !important; 528 font-size:16px !important;
529 @media (max-width: 786px) {
530 width: 100%;
531 margin-left: 0px;
532 margin-top: 40px;
533
534 }
529 } 535 }
530 .wpcf7 label { 536 .wpcf7 label {
531 font-size:16px !important; 537 font-size:16px !important;
...@@ -598,6 +604,9 @@ label.container{ ...@@ -598,6 +604,9 @@ label.container{
598 .modal-body { 604 .modal-body {
599 padding-bottom: 0px; 605 padding-bottom: 0px;
600 margin-bottom: -20px; 606 margin-bottom: -20px;
607 @media (max-width: 786px) {
608 height: 87vh;
609 }
601 } 610 }
602 .wpcf7-response-output{ 611 .wpcf7-response-output{
603 margin-top: -20px !important; 612 margin-top: -20px !important;
......
...@@ -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.3016 8 Version: 1.1.3017
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
......
...@@ -32,18 +32,18 @@ $output .= "\t" . '<div id="wpsl-gmap" class="wpsl-gmap-canvas full"></div>' . " ...@@ -32,18 +32,18 @@ $output .= "\t" . '<div id="wpsl-gmap" class="wpsl-gmap-canvas full"></div>' . "
32 $output .= '</div>' . "\r\n"; 32 $output .= '</div>' . "\r\n";
33 $output .= "\t" . '</div>' . "\r\n"; 33 $output .= "\t" . '</div>' . "\r\n";
34 $output .= '<style> 34 $output .= '<style>
35 #wpsl-category{ 35 #wpsl-category{
36 margin-top: 30px; 36 margin-top: 30px;
37 float:right !important; 37 float:right !important;
38 38
39 } 39 }
40 #label-search-input{ 40 #label-search-input{
41 41
42 display: inline-block; 42 display: inline-block;
43 text-align: unset; 43 text-align: unset;
44 overflow: hidden; 44 overflow: hidden;
45 } 45 }
46 #wpsl-category label{ 46 #wpsl-category label{
47 width: 100px !important; 47 width: 100px !important;
48 text-transform: none; 48 text-transform: none;
49 loat: unset !important; 49 loat: unset !important;
...@@ -51,25 +51,25 @@ $output .= '<style> ...@@ -51,25 +51,25 @@ $output .= '<style>
51 width: 115px !important; 51 width: 115px !important;
52 padding-left: 10px; 52 padding-left: 10px;
53 vertical-align: middle; 53 vertical-align: middle;
54 } 54 }
55 .results_row_top{ 55 .results_row_top{
56 background :transparent !important; 56 background :transparent !important;
57 } 57 }
58 .wpsl-search{ 58 .wpsl-search{
59 margin-bottom: 12px; 59 margin-bottom: 12px;
60 padding: 0px; 60 padding: 0px;
61 background: #fff !important; 61 background: #fff !important;
62 } 62 }
63 63
64 .broker_radio{ 64 .broker_radio{
65 disply:none !important; 65 disply:none !important;
66 } 66 }
67 #wpsl-s{ 67 #wpsl-s{
68 display:none; 68 display:none;
69 margin-top:20px; 69 margin-top:20px;
70 } 70 }
71 #wpsl-gmap, 71 #wpsl-gmap,
72 #wpsl-result-list{ 72 #wpsl-result-list{
73 width:48.5%; 73 width:48.5%;
74 height:400px !important; 74 height:400px !important;
75 display: inline-block; 75 display: inline-block;
...@@ -77,13 +77,13 @@ $output .= '<style> ...@@ -77,13 +77,13 @@ $output .= '<style>
77 font-size:18px; 77 font-size:18px;
78 78
79 79
80 } 80 }
81 81
82 #wpsl-stores{ 82 #wpsl-stores{
83 height: 330px !important; 83 height: 330px !important;
84 width:95%; 84 width:95%;
85 } 85 }
86 #wpsl-gmap{ 86 #wpsl-gmap{
87 width:48.5%; 87 width:48.5%;
88 float:right; 88 float:right;
89 position: absolute; 89 position: absolute;
...@@ -92,8 +92,8 @@ $output .= '<style> ...@@ -92,8 +92,8 @@ $output .= '<style>
92 transition-delay:3s; 92 transition-delay:3s;
93 margin-left: 20px; 93 margin-left: 20px;
94 94
95 } 95 }
96 #wpsl-gmap.full{ 96 #wpsl-gmap.full{
97 position: absolute; 97 position: absolute;
98 width: 50%; 98 width: 50%;
99 overflow: hidden; 99 overflow: hidden;
...@@ -101,27 +101,27 @@ $output .= '<style> ...@@ -101,27 +101,27 @@ $output .= '<style>
101 transition:0.5s; 101 transition:0.5s;
102 transition-delay:3s; 102 transition-delay:3s;
103 103
104 } 104 }
105 .location_distance{ 105 .location_distance{
106 display:none !important; 106 display:none !important;
107 float: none !important; 107 float: none !important;
108 } 108 }
109 #wpsl-wrap #wpsl-result-list li { 109 #wpsl-wrap #wpsl-result-list li {
110 border-top: 1px solid #ccc; 110 border-top: 1px solid #ccc;
111 border-bottom: 0px solid #ccc; 111 border-bottom: 0px solid #ccc;
112 font-size:14px; 112 font-size:14px;
113 113
114 padding: 0px; 114 padding: 0px;
115 } 115 }
116 #wpsl-wrap #wpsl-result-list li a{ 116 #wpsl-wrap #wpsl-result-list li a{
117 color:#007DB3; 117 color:#007DB3;
118 text-decoration: none; 118 text-decoration: none;
119 } 119 }
120 #wpsl-wrap #wpsl-result-list li a:hover{ 120 #wpsl-wrap #wpsl-result-list li a:hover{
121 color:#000; 121 color:#000;
122 text-decoration: underline; 122 text-decoration: underline;
123 } 123 }
124 .start_a_contact{ 124 .start_a_contact{
125 color:#fff !important; 125 color:#fff !important;
126 background-color:#012169; 126 background-color:#012169;
127 padding: 5px 25px 5px 25px; 127 padding: 5px 25px 5px 25px;
...@@ -129,107 +129,86 @@ $output .= '<style> ...@@ -129,107 +129,86 @@ $output .= '<style>
129 width: 120px; 129 width: 120px;
130 margin-top: 10px; 130 margin-top: 10px;
131 margin-bottom: 15px; 131 margin-bottom: 15px;
132 } 132 }
133 133
134 .address{ 134 .address{
135 margin-top: 10px; 135 margin-top: 10px;
136 } 136 }
137 .start_a_contact:hover { 137 .start_a_contact:hover {
138 background-color: #005eb8; 138 background-color: #005eb8;
139 text-decoration:none !important; 139 text-decoration:none !important;
140 } 140 }
141 .location_link{ 141 .location_link{
142 float: right; 142 float: right;
143 width: 0%; 143 width: 0%;
144 } 144 }
145 145
146 @media (max-width: 767px){
147 #wpsl-gmap.full{
148 position: relative;
149 width: 50%;
150 height: 400px !important;
151 float: none;
152 display: block;
153 margin-left: 0%;
154 margin-top: 100px;
155 }
156 146
157 }
158 @media (max-width: 767px){
159 #wpsl-gmap,
160 #wpsl-result-list{
161 width:50%;
162 height:400px !important;
163 float:none;
164 display:block;
165 }
166 147
167 } 148 #wpsl-search-btn {
168 #wpsl-search-btn {
169 display:none !important; 149 display:none !important;
170 } 150 }
171 td, th { 151 td, th {
172 152
173 vertical-align: top; 153 vertical-align: top;
174 } 154 }
175 #wpsl-search-input{ 155 #wpsl-search-input{
176 border: 0px solid #a4a5a8; 156 border: 0px solid #a4a5a8;
177 border-bottom: 2px solid #000; 157 border-bottom: 2px solid #000;
178 background-color: #F1F7E6; 158 background-color: #F1F7E6;
179 color:#54565A; 159 color:#54565A;
180 } 160 }
181 #wpsl-search-input::-webkit-input-placeholder { /* Edge */ 161 #wpsl-search-input::-webkit-input-placeholder { /* Edge */
182 color: #949598; 162 color: #949598;
183 font-family: "HelveticaNeue"; 163 font-family: "HelveticaNeue";
184 } 164 }
185 165
186 #wpsl-search-input:-ms-input-placeholder { /* Internet Explorer 10-11 */ 166 #wpsl-search-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
187 color: #949598; 167 color: #949598;
188 font-family: "HelveticaNeue"; 168 font-family: "HelveticaNeue";
189 } 169 }
190 170
191 #wpsl-search-input::placeholder { 171 #wpsl-search-input::placeholder {
192 color: #949598; 172 color: #949598;
193 font-family: "HelveticaNeue"; 173 font-family: "HelveticaNeue";
194 } 174 }
195 #wpsl-search-btn, #wpsl-search-wrap div{ 175 #wpsl-search-btn, #wpsl-search-wrap div{
196 margin-right: 10px; 176 margin-right: 10px;
197 177
198 } 178 }
199 .wpsl-input, 179 .wpsl-input,
200 #wpsl-radius{ 180 #wpsl-radius{
201 display:inline-block !important; 181 display:inline-block !important;
202 float: none !important; 182 float: none !important;
203 } 183 }
204 #wpsl-wrap #wpsl-result-list li { 184 #wpsl-wrap #wpsl-result-list li {
205 border-top: 1px solid #ccc; 185 border-top: 1px solid #ccc;
206 border-bottom: 0px solid #ccc; 186 border-bottom: 0px solid #ccc;
207 font-size:14px; 187 font-size:14px;
208 padding-left: 0px; 188 padding-left: 0px;
209 padding-right: 0px; 189 padding-right: 0px;
210 } 190 }
211 #wpsl-wrap #wpsl-result-list li a{ 191 #wpsl-wrap #wpsl-result-list li a{
212 color:#009ADE; 192 color:#009ADE;
213 text-decoration: none; 193 text-decoration: none;
214 } 194 }
215 #wpsl-wrap #wpsl-result-list li a:hover{ 195 #wpsl-wrap #wpsl-result-list li a:hover{
216 color:#000; 196 color:#000;
217 text-decoration: underline; 197 text-decoration: underline;
218 } 198 }
219 #wpsl-wrap{ 199 #wpsl-wrap{
220 margin-top:20px; 200 margin-top:20px;
221 } 201 }
222 202
223 #wpsl-radius label{ 203 #wpsl-radius label{
224 float:unset !important; 204 float:unset !important;
225 display:inline-block !important; 205 display:inline-block !important;
226 width: 115px !important; 206 width: 115px !important;
227
228 padding-left: 10px; 207 padding-left: 10px;
229 vertical-align: middle; 208 vertical-align: middle;
230 209
231 } 210 }
232 .wpsl-dropdown{ 211 .wpsl-dropdown{
233 float:right !important; 212 float:right !important;
234 display:inline-block !important; 213 display:inline-block !important;
235 border-radius: 0px !important; 214 border-radius: 0px !important;
...@@ -237,8 +216,8 @@ $output .= '<style> ...@@ -237,8 +216,8 @@ $output .= '<style>
237 width:115px; 216 width:115px;
238 border-color:#707070; 217 border-color:#707070;
239 margin-top: -5px; 218 margin-top: -5px;
240 } 219 }
241 #wpsl-search-input { 220 #wpsl-search-input {
242 font-size: 30px; 221 font-size: 30px;
243 height: 40px !important; 222 height: 40px !important;
244 width: 88% !important; 223 width: 88% !important;
...@@ -249,13 +228,9 @@ $output .= '<style> ...@@ -249,13 +228,9 @@ $output .= '<style>
249 border-radius:0px !important; 228 border-radius:0px !important;
250 background-color: #ffff; 229 background-color: #ffff;
251 color: #54565A; 230 color: #54565A;
252 } 231 }
253 @media (max-width: 767px){ 232
254 #wpsl-search-input { 233 .wpsl-input:after {
255 width: 70% !important;
256 }
257 }
258 .wpsl-input:after {
259 content: ""; 234 content: "";
260 background-image: url("https://yournumbers.ca/wp-content/uploads/2022/01/search.png"); 235 background-image: url("https://yournumbers.ca/wp-content/uploads/2022/01/search.png");
261 height: 40px; 236 height: 40px;
...@@ -265,8 +240,8 @@ $output .= '<style> ...@@ -265,8 +240,8 @@ $output .= '<style>
265 background-size: contain; 240 background-size: contain;
266 float: right; 241 float: right;
267 margin-top: -5px; 242 margin-top: -5px;
268 } 243 }
269 .wpsl-dropdown .wpsl-selected-item, .wpsl-dropdown li, .wpsl-selected-item { 244 .wpsl-dropdown .wpsl-selected-item, .wpsl-dropdown li, .wpsl-selected-item {
270 list-style: none; 245 list-style: none;
271 padding: 6px 4px !important; 246 padding: 6px 4px !important;
272 margin: 0!important; 247 margin: 0!important;
...@@ -274,42 +249,53 @@ $output .= '<style> ...@@ -274,42 +249,53 @@ $output .= '<style>
274 text-align: right; 249 text-align: right;
275 padding-right: 35px!important; 250 padding-right: 35px!important;
276 251
277 } 252 }
278 #wpsl-wrap .wpsl-selected-item{ 253 #wpsl-wrap .wpsl-selected-item{
279 254
280 } 255 }
281 .wpsl-selected-item:after { 256 .wpsl-selected-item:after {
282 right: 17px; 257 right: 17px;
283 border-top: 8px solid #009ADE; 258 border-top: 8px solid #009ADE;
284 } 259 }
285 .wpsl-active .wpsl-selected-item:after { 260 .wpsl-active .wpsl-selected-item:after {
286 border-bottom: 8px solid #009ADE; 261 border-bottom: 8px solid #009ADE;
287 } 262 }
288 .location_name, 263 .location_name,
289 .location_distance{ 264 .location_distance{
290 font-family: "HelveticaNeue-Bold"; 265 font-family: "HelveticaNeue-Bold";
291 text-decoration: none; 266 text-decoration: none;
292 color:#54565A; 267 color:#54565A;
293 } 268 }
294 #homecontent #wpsl-wrap{ 269 #homecontent #wpsl-wrap{
295 margin:0px !important; 270 margin:0px !important;
271 }
272 @media (max-width: 767px){
273 #wpsl-search-input {
274 width: 90% !important;
275 }
276 .wpsl-input:after {
277 margin-top: -40px;
278
279 }
280 #wpsl-gmap.full,
281 #wpsl-result-list{
282 width:100%;
283 height:300px !important;
284 float:none;
285 display:block;
286 position: relative;
287 }
288 #wpsl-result-list{
289 height:700px !important;
296 } 290 }
297 @media (max-width: 767px){
298 table.wpsl-store-location tr td { 291 table.wpsl-store-location tr td {
299 font-size: 14px !important; 292 font-size: 14px !important;
300 } 293 }
301 #wpsl-gmap{ 294 #wpsl-gmap{
302
303 width:100%; 295 width:100%;
304 height:300px !important; 296 height:300px !important;
305
306 } 297 }
307 #wpsl-result-list{
308 width:100%;
309 298
310 height: 350px !important;
311
312 }
313 .km{ 299 .km{
314 width:50px; 300 width:50px;
315 padding-right: 10px !important; 301 padding-right: 10px !important;
...@@ -339,9 +325,7 @@ $output .= '<style> ...@@ -339,9 +325,7 @@ $output .= '<style>
339 .wpsl-store-location tr td{ 325 .wpsl-store-location tr td{
340 padding: 10px 0px; 326 padding: 10px 0px;
341 } 327 }
342 } 328 }
343
344
345 </style> 329 </style>
346 330
347 331
......