1<!DOCTYPE HTML> 2<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"> 3<head> 4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2, user-scalable=1"> 7 8 <!-- Preconnect --> 9 <link rel="preconnect" href="https://www.optimizecdn.com" crossorigin> 10 <link rel="preconnect" href="https://fonts.googleapis.com"> 11 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 12 <link rel="apple-touch-icon" href="/images/favicon.webp"> 13 <link rel="icon" type="image/webp" href="/images/favicon.webp"> 14 15 <!-- Site Meta Data --> 16 <title>Natural Health and fitness Website Blog Articles - Find Natural Health Website Blog Articles</title> 17 <meta name="description" content="Find the best Natural Health And Fitness Website Blog Articles now. Discover the latest Website Blog Articles posted by Natural Healths near you."> 18 <meta name="keywords" content="Website Blog Article,Website Blog Articles,Natural Health and fitness,Natural Health,Natural Healths,Natural Health and fitness Website Blog Articles"> 19 <meta name="robots" content="index, follow"> 20 21 <!-- Canonical URL --> 22 <link rel="canonical" href="https://www.atozhealthguide.com/blog"> 23 <link rel="alternate" type="application/rss+xml" title="A to Z health Guide RSS Feed" href="https://www.atozhealthguide.com/rss" /> 24 25 <!-- Social Media Meta Data --> 26 <meta property="og:type" content="website"> 27 <meta property="og:url" content="https://www.atozhealthguide.com/blog"> 28 <meta property="og:site_name" content="A to Z health Guide"> 29 <meta property="og:title" content="Latest Natural Health and fitness Website Blog Articles Posted by Natural Healths."> 30 <meta property="og:description" content="Find the best Natural Health And Fitness Website Blog Articles now. The most recent Website Blog Articles posted by Natural Healths near you."> 31 <meta property="og:image" content="https://www.atozhealthguide.com/images/headerforatoz1800-600.jpg"> 32
32<script> 33 var siteInfoSpan=document.createElement('span'); 34 siteInfoSpan.style.cssText='position:absolute;color:transparent;width:100%;z-index:-1;height:50px;top:0;'; 35 siteInfoSpan.textContent='www.atozhealthguide.com - A to Z health Guide'; 36 document.documentElement.appendChild(siteInfoSpan); 37 </script>
37 38 39 <!-- Preload --> 40 <link rel="preload" as="style" href="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/css/critical-styles.pkgd.min.css?v=09.05.26" fetchpriority="high" crossorigin> 41 <link rel="preload" as="style" href="https://fonts.googleapis.com/css?family=Inter:300,400,600,700,800,900|Roboto:300,400,600,700,800,900|Poppins:300,400,600,700,800,900&display=swap" fetchpriority="high"> 42 43 <!-- Non-Critical Stylesheet - Render Before Critical Styles --> 44 <link rel="stylesheet" media="print" onload="this.onload=null;this.removeAttribute('media');" href="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/css/non-critical-styles.pkgd.min.css?v=3.3.0" crossorigin> 45 <noscript> 46 <link rel="stylesheet" href="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/css/non-critical-styles.pkgd.min.css" crossorigin> 47 </noscript> 48 49 <!-- Critical Stylesheet --> 50 <link rel="stylesheet" href="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/css/critical-styles.pkgd.min.css?v=09.05.26" crossorigin> 51 52 <!-- Google Fonts Stylesheet --> 53 <link rel="stylesheet" media="print" onload="this.onload=null;this.removeAttribute('media');" href="https://fonts.googleapis.com/css?family=Inter:300,400,600,700,800,900|Roboto:300,400,600,700,800,900|Poppins:300,400,600,700,800,900&display=swap"> 54 <noscript> 55 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:300,400,600,700,800,900|Roboto:300,400,600,700,800,900|Poppins:300,400,600,700,800,900&display=swap"> 56 </noscript> 57 58 <!-- FontAwesome Stylesheet --> 59 <link rel="stylesheet" media="print" onload="this.onload=null;this.removeAttribute('media');" href="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/font-awesome/css/font-awesome.min.css" crossorigin> 60 <noscript> 61 <link rel="stylesheet" href="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/font-awesome/css/font-awesome.min.css" crossorigin> 62 </noscript> 63 64 <!-- Bootstrap Icons Stylesheet --> 65 <link rel="stylesheet" media="print" onload="this.onload=null;this.removeAttribute('media');" href="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/fonts/bootstrap-icons.min.css?v=1.13.1" crossorigin> 66 <noscript> 67 <link rel="stylesheet" href="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/fonts/bootstrap-icons.min.css?v=1.13.1" crossorigin> 68 </noscript> 69 70 <!-- Critical JavaScript --> 71
71<script src="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/libraries/latest/jquery.min.js"></script>
71 72
72<script src="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/libraries/latest/bootstrap.min.js"></script>
72 73
73<script> 74 /* jQuery.event.special.touchstart = { 75 setup: function( _, ns, handle ) { 76 this.addEventListener("touchstart", handle, { passive: !ns.includes("noPreventDefault") }); 77 } 78 }; */ 79 jQuery.event.special.touchmove = { 80 setup: function( _, ns, handle ) { 81 this.addEventListener("touchmove", handle, { passive: !ns.includes("noPreventDefault") }); 82 } 83 }; 84 jQuery.event.special.wheel = { 85 setup: function( _, ns, handle ){ 86 this.addEventListener("wheel", handle, { passive: true }); 87 } 88 }; 89 jQuery.event.special.mousewheel = { 90 setup: function( _, ns, handle ){ 91 this.addEventListener("mousewheel", handle, { passive: true }); 92 } 93 }; 94 </script>
94 95 96 <!-- Breadcrumb Position --> 97 <style>html.bc-relocate .container:has(> .breadcrumb):has(~ .hero_section_container) .breadcrumb{display:none!important;}html.bc-relocate .hero_section_container + .clearfix + .container::before{content:"";display:block;min-height:24px;}.hero_section_container + .clearfix + .container > .breadcrumb:first-child{position:relative;top:-24px;}</style> 98
98<script>document.documentElement.classList.add('bc-relocate');document.addEventListener('DOMContentLoaded',function(){var bc=document.querySelector('ol.breadcrumb'),hero=document.querySelector('.hero_section_container');if(bc&&hero){var t=hero.nextElementSibling;while(t&&!t.classList.contains('container'))t=t.nextElementSibling;if(t)t.insertBefore(bc,t.firstChild);}document.documentElement.classList.remove('bc-relocate');});</script>
98 99 100 101 <!-- Prefetch --> 102 <link rel="prefetch" href="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/jquery.lazy/1.7.9/jquery.lazy.min.js" as="script"> 103 <link rel="prefetch" href="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/js/websiteScripts.min.js?v=8.0.0" as="script"> 104 105 <!-- Custom Site-wide HEAD Content --><!-- Google Tag Manager -->
106<script>
vendor: 331 bytes, lines 106-110
106(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 107new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 108j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 109'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 110})(window,document,'script','dataLayer','
110GTM-N6MJHMN3
vendor: 3 bytes, line 110
110');
110</script>
110 111<!-- End Google Tag Manager --> 112 113 114 115 116 117 118 119 120 121<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 121-122
121 122<script async src="https://www.googletagmanager.com/gtag/js?id=
122G-PL5P0970X4
vendor: 13 bytes, line 122
122"></script>
123<script> 124
vendor: 138 bytes, lines 124-128
124window.dataLayer = window.dataLayer || []; 125 function gtag(){dataLayer.push(arguments);} 126 gtag('js', new Date()); 127 128 gtag('config', '
128G-PL5P0970X4
vendor: 5 bytes, line 128
128');
129</script>
129 130<!-- Include CSS for Slick Slider --> 131<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css" /> 132<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css" /> 133 134 135 136<!-- Include jQuery --> 137<!-- Include Slick Slider JS -->
138<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
138 139
140<script> 141$(document).ready(function () { 142 // Initialize Slick Slider 143 $('.video-slider').slick({ 144 infinite: true, 145 slidesToShow: 4, 146 slidesToScroll: 1, 147 arrows: true, 148 dots: true, 149 autoplay: false, 150 autoplaySpeed: 3000, 151 customPaging: function (slider, i) { 152 return `<button></button>`; 153 }, 154 responsive: [ 155 { 156 breakpoint: 600, 157 settings: { slidesToShow: 1, slidesToScroll: 1 } 158 }, 159 { 160 breakpoint: 769, 161 settings: { slidesToShow: 2, slidesToScroll: 1 } 162 }, 163 { 164 breakpoint: 1100, 165 settings: { slidesToShow: 2, slidesToScroll: 1 } 166 }, 167 { 168 breakpoint: 1200, 169 settings: { slidesToShow: 3, slidesToScroll: 1 } 170 } 171 ] 172 }); 173 174 function updateDotClasses() { 175 let $dots = $('.slick-dots li'); 176 let activeIndex = $dots.filter('.slick-active').index(); 177 178 $dots.removeClass('prev-1 prev-2 prev-3 next-1 next-2 next-3'); 179 180 $dots.each(function (index) { 181 let diff = index - activeIndex; 182 if (diff === -1) $(this).addClass('prev-1'); 183 if (diff === -2) $(this).addClass('prev-2'); 184 if (diff === -3) $(this).addClass('prev-3'); 185 if (diff === 1) $(this).addClass('next-1'); 186 if (diff === 2) $(this).addClass('next-2'); 187 if (diff === 3) $(this).addClass('next-3'); 188 }); 189 } 190 191 $('.video-slider').on('afterChange', function () { 192 updateDotClasses(); 193 }); 194 195 updateDotClasses(); 196}); 197</script>
197 198 199 200 201 202<!-- Meta Pixel Code -->
203<script>
vendor: 408 bytes, lines 203-212
203 204!function(f,b,e,v,n,t,s) 205{if(f.fbq)return;n=f.fbq=function(){n.callMethod? 206n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 207if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 208n.queue=[];t=b.createElement(e);t.async=!0; 209t.src=v;s=b.getElementsByTagName(e)[0]; 210s.parentNode.insertBefore(t,s)}(window, document,'script', 211'https://connect.facebook.net/en_US/fbevents.js'); 212fbq('init', '
2121487663298447280
vendor: 32 bytes, lines 212-213
212'); 213fbq('track', 'PageView');
214</script>
214 215<noscript><img height="1" width="1" style="display:none" 216src="https://www.facebook.com/tr?id=1487663298447280&ev=PageView&noscript=1" 217/></noscript> 218<!-- End Meta Pixel Code --> 219</head> 220<body> 221<style type='text/css'> 222 </style><!--GOOGLE TAG MANAGER CODE--> 223<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 223-224
223 224<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
224GTM-PKRS9SL
vendor: 85 bytes, lines 224-225
224" 225height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
226<!-- End Google Tag Manager (noscript) --><!-- 227IMPORTANT: It is not recommended to customize this widget as it directly connects to fields in DESIGN SETTINGS. If new design settings are created and this widget is already customized, then the website will not be able to apply any new design setitngs. 228 229INSTEAD: If custom CSS rules are needed, add them directly into the DESIGN SETTINGS > CUSTOM CSS section. 230--> 231<style> 232 .upload-form-field::before { 233 content: "choose files"; 234 display: inline-block; 235 border: 1px solid #999; 236 border-radius: 3px; 237 padding: 5px 8px; 238 } 239 #first_container span.input-group-addon,#first_container .datepicker *,#first_container .input-group-addon, #first_container .input-group-addon *,#first_container .fr-action-buttons .fr-submit,.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons button.fr-command { 240 white-space: nowrap !important; 241 } 242 /* Main Website Design */ 243 body,.modal-header,.modal-content,.modal-body,.modal-footer { 244 background: rgb(255, 255, 255); 245 color: rgb(41, 41, 41); 246 font-family: 'Inter'; 247 font-size: 16px; 248 } 249 .select2-container .select2-choice { 250 font-family: 'Inter'!important; 251 } 252 html{ 253 background: rgb(227, 227, 227) } 254 .bootstrap-datetimepicker-widget *:not(.active,[data-action="togglePeriod"]) a, .bootstrap-datetimepicker-widget *:not(.active,[data-action="togglePeriod"]) td,.datepicker th.picker-switch,.datepicker .dow { 255 color: #000 !important; 256 } 257 a,a.h1,a.h2,a.h3,a.h4,a.h5,a.h6,.pricing_menu li ul li a:not(.btn) { 258 color: rgb(51, 122, 183); 259 } 260 a:hover, a:focus,.pricing_menu li ul li a:not(.btn):hover,.pricing_menu li ul li a:not(.btn):focus,.btn:hover,.btn:focus { 261 color: rgb(35, 82, 124); 262 } 263 .breadcrumb a{ 264 color: rgba(119, 119, 119,0.9); 265 } 266 .breadcrumb a:hover, .breadcrumb a:focus,.breadcrumb > .active { 267 color: rgb(119, 119, 119); 268 } 269 .help-inline, .help-block { 270 color: rgba(41, 41, 41,0.5); 271 } 272 .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { 273 font-family: 'Roboto'; 274 } 275 @media (min-width:1200px) { 276 .container { 277 width:1420px; 278 max-width: 95vw; 279 } 280 .fr-view .froala-table td .froala-table { 281 max-width: 1420px; 282 max-width: min(95vw, 1420px); 283 } 284 } 285 /* Header Design */ 286 .header, .mobile_website_logo img { 287 background: rgb(255, 255, 255); 288 } 289 .header .mini-nav li a:not(.btn):not(.network-icon), .header .mini-nav span { 290 color: rgb(41, 41, 41); 291 font-size: 14px; 292 } 293 .header .mini-nav li a:not(.btn):hover { 294 color: rgba(41, 41, 41,0.95); 295 } 296 .header .btn_get_listed { 297 background-color: rgb(42, 178, 123); 298 border: 1px solid rgb(42, 178, 123); 299 color: rgb(255, 255, 255)!important; 300 } 301 .header .btn_get_listed:hover, .header .btn_get_listed:focus { 302 background-color: rgba(42, 178, 123,0.97); 303 } 304 .header .btn_search { 305 background-color: rgba(42, 178, 123,0.97); 306 border: 1px solid rgb(42, 178, 123); 307 color: rgb(255, 255, 255); 308 } 309 .header .btn_search:hover, .header .btn_search:focus { 310 background-color: rgb(42, 178, 123); 311 color: rgb(255, 255, 255); 312 } 313 314 /* Logo Design */ 315 .logo,.logo:hover,.logo:focus { 316 color: rgb(41, 41, 41); 317 font-family: 'Roboto'; 318 } 319 .logo .slogan { 320 color: rgb(102, 102, 102); 321 } 322 .logo .fa { 323 color: rgb(42, 178, 123); 324 } 325 326 /* Main Menu Design */ 327 .member-profile-tabs > ul, .member-profile-tabs .tabs-container { 328 background: rgb(238, 238, 238); 329 position: sticky; 330 z-index: 1; 331 top: 0px; 332 } 333 /* Google Translate When Main Menu Sticky Top */ 334 @media only screen and (max-width: 1100px) { 335 .member-profile-tabs > ul, .member-profile-tabs .tabs-container { 336 top: 50px; 337 } 338 } 339 .header ul.nav.navbar-nav li ul { 340 background-color: rgb(238, 238, 238); 341 } 342 .header ul.nav.navbar-nav li ul li a, .header ul.nav.navbar-nav li ul li span { 343 color: rgb(102, 102, 102); 344 font-weight: 400; 345 } 346 .header .navbar-default, .pagination > .active > a { 347 background-color: rgb(238, 238, 238); 348 } 349 .header ul.nav.navbar-nav li ul li a:hover, .header ul.nav.navbar-nav li ul li a:focus{ 350 border-left-color: rgb(102, 102, 102); 351 background: rgb(102, 102, 102); 352 color: rgb(238, 238, 238); 353 }
354 .navbar-default .navbar-toggle .icon-bar { 355 background-color: rgb(102, 102, 102); 356 } 357 .user_sidebar, .main_menu, .compact-mobile-search { 358 color: rgb(102, 102, 102); 359 } 360 .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > span { 361 color: rgb(102, 102, 102); 362 font-weight: 400; 363 } 364 .navbar-default .navbar-nav > li:hover > a,.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:active, .navbar-default .navbar-nav > li > a:focus { 365 color: rgb(41, 41, 41); 366 } 367 .navbar-default .navbar-nav > li { 368 font-family: 'Inter'; 369 } 370 371 372 373 /* Footer Design */ 374 .footer { 375 background-color: rgb(227, 227, 227); 376 display: block; 377 } 378 .footer, .footer_menu a,.footer_terms a,.footer_menu .content { 379 color: rgb(41, 41, 41); 380 } 381 .footer_menu a:hover, .footer_terms a:hover, .footer_menu a:focus, .footer_terms a:focus { 382 color: rgb(42, 178, 123); 383 } 384 .footer_menu .head { 385 color: rgb(41, 41, 41); 386 } 387 .btn_footer_get_listed { 388 background-color: rgb(217, 83, 79); 389 border: 1px solid rgb(217, 83, 79); 390 color: rgb(255, 255, 255)!important; 391 } 392 .btn_footer_get_listed:hover, .btn_footer_get_listed:focus{ 393 background-color: rgba(217, 83, 79,0.95); 394 } 395 396 /* Homepage Design */ 397 .homepage_settings h1, .homepage_settings h2, .homepage_map h1, .homepage_map h2 { 398 font-family: 'Roboto'; 399 } 400 .homepage_settings h1, .homepage_map h1 { 401 color: rgb(0, 0, 0); 402 font-weight: 800; 403 text-align: left; 404 } 405 .homepage_settings h2, .homepage_map h2 { 406 color: rgb(0, 0, 0); 407 font-weight: 600; 408 text-align: left; 409 410 } 411 .homepage_settings .search_box label { 412 color: rgb(255, 255, 255); 413 } 414 .btn_home_search, .search_box input[type=submit] { 415 background-color: rgb(42, 178, 123); 416 border: 1px solid rgb(42, 178, 123); 417 color: rgb(255, 255, 255); 418 } 419 .btn_home_search:hover, .btn_home_search:focus, .search_box input[type=submit]:hover, .search_box input[type=submit]:focus { 420 background-color: rgba(42, 178, 123,0.97); 421 color: rgb(255, 255, 255); 422 } 423 .homepage_settings .search_box { 424 padding: 15px; 425 426 background-color: rgba( 255, 255, 255, 0.1); 427 } 428 429 /* Homepage Steps Module */ 430 .homepage_steps { 431 background: none; 432 box-shadow: none; 433 padding: 0; 434 color: rgb(102, 102, 102); 435 } 436 .homepage_steps a.homepage_step_link,.homepage_steps a.homepage_step_link:hover,.homepage_steps a.homepage_step_link:active{ 437 color: rgb(102, 102, 102)!important; 438 } 439 .homepage_steps .fa { 440 color: rgb(42, 178, 123); 441 background-color: rgba(42, 178, 123,0.075); 442 } 443 .homepage_steps h2 + p { 444 opacity: .6; 445 } 446 447 /* Blog Posts Slider Settings */ 448 #myCarousel h2 a, .carousel-caption p,#myCarousel .list-group-item h2, #myCarousel li.list-group-item h4 { 449 color: rgb(255, 255, 255); 450 } 451 #myCarousel .list-group-item { 452 background-color: rgba(52, 73, 94,0.9); 453 border-color: rgba(52, 73, 94,0.80); 454 } 455 #myCarousel .carousel-caption { 456 background-color: rgba(52, 73, 94,0.8); 457 } 458 #myCarousel .list-group, #myCarousel .carousel-inner { 459 background-color: rgb(52, 73, 94) } 460 #myCarousel .list-group .active, #myCarousel .list-group-item:hover { 461 background-color: rgb(52, 73, 94) } 462 #myCarousel .list-group .active h2, #myCarousel .list-group-item:hover h2{ 463 color: rgb(250, 250, 250); 464 } 465 466 /* Additional Settings */ 467 .well blockquote { 468 background: rgb(255, 255, 255) none repeat scroll 0 0; 469 border-color: rgb(238, 238, 238); 470 color: rgb(41, 41, 41); 471 padding: 10px 20px; 472 } 473 .account-form-box form table tr td table { 474 background-color: transparent!important; 475 border: none!important; 476 } 477 478 .account-form-box form table tr td table td { 479 background-color: transparent!important; 480 color: rgb(41, 41, 41)!important; 481 border: none!important; 482 } 483 div.dataTables_length label, div.dataTables_filter label, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{ 484 color: rgb(41, 41, 41)!important; 485 } 486 .table.dataTable > thead > tr > th, .table > thead > tr > th, .fr-view table th, .fr-view table tfoot td { 487 border-color: rgba(85, 85, 85,0.1); 488 background-color: rgb(238, 238, 238); 489 color: rgb(85, 85, 85);
490 font-weight:600; 491 border-left: none; 492 border-bottom-width: 1px; 493 } 494 .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, table.dataTable.no-footer { 495 border-color: rgba(85, 85, 85,0.1); 496 } 497 .table > tfoot > tr > td:not(:last-child) { 498 border-right: 1px solid rgba(85, 85, 85,0.1); 499 } 500 table.dataTable.no-footer, table.dataTable { 501 border: 1px solid rgb(238, 238, 238)!important; 502 } 503 .table-view li:not(.table-display-about_me li, .froala-data li), .table-view .table-view-group > div { 504 border-top:1px solid rgb(238, 238, 238); 505 } 506 .table-view .table-view-group:last-child { 507 border-bottom:1px solid rgb(238, 238, 238); 508 } 509 table.dataTable tbody tr, .table-striped.dataTable, .table-striped, .fr-view .table-striped { 510 background-color: rgb(250, 250, 250)!important; 511 } 512 .table-striped.dataTable, .table-striped, .fr-view .table-striped { 513 border: 1px solid rgba(85, 85, 85,0.15); 514 border-collapse: separate; 515 overflow: hidden; 516 } 517 table#feature-body-datatable:has(.dropdown.open),table#digital-products-transactions:has(.dropdown.open), table#example:has(.dropdown.open) { 518 overflow: visible; 519 } 520 .table-striped.dataTable tbody > tr:nth-of-type(2n+1),.table-striped > tbody > tr:nth-of-type(2n+1) { 521 background-color: rgba(255, 255, 255,0.5)!important; 522 } 523 .nav-tabs, hr, .account-menu-title, .modal-header { 524 border-color: rgb(238, 238, 238); 525 } 526 .sidemenu_panel .list-group-item{ 527 background-color: transparent!important; 528 color: rgb(41, 41, 41)!important; 529 } 530 .img-thumbnail { 531 background-color: rgb(250, 250, 250)!important; 532 border: 1px solid rgb(238, 238, 238); 533 } 534 .member_admin_sidemenu p, .member_admin_sidemenu h3 { 535 color: rgb(41, 41, 41)!important; 536 } 537 .close { 538 color: rgb(41, 41, 41); 539 opacity: 1; 540 } 541 .member_results_header h1, .content_w_sidebar.feature-search h1, .feature_results_header h1 { 542 font-size:36px; 543 display: block; 544 } 545 .member_results_header h2, .feature_results_header h2 { 546 font-size:30px; 547 display: block; 548 } 549 .homepage_settings { 550 padding-top: 180px; 551 padding-bottom: 180px; 552 } 553 @media (max-width: 768px) { .mobile_website_logo .visible-xs {display: block !important;}} 554 @media only screen and (max-width: 768px) { 555 .header-right-container .website-search, .header-right-container .list-social-links {display: none;} 556 .member-profile-header .favorite {float:none} 557 } 558 559 560 @media only screen and (max-width: 1100px) { 561 } 562 .views > i.fa.activeView, .views > i.fa:hover { 563 background-color: rgb(41, 41, 41); 564 color: rgb(255, 255, 255); 565 } 566 .views > i.fa { 567 background-color: rgba(41, 41, 41,0.1); 568 color: rgb(41, 41, 41); 569 } 570 .ui-rangeSlider-label { 571 background-color: rgb(238, 238, 238)!important; 572 color: rgb(102, 102, 102)!important; 573 } 574 .pricing_menu li .title { 575 background: rgb(42, 178, 123); 576 color: rgb(255, 255, 255); 577 } 578 p.account-tip{ 579 color: rgb(41, 41, 41); 580 } 581 .circled_number { 582 background: rgb(13, 69, 108); 583 color: rgb(255, 255, 255); 584 } 585 .pic { 586 background-color: rgba(42, 178, 123,0.8); 587 color: rgb(255, 255, 255); 588 background-repeat: no-repeat; 589 background-position: center; 590 } 591 .pic .pic-caption { 592 background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%,rgba(42, 178, 123,0.85) 50%); 593 color: rgb(255, 255, 255); 594 } 595 .slick-prev-fa i, .slick-next-fa i{ 596 color: rgb(42, 178, 123); 597 } 598 .module, .well, .tab-content, .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs>li>a:focus, .nav-tabs>li>a:hover, .nav-tabs.nav-justified>li.active>a, .nav-tabs.nav-justified>li.active>a:focus, .nav-tabs.nav-justified>li.active>a:hover, .nav-tab.nav-justified>li>a:focus, .nav-tabs.nav-justified>li>a:hover, .account-form-box,.account-form-box .module .module,.account-form-box .module .well,.account-form-box .well .well,.account-form-box .well .module,.module .module .module,.module .well .well,.module .module .well,.module .well .module,.well .well .well,.well .module .module,.well .well .module,.well .module .well, .froala-table.module, .froala-table td.module { 599 background-color: rgb(250, 250, 250); 600 border-color: rgb(238, 238, 238); 601 color: rgb(41, 41, 41); 602 } 603 .nav-pills > li.active a, .nav-pills > li > a:hover { 604 background-color: rgb(51, 122, 183)!important; 605 border-color: rgb(51, 122, 183)!important; 606 color: rgb(255, 255, 255)!important; 607 } 608 .sidemenu_panel .panel-heading { 609 color: rgb(41, 41, 41)!important; 610 background-color: rgb(250, 250, 250)!important; 611 } 612 .member-profile-tabs .nav-tabs > li:not(.active) > a, .login-register-tabs.nav-tabs > li:not(.active) > a, .nav-tabs > li:not(.active) > a { 613 background: rgba(250, 250, 250,0.5); 614 color: #5f5f5f; 615 } 616 .member-profile-tabs .nav-tabs > li:not(.active) > a:hover, .login-register-tabs.nav-tabs > li:not(.active) > a:hover, .nav-tabs > li:not(.active) > a:hover { 617 background: rgba(250, 250, 250,1); 618 color: rgb(41, 41, 41); 619 }
620 .author-snapshot .well:not(.well.bg-default) { 621 background-color: rgb(250, 250, 250)!important; 622 border-color: rgb(238, 238, 238)!important; 623 color: rgb(41, 41, 41)!important; 624 } 625 .nav-tabs>li>a, .nav-pills>li>a { 626 font-weight: 600; 627 } 628 .module .help-inline,.module .help-block,.well .help-inline,.well .help-block,.account-form-box .help-inline,.account-form-box .help-block,.account-form-box p.account-tip{ 629 color: rgba(41, 41, 41,0.5); 630 } 631 #service_areas_table td,#service_areas_table_wrapper label, #service_areas_table_info, #service_areas_table_paginate > a { 632 color: rgb(41, 41, 41) !important; 633 } 634 .popover { 635 background-color: rgb(250, 250, 250); 636 border-color: rgb(250, 250, 250); 637 padding:0; 638 text-align:left; 639 } 640 .popover-title, .popover-content { 641 background-color: rgb(250, 250, 250); 642 color: rgb(41, 41, 41); 643 border-color: rgb(250, 250, 250); 644 text-align:left; 645 } 646 .popover-content { 647 background-color: rgba(41, 41, 41,.05); 648 border-radius: 4px; 649 transform: translate(-1px, -1px); 650 width: calc(100% + 2px); 651 margin-bottom: -2px; 652 } 653 .popover.left > .arrow::after { 654 border-left-color: rgb(250, 250, 250)!important; 655 } 656 .popover.right > .arrow::after { 657 border-right-color: rgb(250, 250, 250)!important; 658 } 659 .popover.bottom > .arrow::after { 660 border-bottom-color: rgb(250, 250, 250)!important; 661 } 662 .popover.top > .arrow::after { 663 border-top-color: rgb(250, 250, 250)!important; 664 } 665 .progress, .table-view .table-view-group:nth-child(2n-1),.tab-content .well, .tab-content .module,#account-tabs .well,#account-tabs .module,.account-form-box .module,.account-form-box .well,.module .module,.well .well,.module .well,.well .module{ 666 background-color: rgb(255, 255, 255); 667 color: rgb(41, 41, 41); 668 } 669 .module h1, .module h2, .module h3, .module h4, .module h5 { 670 color: rgb(0, 0, 0); 671 } 672 .module p:not(.fr-box.fr-basic .fr-element p) { 673 color: rgb(41, 41, 41); 674 } 675 .pagination>.active>a { 676 border-color: rgba(102, 102, 102,0.2); 677 } 678 .pagination>.active>a { 679 color: rgb(102, 102, 102); 680 } 681 .pagination > .active > a:hover, .pagination > .active > a:focus { 682 border-color: rgba(102, 102, 102,0.2); 683 background-color: rgb(238, 238, 238); 684 color: rgb(102, 102, 102); 685 } 686 .pagination > li > a { 687 color: rgb(238, 238, 238); 688 border-color: rgba(238, 238, 238,0.2); 689 background-color: rgb(102, 102, 102); 690 } 691 .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover { 692 background-color: rgb(238, 238, 238); 693 border-color: rgb(238, 238, 238); 694 color: rgb(102, 102, 102); 695 } 696 697 .nav-pills.nav-wizard > li a, .nav-pills.nav-wizard > li a:hover{ 698 background-color: rgb(250, 250, 250)!important; 699 color: rgb(41, 41, 41)!important; 700 } 701 .member_wizard2 li.incomplete a, .member_wizard2 li.incomplete a:hover { 702 background-color: rgb(240, 173, 78)!important; 703 border-color: rgb(240, 173, 78); 704 color: rgb(255, 255, 255); 705 } 706 .nav-pills.nav-wizard > li.active a, .nav-pills.member_wizard > li.active:hover a { 707 background-color: rgb(51, 122, 183)!important; 708 color: rgb(255, 255, 255)!important; 709 } 710 .member_wizard2 li.completed a, .member_wizard2 li.completed a:hover { 711 background-color: rgb(92, 184, 92)!important; 712 border-color: rgb(92, 184, 92); 713 color: rgb(255, 255, 255); 714 } 715 716 .nav-pills.nav-wizard > li.active .nav-arrow, .nav-pills.nav-wizard > li.active:hover .nav-arrow { 717 border-color: transparent transparent transparent rgb(51, 122, 183)!important; 718 } 719 .nav-pills.nav-wizard > li.active .nav-wedge, .nav-pills.nav-wizard > li.active:hover .nav-wedge{ 720 border-color: rgb(51, 122, 183) rgb(51, 122, 183) rgb(51, 122, 183) transparent!important; 721 } 722 723 li.completed .nav-wedge, .nav-pills.nav-wizard > li.completed:hover .nav-wedge { 724 border-color: rgb(92, 184, 92) rgb(92, 184, 92) rgb(92, 184, 92) transparent!important; 725 } 726 727 li.incomplete .nav-wedge, .nav-pills.nav-wizard > li.incomplete:hover .nav-wedge { 728 border-color: rgb(250, 250, 250) rgb(250, 250, 250) rgb(250, 250, 250) transparent!important; 729 } 730 731 .nav-pills.member_wizard > li.completed a, .nav-pills.member_wizard > li.completed a:hover { 732 background-color: rgb(92, 184, 92)!important; 733 color: rgb(255, 255, 255)!important; 734 } 735 736 .member_wizard2 li { 737 color: rgb(255, 255, 255); 738 border-right: 10px solid rgb(255, 255, 255); 739 } 740 741 li.completed .nav-arrow, .nav-pills.nav-wizard > li.completed:hover .nav-arrow { 742 border-color: transparent transparent transparent rgb(92, 184, 92)!important; 743 } 744 745 li.incomplete .nav-arrow, .nav-pills.nav-wizard > li.incomplete:hover .nav-arrow{ 746 border-color: transparent transparent transparent rgb(250, 250, 250)!important; 747 } 748 749 /* Default Colors */ 750 .btn-primary, .btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover, .btn.dropdown-toggle.btn-primary,.navbar-default .navbar-nav > li > a.btn-primary, .navbar-default .navbar-nav > li > span.btn-primary,.mobile-main-menu .sidebar-nav li a.btn-primary, .mobile-main-menu .sidebar-nav li span.btn-primary { 751 background-color: rgb(51, 122, 183); 752 border-color: rgb(51, 122, 183); 753 color: rgb(255, 255, 255); 754 } 755 .btn-primary:hover, .btn-primary:focus, .btn-primary:active,.btn-primary:active:focus, .btn-primary:active:hover, .nav > li > a.btn-primary:focus, .nav > li > a.btn-primary:hover,.btn-primary.active,.open > .dropdown-toggle.btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .open>.dropdown-toggle.btn-primary:hover, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary.focus,a.bg-primary:focus,a.bg-primary:hover, .panel-primary .panel-heading, .btn.dropdown-toggle.btn-primary:hover,.upload-form-field,.upload-form-field:hover,.upload-form-field:active:focus,.upload-form-field:before, .label-primary[href]:focus, .label-primary[href]:hover { 756 background-color: rgba(51, 122, 183,0.95); 757 border-color: rgb(51, 122, 183); 758 color: rgb(255, 255, 255); 759 } 760 .panel-primary {
761 background-color: #e0ebf4; 762 border-color: rgb(51, 122, 183); 763 } 764 .bg-primary,.progress-bar-primary,.module p.bg-primary,.label-primary,.badge-primary,.pricing_menu .title.bg-primary, .well .well.bg-primary, .module .well.bg-primary, .well .module.bg-primary,.tab-content .module.bg-primary,.tab-content .well.bg-primary { 765 background-color: rgb(51, 122, 183); 766 color: rgb(255, 255, 255); 767 } 768 .bg-primary .badge { 769 background-color:rgb(255, 255, 255); 770 color: rgb(51, 122, 183); 771 } 772 .btn-primary.btn-outline { 773 background: transparent; 774 color: rgb(51, 122, 183); 775 transition: all 250ms ease-in-out 0ms; 776 } 777 .btn-primary.btn-outline:hover { 778 background: rgba(51, 122, 183,0.1); 779 color: rgb(51, 122, 183); 780 } 781 .alert-primary { 782 background-color:rgba(51, 122, 183,0.7); 783 border-color:rgba(51, 122, 183,0.2); 784 color: rgba(255, 255, 255,0.9); 785 } 786 .alert-primary-subtle, .label-primary-subtle, .badge-primary-subtle { 787 background-color: #d6e4f1; 788 border-color: #d6e4f1; 789 color: rgb(51, 122, 183); 790 color: color-mix(in srgb, rgb(51, 122, 183) 50%, rgb(41, 41, 41) 50%); 791 } 792 .btn.dropdown-toggle.btn-primary *, .btn-primary a { 793 color: rgb(255, 255, 255); 794 } 795 .text-primary{ 796 color: rgb(51, 122, 183); 797 } 798 .btn-info, .btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info.active, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover, .btn.dropdown-toggle.btn-info,.navbar-default .navbar-nav > li > a.btn-info, .navbar-default .navbar-nav > li > span.btn-info,.mobile-main-menu .sidebar-nav li a.btn-info, .mobile-main-menu .sidebar-nav li span.btn-info { 799 background-color: rgb(91, 192, 222); 800 border-color: rgb(91, 192, 222); 801 color: rgb(255, 255, 255); 802 } 803 .btn-info:hover, .btn-info:focus, .btn-info:active,.btn-info:active:focus, .btn-info:active:hover, .nav > li > a.btn-info:focus, .nav > li > a.btn-info:hover,.btn-info.active,.open > .dropdown-toggle.btn-info, .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .open>.dropdown-toggle.btn-info:hover, .open>.dropdown-toggle.btn-info:focus, .open>.dropdown-toggle.btn-info.focus,a.bg-info:focus,a.bg-info:hover, .panel-info .panel-heading, .btn.dropdown-toggle.btn-info:hover, .label-info[href]:focus, .label-info[href]:hover { 804 background-color: rgba(91, 192, 222,0.95); 805 border-color: rgb(91, 192, 222); 806 color: rgb(255, 255, 255); 807 } 808 .panel-info { 809 background-color: #e6f6fa; 810 border-color: rgb(91, 192, 222); 811 } 812 .bg-info,.progress-bar-info,.module p.bg-info,.label-info,.badge-info,.pricing_menu .title.bg-info, .well .well.bg-info, .module .well.bg-info, .well .module.bg-info,.tab-content .module.bg-info,.tab-content .well.bg-info { 813 background-color: rgb(91, 192, 222); 814 color: rgb(255, 255, 255); 815 } 816 .bg-info .badge { 817 background-color:rgb(255, 255, 255); 818 color: rgb(91, 192, 222); 819 } 820 .btn-info.btn-outline { 821 background: transparent; 822 color: rgb(91, 192, 222); 823 transition: all 250ms ease-in-out 0ms; 824 } 825 .btn-info.btn-outline:hover { 826 background: rgba(91, 192, 222,0.1); 827 color: rgb(91, 192, 222); 828 } 829 .alert-info { 830 background-color:rgba(91, 192, 222,0.7); 831 border-color:rgba(91, 192, 222,0.2); 832 color: rgba(255, 255, 255,0.9); 833 } 834 .alert-info-subtle, .label-info-subtle, .badge-info-subtle { 835 background-color: #def2f8; 836 border-color: #def2f8; 837 color: rgb(91, 192, 222); 838 color: color-mix(in srgb, rgb(91, 192, 222) 50%, rgb(41, 41, 41) 50%); 839 } 840 .btn.dropdown-toggle.btn-info *, .btn-info a { 841 color: rgb(255, 255, 255); 842 } 843 .text-info{ 844 color: rgb(91, 192, 222); 845 } 846 .btn-success, .btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover, .btn.dropdown-toggle.btn-success,.navbar-default .navbar-nav > li > a.btn-success, .navbar-default .navbar-nav > li > span.btn-success,.mobile-main-menu .sidebar-nav li a.btn-success, .mobile-main-menu .sidebar-nav li span.btn-success { 847 background-color: rgb(92, 184, 92); 848 border-color: rgb(92, 184, 92); 849 color: rgb(255, 255, 255); 850 } 851 .btn-success:hover, .btn-success:focus, .btn-success:active,.btn-success:active:focus, .btn-success:active:hover, .nav > li > a.btn-success:focus, .nav > li > a.btn-success:hover,.btn-success.active,.open > .dropdown-toggle.btn-success, .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .open>.dropdown-toggle.btn-success:hover, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success.focus,a.bg-success:focus,a.bg-success:hover, .panel-success .panel-heading, .btn.dropdown-toggle.btn-success:hover, .label-success[href]:focus, .label-success[href]:hover { 852 background-color: rgba(92, 184, 92,0.95); 853 border-color: rgb(92, 184, 92); 854 color: rgb(255, 255, 255); 855 } 856 .panel-success { 857 background-color: #e7f4e7; 858 border-color: rgb(92, 184, 92); 859 } 860 .bg-success,.progress-bar-success,.module p.bg-success,.label-success,.badge-success,.pricing_menu .title.bg-success, .well .well.bg-success, .module .well.bg-success, .well .module.bg-success,.tab-content .module.bg-success,.tab-content .well.bg-success { 861 background-color: rgb(92, 184, 92); 862 color: rgb(255, 255, 255); 863 } 864 .bg-success .badge { 865 background-color: rgb(255, 255, 255); 866 color: rgb(92, 184, 92); 867 } 868 .btn-success.btn-outline { 869 background: transparent; 870 color: rgb(92, 184, 92); 871 transition: all 250ms ease-in-out 0ms; 872 } 873 .btn-success.btn-outline:hover { 874 background: rgba(92, 184, 92,0.1); 875 color: rgb(92, 184, 92); 876 } 877 .alert-success { 878 background-color:rgba(92, 184, 92,0.7); 879 border-color:rgba(92, 184, 92,0.2); 880 color: rgba(255, 255, 255,0.9); 881 } 882 .alert-success-subtle, .label-success-subtle, .badge-success-subtle { 883 background-color: #def1de; 884 border-color: #def1de; 885 color: rgb(92, 184, 92); 886 color: color-mix(in srgb, rgb(92, 184, 92) 50%, rgb(41, 41, 41) 50%); 887 } 888 .btn.dropdown-toggle.btn-success *, .btn-success a { 889 color: rgb(255, 255, 255); 890 } 891 .text-success{ 892 color: rgb(92, 184, 92); 893 } 894 .btn-warning, .btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled], .btn-warning[disabled].active, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning.active, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover, .btn.dropdown-toggle.btn-warning,.navbar-default .navbar-nav > li > a.btn-warning, .navbar-default .navbar-nav > li > span.btn-warning,.mobile-main-menu .sidebar-nav li a.btn-warning, .mobile-main-menu .sidebar-nav li span.btn-warning { 895 background-color: rgb(240, 173, 78); 896 border-color: rgb(240, 173, 78); 897 color: rgb(255, 255, 255); 898 } 899 .btn-warning:hover, .btn-warning:focus, .btn-warning:active,.btn-warning:active:focus, .btn-warning:active:hover, .nav > li > a.btn-warning:focus, .nav > li > a.btn-warning:hover,.btn-warning.active,.open > .dropdown-toggle.btn-warning, .btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .open>.dropdown-toggle.btn-warning:hover, .open>.dropdown-toggle.btn-warning:focus, .open>.dropdown-toggle.btn-warning.focus,a.bg-warning:focus,a.bg-warning:hover, .panel-warning .panel-heading, .btn.dropdown-toggle.btn-warning:hover, .label-warning[href]:focus, .label-warning[href]:hover { 900 background-color: rgba(240, 173, 78,0.95); 901 border-color: rgb(240, 173, 78); 902 color: rgb(255, 255, 255); 903 } 904 .panel-warning { 905 background-color: #fdf3e4; 906 border-color: rgb(240, 173, 78); 907 } 908 .bg-warning,.progress-bar-warning,.module p.bg-warning,.label-warning,.badge-warning,.pricing_menu .title.bg-warning, .well .well.bg-warning, .module .well.bg-warning, .well .module.bg-warning,.tab-content .module.bg-warning,.tab-content .well.bg-warning { 909 background-color: rgb(240, 173, 78); 910 color: rgb(255, 255, 255); 911 } 912 .bg-warning .badge { 913 background-color: rgb(255, 255, 255); 914 color: rgb(240, 173, 78); 915 } 916 .btn-warning.btn-outline { 917 background: transparent; 918 color: rgb(240, 173, 78); 919 transition: all 250ms ease-in-out 0ms; 920 } 921 .btn-warning.btn-outline:hover { 922 background: rgba(240, 173, 78,0.1); 923 color: rgb(240, 173, 78); 924 } 925 .alert-warning { 926 background-color:rgba(240, 173, 78,0.7); 927 border-color:rgba(240, 173, 78,0.2); 928 color: rgba(255, 255, 255,0.9); 929 } 930 .alert-warning-subtle, .label-warning-subtle, .badge-warning-subtle { 931 background-color: #fcefdc; 932 border-color: #fcefdc; 933 color: rgb(240, 173, 78); 934 color: color-mix(in srgb, rgb(240, 173, 78) 50%, rgb(41, 41, 41) 50%); 935 } 936 .btn.dropdown-toggle.btn-warning *, .btn-warning a { 937 color: rgb(255, 255, 255); 938 } 939 .text-warning { 940 color: rgb(240, 173, 78); 941 } 942 .btn-danger, .btn-danger.disabled, .btn-danger.disabled.active, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled], .btn-danger[disabled].active, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger.active, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover, .btn.dropdown-toggle.btn-danger,.navbar-default .navbar-nav > li > a.btn-danger, .navbar-default .navbar-nav > li > span.btn-danger,.mobile-main-menu .sidebar-nav li a.btn-danger, .mobile-main-menu .sidebar-nav li span.btn-danger { 943 background-color: rgb(217, 83, 79); 944 border-color: rgb(217, 83, 79); 945 color: rgb(255, 255, 255); 946 } 947 .btn-danger:hover, .btn-danger:focus, .btn-danger:active,.btn-danger:active:focus, .btn-danger:active:hover, .nav > li > a.btn-danger:focus, .nav > li > a.btn-danger:hover,.btn-danger.active,.open > .dropdown-toggle.btn-danger, .btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .open>.dropdown-toggle.btn-danger:hover, .open>.dropdown-toggle.btn-danger:focus, .open>.dropdown-toggle.btn-danger.focus,a.bg-danger:focus,a.bg-danger:hover, .panel-danger .panel-heading, .btn.dropdown-toggle.btn-danger:hover, .label-danger[href]:focus, .label-danger[href]:hover { 948 background-color: rgba(217, 83, 79,0.95); 949 border-color: rgb(217, 83, 79); 950 color: rgb(255, 255, 255); 951 } 952 .has-error .form-control { 953 border-color: rgb(217, 83, 79); 954 } 955 .has-error .help-block:not(.form-field-help-block), .has-error ~ .help-block:not(.form-field-help-block),.has-error .help-block:not(.form-field-help-block) a, .has-error ~ .help-block:not(.form-field-help-block) a { 956 background: rgb(217, 83, 79); 957 color: rgb(255, 255, 255) !important; 958 } 959 .has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label { 960 color: rgb(217, 83, 79); 961 } 962 .panel-danger { 963 background-color: #f9e5e5; 964 border-color: rgb(217, 83, 79); 965 } 966 .bg-danger,.progress-bar-danger,.module p.bg-danger,.label-danger,.badge-danger,.pricing_menu .title.bg-danger, .well .well.bg-danger, .module .well.bg-danger, .well .module.bg-danger,.tab-content .module.bg-danger,.tab-content .well.bg-danger { 967 background-color: rgb(217, 83, 79); 968 color: rgb(255, 255, 255); 969 } 970 .bg-danger .badge { 971 background-color: rgb(255, 255, 255); 972 color: rgb(217, 83, 79); 973 } 974 .btn-danger.btn-outline { 975 background: transparent; 976 color: rgb(217, 83, 79); 977 transition: all 250ms ease-in-out 0ms; 978 } 979 .btn-danger.btn-outline:hover { 980 background: rgba(217, 83, 79,0.1); 981 color: rgb(217, 83, 79); 982 } 983 .alert-danger { 984 background-color:rgba(217, 83, 79,0.7); 985 border-color:rgba(217, 83, 79,0.2); 986 color: rgba(255, 255, 255,0.9); 987 } 988 .alert-danger-subtle, .label-danger-subtle, .badge-danger-subtle { 989 background-color: #f7dddc; 990 border-color: #f7dddc; 991 color: rgb(217, 83, 79); 992 color: color-mix(in srgb, rgb(217, 83, 79) 50%, rgb(41, 41, 41) 50%); 993 } 994 .btn.dropdown-toggle.btn-danger *, .btn-danger a { 995 color: rgb(255, 255, 255); 996 } 997 .text-danger{ 998 color: rgb(217, 83, 79); 999 } 1000 .btn-default, .tags a, .btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focu
1000s, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover, .btn.dropdown-toggle.btn-default, #popover .mini_profile_pic,.navbar-default .navbar-nav > li > a.btn-default, .navbar-default .navbar-nav > li > span.btn-default,.mobile-main-menu .sidebar-nav li a.btn-default, .mobile-main-menu .sidebar-nav li span.btn-default { 1001 background-color: rgb(238, 238, 238); 1002 border-color: rgb(238, 238, 238); 1003 color: rgb(85, 85, 85); 1004 } 1005 .btn-default:hover, .btn-default:focus, .btn-default:active,.btn-default:active:focus, .btn-default:active:hover,.tags a:hover, .nav > li > a.btn-default:focus, .nav > li > a.btn-default:hover,.btn-default.active,.open > .dropdown-toggle.btn-default, .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .open>.dropdown-toggle.btn-default:hover, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default.focus,a.bg-default:focus,a.bg-default:hover, .panel-default .panel-heading, .member_accounts .panel-default > .panel-heading, .panel-default.categories-panel .panel-heading, .btn.dropdown-toggle.btn-default:hover, #popover .mini_profile_pic, .label-default[href]:focus, .label-default[href]:hover { 1006 background-color: rgba(238, 238, 238,0.95); 1007 border-color: rgb(238, 238, 238); 1008 color: rgb(85, 85, 85); 1009 } 1010 .sidemenu_panel .panel-default .panel_heading { 1011 background-color: rgb(238, 238, 238)!important; 1012 border-color: rgb(238, 238, 238)!important; 1013 color: rgb(85, 85, 85)!important; 1014 } 1015 .panel-default .panel-heading, .member_accounts .panel-default > .panel-heading, .panel-default.categories-panel .panel-heading { 1016 1017 box-shadow: 0 0 1000px 0 rgba(85, 85, 85,0.02) inset; 1018 background-color: rgb(238, 238, 238); 1019 } 1020 .panel-default, .member_accounts .panel-default { 1021 1022 background-color: rgba(238, 238, 238,0.15); 1023 border-color: #fdfdfd; 1024 border-color: color-mix(in srgb,rgb(238, 238, 238) 100%,rgba(238, 238, 238) 10%); 1025 } 1026 .member_admin_sidemenu .panel-default { 1027 background-color: transparent; 1028 } 1029 .bg-default,.progress-bar-default,.module p.bg-default,.label-default,.badge-default,.pricing_menu .title.bg-default, .well .well.bg-default, .module .well.bg-default, .well .module.bg-default,.tab-content .module.bg-default,.tab-content .well.bg-default { 1030 background-color: rgb(238, 238, 238); 1031 color: rgb(85, 85, 85); 1032 } 1033 .bg-default .badge { 1034 background-color: rgb(85, 85, 85); 1035 color: rgb(238, 238, 238); 1036 } 1037 .btn-default.btn-outline { 1038 background: transparent; 1039 color: rgb(238, 238, 238); 1040 transition: all 250ms ease-in-out 0ms; 1041 } 1042 .btn-default.btn-outline:hover { 1043 background: rgba(238, 238, 238,0.1); 1044 color: rgb(238, 238, 238); 1045 } 1046 .alert-default { 1047 background-color:rgb(238, 238, 238); 1048 border-color:rgb(238, 238, 238); 1049 color: rgb(85, 85, 85); 1050 } 1051 .alert-default-subtle, .label-default-subtle, .badge-default-subtle { 1052 background-color:rgba(238, 238, 238,0.5); 1053 border-color: rgba(238, 238, 238,0.5); 1054 color: rgb(85, 85, 85); 1055 color: color-mix(in srgb, rgb(85, 85, 85) 50%, rgb(41, 41, 41) 50%); 1056 } 1057 .btn.dropdown-toggle.btn-default *, .btn-default a { 1058 color: rgb(85, 85, 85); 1059 } 1060 .text-default{ 1061 color: rgb(238, 238, 238); 1062 } 1063 .btn-secondary, .btn.dropdown-toggle.btn-secondary,.navbar-default .navbar-nav > li > a.btn-secondary, .navbar-default .navbar-nav > li > span.btn-secondary,.mobile-main-menu .sidebar-nav li a.btn-secondary, .mobile-main-menu .sidebar-nav li span.btn-secondary { 1064 background-color: rgb(41, 41, 41); 1065 border: 1px solid rgb(41, 41, 41); 1066 color: rgb(255, 255, 255); 1067 } 1068 .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active,.btn-secondary:active:focus, .btn-secondary:active:hover, .nav > li > a.btn-secondary:focus, .nav > li > a.btn-secondary:hover,.btn-secondary.active,.open > .dropdown-toggle.btn-secondary, .btn-secondary.active.focus, .btn-secondary.active:focus, .btn-secondary.active:hover, .btn-secondary:active.focus, .open>.dropdown-toggle.btn-secondary:hover, .open>.dropdown-toggle.btn-secondary:focus, .open>.dropdown-toggle.btn-secondary.focus,a.bg-secondary:focus,a.bg-secondary:hover,.btn.dropdown-toggle.btn-secondary:hover, .panel-secondary .panel-heading, .label-secondary[href]:focus, .label-secondary[href]:hover { 1069 background-color: rgba(41, 41, 41,0.95); 1070 border-color: rgb(41, 41, 41); 1071 color: rgb(255, 255, 255); 1072 } 1073 .bg-secondary,.progress-bar-secondary,.module p.bg-secondary,.module p.bg-secondary:not(.fr-box.fr-basic .fr-element p),.label-secondary,.badge-secondary,.pricing_menu .title.bg-secondary, .well .well.bg-secondary, .module .well.bg-secondary, .well .module.bg-secondary,.tab-content .module.bg-secondary,.tab-content .well.bg-secondary { 1074 background-color: rgb(41, 41, 41); 1075 color: rgb(255, 255, 255); 1076 } 1077 .bg-secondary .badge { 1078 background-color:rgb(255, 255, 255); 1079 color: rgb(41, 41, 41); 1080 } 1081 .btn-secondary.btn-outline { 1082 background: transparent; 1083 color: rgb(41, 41, 41); 1084 transition: all 250ms ease-in-out 0ms; 1085 } 1086 .btn-secondary.btn-outline:hover { 1087 background: rgba(41, 41, 41,0.1); 1088 color: rgb(41, 41, 41); 1089 } 1090 .panel-secondary { 1091 background-color: #dfdfdf; 1092 border-color: rgb(41, 41, 41); 1093 } 1094 .alert-secondary { 1095 background-color:rgb(41, 41, 41); 1096 border-color:rgb(41, 41, 41); 1097 color: rgb(255, 255, 255); 1098 } 1099 .alert-secondary-subtle, .label-secondary-subtle, .badge-secondary-subtle { 1100 background-color:rgba(41, 41, 41,0.8); 1101 border-color: rgba(41, 41, 41,0.5); 1102 color: rgb(255, 255, 255); 1103 } 1104 .btn-outline { 1105 -webkit-backdrop-filter: blur(5px); 1106 backdrop-filter: blur(5px); 1107 } 1108 .btn-body, .btn-body.disabled, .btn-body.disabled.active, .btn-body.disabled.focus, .btn-body.disabled:active, .btn-body.disabled:focus, .btn-body.disabled:hover, .btn-body[disabled], .btn-body[disabled].active, .btn-body[disabled].focus, .btn-body[disabled]:active, .btn-body[disabled]:focus, .btn-body[disabled]:hover, fieldset[disabled] .btn-body, fieldset[disabled] .btn-body.active, fieldset[disabled] .btn-body.focus, fieldset[disabled] .btn-body:active, fieldset[disabled] .btn-body:focus, fieldset[disabled] .btn-body:hover, .btn.dropdown-toggle.btn-body,.navbar-default .navbar-nav > li > a.btn-body, .navbar-default .navbar-nav > li > span.btn-body,.mobile-main-menu .sidebar-nav li a.btn-body, .mobile-main-menu .sidebar-nav li span.btn-body { 1109 background-color: rgb(255, 255, 255); 1110 border: 1px solid rgb(255, 255, 255); 1111 color: rgb(41, 41, 41); 1112 } 1113 .btn-body:hover, .btn-body:focus, .btn-body:active,.btn-body:active:focus, .btn-body:active:hover, .nav > li > a.btn-body:focus, .nav > li > a.btn-body:hover,.btn-body.active,.open > .dropdown-toggle.btn-body, .btn-body.active.focus, .btn-body.active:focus, .btn-body.active:hover, .btn-body:active.focus, .open>.dropdown-toggle.btn-body:hover, .open>.dropdown-toggle.btn-body:focus, .open>.dropdown-toggle.btn-body.focus,a.bg-body:focus,a.bg-body:hover, .panel-body .panel-heading, .btn.dropdown-toggle.btn-body:hover, .label-body[href]:focus, .label-body[href]:hover { 1114 background-color: rgba(255, 255, 255,0.95); 1115 border: 1px solid rgb(255, 255, 255); 1116 color: rgb(41, 41, 41); 1117 } 1118 .btn.btn-body.dropdown-toggle * { 1119 color: rgb(41, 41, 41) 1120 } 1121 .btn-body.dropdown-toggle + ul li, .daterangepicker .ranges { 1122 color: #333; 1123 } 1124 .bg-body { 1125 background: rgb(255, 255, 255); 1126 color: rgb(41, 41, 41); 1127 } 1128 .bg-content-box { 1129 background: rgb(250, 250, 250); 1130 color: rgb(41, 41, 41); 1131 } 1132 .bg-content-box-border { 1133 background: rgb(238, 238, 238); 1134 } 1135 .btn.dropdown-toggle.btn-secondary *, .btn-secondary a { 1136 color: rgb(255, 255, 255); 1137 } 1138 .text-secondary { 1139 color: rgb(41, 41, 41); 1140 } 1141 .text-body { 1142 color: rgb(255, 255, 255); 1143 } 1144 .feature-post #post-content .alert-secondary.btn-block, .feature-search .img_section .alert-secondary.btn-block, .search_result .img_section .alert-secondary { 1145 border-radius: 10px; 1146 background-color: rgb(255, 255, 255); 1147 } 1148 1149 /* Footer Newsletter Row */ 1150 .newsletter_row .alert { 1151 color: rgb(255, 255, 255); 1152 } 1153 .newsletter_row { 1154 background-color: rgb(42, 178, 123); 1155 color: rgb(255, 255, 255); 1156 } 1157 .newsletter_row input[type="submit"],.newsletter_footer_button { 1158 background-color: rgba(51, 122, 183,0.97); 1159 color: rgb(255, 255, 255); 1160 border-color: rgb(51, 122, 183); 1161 } 1162 .newsletter_row input[type="submit"]:hover,.newsletter_row input[type="submit"]:focus,.newsletter_footer_button:hover,.newsletter_footer_button:focus { 1163 background-color: rgb(51, 122, 183); 1164 color: rgb(255, 255, 255); 1165 } 1166 .newsletter_button_left { 1167 border-right: 1px solid rgba(255, 255, 255,0.2); 1168 } 1169 .newsletter_button_right { 1170 border-left: 1px solid rgba(255, 255, 255,0.2); 1171 } 1172 .newsletter_row small.help-block { 1173 background: rgb(255, 255, 255); 1174 margin-top: -5px; 1175 float: left; 1176 padding: 8px; 1177 border-radius: 1px; 1178 color: rgb(42, 178, 123); 1179 text-transform: capitalize; 1180 } 1181 .newsletter_row .has-success .checkbox,.newsletter_row .has-error .checkbox{ 1182 color: rgb(255, 255, 255); 1183 } 1184 @media only screen and (max-width: 767px) { 1185 .newsletter_button_right,.newsletter_button_left{ 1186 border: none; 1187 margin: 5px 0; 1188 } 1189 } 1190 1191 /* Font Sizes */ 1192 1193 .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > span { 1194 font-size: 15px; 1195 } 1196 .header .logo { 1197 font-size: 33px; 1198 } 1199 .homepage_title h1, .homepage_settings h1 { 1200 letter-spacing: -1px; 1201 font-size: 68px; 1202 margin-bottom: 20px; 1203 } 1204 @media only screen and (max-width: 768px) { 1205 .homepage_title h1, .homepage_settings h1 {margin-bottom: 15px;} 1206 } 1207 .homepage_settings h2 { 1208 font-size: 24px; 1209 } 1210 1211 .ui-rangeSlider-bar{ 1212 background: rgb(42, 178, 123)!important; 1213 } 1214 1215 1216 1217 @media only screen and (max-width: 1024px){ 1218 .modal {margin-top: 40px;} 1219 } 1220 @media only screen and (max-width: 768px){ 1221 .modal {margin-top: 60px;} 1222 } 1223 1224 /* Calendar Styles */ 1225 1226 #cal-slide-content { 1227 color: rgb(85, 85, 85)!important; 1228 background-color: rgb(238, 238, 238)!important; 1229 -webkit-box-shadow: none!important; 1230 box-shadow: none!important; 1231 } 1232 #cal-slide-content a.event-item { 1233 color: rgb(85, 85, 85)!important; 1234 font-weight:bold!important; 1235 } 1236 #cal-slide-content a.event-item small { 1237 display: inline-block; 1238 } 1239 .cal-month-box, .cal-year-box, .cal-week-box { 1240 border: 1px solid rgb(238, 238, 238)!important; 1241 } 1242 .cal-year-box .row-fluid, .cal-month-box .cal-row-fluid { 1243 border-bottom: 1px solid rgb(238, 238, 238)!important; 1244 } 1245 .cal-year-box [class*="span"], .cal-month-box [class*="cal-cell"] { 1246 border-right: 1px solid rgb(238, 238, 238)!important; 1247 } 1248 .cal-year-box .row-fluid, .cal-row-fluid, #cal-day-box .cal-day-hour:nth-child(odd) { 1249 background-color: rgb(255, 255, 255)!important; 1250 } 1251 .cal-month-day span:not(.pull-right):not(.events-count-label):not(.events-label) { 1252 color: rgb(85, 85, 85)!important; 1253 } 1254 .cal-day-today span[data-cal-date] { 1255 color: rgb(41, 41, 41)!important; 1256 } 1257 .cal-year-box .row-fluid [class*="span"]:last-child, .cal-month-box .cal-row-fluid [class*="cal-cell"]:last-child { 1258 border: 0!important; 1259 } 1260 .cal-row-head { 1261 background: rgb(250, 250, 250)!important; 1262 } 1263 .day-highlight:hover, .day-highlight { 1264 background-color: rgb(238, 238, 238)!important; 1265 } 1266 .cal-event-list .event.pull-left { 1267 background-color: rgb(41, 41, 41)!important; 1268 opacity: 0.4; 1269 margin-top: 7px!important; 1270 } 1271 .cal-day-today { 1272 background-color: rgb(238, 238, 238)!important; 1273 } 1274 #cal-day-tick { 1275 border: 1px solid rgb(238, 238, 238)!important; 1276 background-color: rgb(238, 238, 238)!important; 1277 } 1278 .cal-day-weekend span[data-cal-date]{
1279 color: rgb(41, 41, 41)!important; 1280 } 1281 .rsDefault, .rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder, .rsDefault .rsThumbs { 1282 border-radius: 10px; 1283 background: rgb(255, 255, 255)!important; 1284 } 1285 .img_section .no-radius-bottom + .alert-secondary .rsDefault .rsSlide, .img_section .no-radius-bottom + .alert-secondary .rsDefault .rsOverflow { 1286 border-radius:0; 1287 } 1288 1289 #first_container .favorite, #first_container .fa.favorite { 1290 color: rgb(85, 85, 85); 1291 background: rgb(238, 238, 238); 1292 border: 1px solid rgb(238, 238, 238); 1293 white-space:nowrap!important; 1294 height:24px; 1295 padding:0 6px; 1296 border-radius:8px; 1297 } 1298 #first_container .favorite span, #first_container .fa.favorite span { 1299 font-family: 'Inter'; 1300 white-space:nowrap!important; 1301 } 1302 #first_container .favoriteActive:not(.favorite.comments-count-badge), #first_container .fa.favoriteActive:not(.favorite.comments-count-badge .fa) { 1303 color: rgb(217, 83, 79); 1304 } 1305 #first_container .favorite::after, #first_container .fa.favorite::after { 1306 font-family: 'Inter'; 1307 margin-left: 3px; 1308 } 1309 #first_container .favorite span, #first_container .fa.favorite span{ 1310 padding-left: 4px; 1311 font-family: 'Inter'; 1312 font-size: 11px; 1313 letter-spacing:.5px; 1314 top:-1px; 1315 position:relative; 1316 font-weight:700; 1317 } 1318 #first_container .favorite span:empty, #first_container .fa.favorite span:empty { 1319 padding: 0; 1320 } 1321 #first_container .favorite .bookmark-number, #first_container .fa.favorite .bookmark-number { 1322 padding: 1px 0; 1323 border-radius: 100px; 1324 display: inline-block; 1325 font-weight: bold; 1326 min-width: 15px; 1327 font-size: .8em; 1328 vertical-align: bottom; 1329 height: 15px; 1330 line-height: 13px; 1331 margin-left: 3px; 1332 text-align: center; 1333 } 1334 #first_container .favorite.favoriteActive .bookmark-number:not(.comments-count-badge .bookmark-number), #first_container .fa.favorite.favoriteActive .bookmark-number { 1335 background: rgb(217, 83, 79); 1336 color: #fff; 1337 } 1338 1339 span.checkbox_value::after { 1340 content: ', '; 1341 } 1342 1343 span.checkbox_value:last-child::after { 1344 content: ''; 1345 } 1346 #first_container .member-profile-tabs .profile-tabs-nav { 1347 overflow-x: auto; 1348 overflow-y: hidden; 1349 display: flex; 1350 flex-direction: row 1351 } 1352 1353 #first_container .member-profile-tabs .profile-tabs-nav > li * { 1354 white-space: nowrap !important 1355 } 1356 1357 .member-profile-tabs .profile-tabs-nav::-webkit-scrollbar { 1358 display: none 1359 } 1360 1361 .member-profile-tabs .profile-tabs-nav { 1362 scrollbar-width: none 1363 } 1364 1365 .member-profile-tabs .tabs-container { 1366 display: flex; 1367 align-items: center; 1368 border-radius:8px 8px 0 0; 1369 } 1370 .member-profile-tabs .tabs-container > ul { 1371 border: none; 1372 } 1373 .member-profile-tabs .scroll-arrow { 1374 display: none; 1375 cursor: pointer; 1376 z-index: 2; 1377 padding: 0 15px; 1378 background-color: rgb(238, 238, 238); 1379 color: rgb(85, 85, 85); 1380 height: 41px; 1381 line-height: 42px; 1382 margin-top: 2px; 1383 margin-left: 5px; 1384 border-radius:4px; 1385 } 1386 1387 .member-profile-tabs .scroll-arrow.left-arrow { 1388 margin-right: -6px; 1389 } 1390 1391 .member-profile-tabs .scroll-arrow.right-arrow { 1392 margin-left: -10px; 1393 margin-right: 5px; 1394 } 1395 1396 .member_results .grid_element{ 1397 position:relative; 1398 overflow:hidden; 1399 display: inline-block; 1400 width:100%; 1401} 1402.member_results .grid_element::before { 1403 position: absolute; 1404 top: 24px; 1405 text-align: center; 1406 width: 200px; 1407 left: -62px; 1408 transform: rotate(-45deg); 1409 -webkit-transform: rotate(-45deg); 1410 z-index: 1; 1411 line-height: 1.2em; 1412 padding: 6px 0; 1413 font-weight: bold; 1414 letter-spacing: 1px; 1415} 1416@media only screen and (max-width: 767px) { 1417 .member_results .grid-container > hr { 1418 border-color: transparent; 1419 } 1420 .member_results .grid_element{ 1421 overflow:visible; 1422 } 1423 .member_results .grid_element::before { 1424 top: -19px!important; 1425 transform: rotate(0deg); 1426 -webkit-transform: rotate(0deg); 1427 font-size: 10px !important; 1428 letter-spacing: 0; 1429 width: auto; 1430 padding: 3px 6px; 1431 } 1432} 1433 1434 1435 1436 .member_results .grid-container { 1437 margin-top: 30px; 1438 } 1439 .member_results .grid-container > hr { 1440 border-color: transparent; 1441 background: transparent; 1442 } 1443 .member_results.level_2 .grid_element{ 1444 overflow:visible; 1445 } 1446 .member_results.level_2 .grid_element::before { 1447 top: calc(-10px - 12px); 1448 transform: rotate(0deg); 1449 -webkit-transform: rotate(0deg); 1450 letter-spacing: 0; 1451 width: auto; 1452 padding: 3px 8px; 1453 left: calc(-2px + 0.5px); 1454 } 1455 1456 .member_results.level_11 .grid_element { 1457 border-style: solid; 1458 border-radius:4px;border-width:7px;
1458border-color:rgb(8, 0, 1); } 1459 .member_results.level_11 .grid_element::before { 1460 border-bottom-left-radius:0!important; 1461 border-radius:4px;color:rgb(229, 238, 74);background-color:rgb(8, 0, 1);font-size:13px;content:'Most Trusted'; 1462 } 1463 .member_results.level_11 .grid_element { 1464 padding:10px; 1465 } 1466 @media only screen and (max-width: 767px) { 1467 .member_results.level_11 .grid_element::before { 1468 left:-7px;}} 1469 .member_results.level_15 .grid_element { 1470 border-style: solid; 1471 border-radius:3px;border-width:10px;border-color:rgb(197, 239, 206); } 1472 .member_results.level_15 .grid_element::before { 1473 border-bottom-left-radius:0!important; 1474 border-radius:3px;color:rgb(3, 0, 0);background-color:rgb(197, 239, 206);font-size:13px;content:'Most Trusted'; 1475 } 1476 .member_results.level_15 .grid_element { 1477 padding:10px; 1478 } 1479 @media only screen and (max-width: 767px) { 1480 .member_results.level_15 .grid_element::before { 1481 left:-10px;}} 1482 .member_results .grid-container { 1483 margin-top: 30px; 1484 } 1485 .member_results .grid-container > hr { 1486 border-color: transparent; 1487 background: transparent; 1488 } 1489 .member_results.level_15 .grid_element{ 1490 overflow:visible; 1491 } 1492 .member_results.level_15 .grid_element::before { 1493 top: calc(-10px - 13px); 1494 transform: rotate(0deg); 1495 -webkit-transform: rotate(0deg); 1496 letter-spacing: 0; 1497 width: auto; 1498 padding: 3px 8px; 1499 left: calc(-10px + 0.5px); 1500 } 1501 1502 .member_results.level_17 .grid_element { 1503 border-style: solid; 1504 border-radius:0px;border-width:3px;border-color:rgb(195, 182, 177); } 1505 .member_results.level_17 .grid_element::before { 1506 border-bottom-left-radius:0!important; 1507 border-radius:0px;color:rgb(0, 0, 0);background-color:rgb(195, 182, 177);font-size:14px;content:'Trusted'; 1508 } 1509 .member_results.level_17 .grid_element { 1510 padding:10px; 1511 } 1512 @media only screen and (max-width: 767px) { 1513 .member_results.level_17 .grid_element::before { 1514 left:-3px;}} 1515 .member_results .grid-container { 1516 margin-top: 30px; 1517 } 1518 .member_results .grid-container > hr { 1519 border-color: transparent; 1520 background: transparent; 1521 } 1522 .member_results.level_17 .grid_element{ 1523 overflow:visible; 1524 } 1525 .member_results.level_17 .grid_element::before { 1526 top: calc(-10px - 14px); 1527 transform: rotate(0deg); 1528 -webkit-transform: rotate(0deg); 1529 letter-spacing: 0; 1530 width: auto; 1531 padding: 3px 8px; 1532 left: calc(-3px + 0.5px); 1533 } 1534 1535 .member_results.level_21 .grid_element { 1536 border-style: solid; 1537 border-radius:3px;border-width:10px;border-color:rgb(197, 239, 206); } 1538 .member_results.level_21 .grid_element::before { 1539 border-bottom-left-radius:0!important; 1540 border-radius:3px;color:rgb(3, 0, 0);background-color:rgb(197, 239, 206);font-size:13px;content:'Most Trusted'; 1541 } 1542 .member_results.level_21 .grid_element { 1543 padding:10px; 1544 } 1545 @media only screen and (max-width: 767px) { 1546 .member_results.level_21 .grid_element::before { 1547 left:-10px;}} 1548 .member_results .grid-container { 1549 margin-top: 30px; 1550 } 1551 .member_results .grid-container > hr { 1552 border-color: transparent; 1553 background: transparent; 1554 } 1555 .member_results.level_21 .grid_element{ 1556 overflow:visible; 1557 } 1558 .member_results.level_21 .grid_element::before { 1559 top: calc(-10px - 13px); 1560 transform: rotate(0deg); 1561 -webkit-transform: rotate(0deg); 1562 letter-spacing: 0; 1563 width: auto; 1564 padding: 3px 8px; 1565 left: calc(-10px + 0.5px); 1566 } 1567 .member-profile-tabs ul li a small { 1568 display: none; 1569 } 1570 .popover .popover-content img,.member_results .info_window img,.member_results .search_result_image, .featured-member-image img, .recent-member-image img, .member-review-image img, .member-profile-header > div:not(.member-badges) img, .review_photo, .contact-image, .member_result > div > div img, .member_sidebar .member_admin_sidemenu .img-thumbnail, .current-photo-container img, .current-logo-container img, .author-snapsh
1570ot .search_result_image, .saved-member { 1571 border-radius: 1000px!important; 1572 } 1573 1574 1575 1576 /* Homepage Sections Background Color Logic */ 1577 1578 1579 .homepage-section-1 { 1580 padding: 30px 0 50px; 1581 } 1582 1583 1584 .homepage-section-1 { 1585 background: rgb(238, 238, 238); 1586 } 1587 1588 1589 .homepage-section-2 { 1590 padding: 50px 0 30px; 1591 } 1592 1593 1594 .homepage-section-3 { 1595 padding: 30px 0 30px; 1596 } 1597 1598 1599 .homepage-section-3 { 1600 background: rgb(241, 249, 255); 1601 } 1602 1603 1604 .homepage-section-4 { 1605 padding: 40px 0 40px; 1606 } 1607 1608 1609 .homepage-section-5 { 1610 padding: 40px 0 40px; 1611 } 1612 1613 1614 .homepage-section-6 { 1615 padding: 40px 0 40px; 1616 } 1617 1618 1619 .homepage-section-7 { 1620 padding: 40px 0 40px; 1621 } 1622 1623 1624 .homepage-section-8 { 1625 padding: 40px 0 40px; 1626 } 1627 1628 1629 .homepage-section-9 { 1630 padding: 40px 0 40px; 1631 } 1632 1633 1634 .homepage-section-10 { 1635 padding: 40px 0 40px; 1636 } 1637 1638 1639 .homepage-section-11 { 1640 padding: 40px 0 40px; 1641 } 1642 1643 1644 .homepage-section-12 { 1645 padding: 40px 0 40px; 1646 } 1647 1648 1649 .homepage-section-13 { 1650 padding: 40px 0 40px; 1651 } 1652 1653 1654 .homepage-section-14 { 1655 padding: 40px 0 40px; 1656 } 1657 1658 1659 .homepage-section-15 { 1660 padding: 40px 0 40px; 1661 } 1662 1663 1664 /* Additional Settings */ 1665 1666 1667 /* Streaming Widgets Title Settings */ 1668 1669 .streaming-title { 1670 text-align: center; 1671 font-size: 58px; 1672 line-height:1.5em; 1673 font-weight: 300; 1674 font-family: 'Roboto'; 1675 padding-bottom: 40px; 1676 } 1677 1678 @media only screen and (max-width: 990px) { 1679 .streaming-title { 1680 line-height:1.1em; 1681 } 1682 } 1683 1684 .streaming-title + hr { 1685 display: none; 1686 } 1687 1688 .homepage-join-module .module h2:first-of-type { 1689 color: rgb(62, 62, 62); 1690 } 1691 1692 .homepage-join-module .module{ 1693 background: rgb(250, 250, 250); 1694 border-color: rgb(238, 238, 238); 1695 } 1696 1697 .homepage-about-module .module h2:first-of-type { 1698 color: rgb(62, 62, 62); 1699 } 1700 1701 .homepage-about-module .module{ 1702 background: rgb(250, 250, 250); 1703 border-color: rgb(238, 238, 238); 1704 1705 } 1706 1707 .the-post-description > :is(h2, h3, h4, h5):not(:first-child) { 1708 font-weight: 600; 1709 margin-top: 20px; 1710 } 1711 1712 /* Keep: Ensure ul/ol respect padding and margins */ 1713 .the-post-description > :is(ul, ol) { 1714 display: flow-root; 1715 } 1716 .the-post-description li { 1717 margin-bottom: 8px; 1718 } 1719 1720 1721 .write_comment_container, .tab-content, .well:not(.well .well):not(.module .well):not(.tab-content .well):not(.well.make-connection):not(.slick-slide .well), .module:not(.module .module):not(.well .module):not(.tab-content .module):not(.search_box .module):not(.posted-by-snippet), .panel, .pic:not(.slick-slide .pic), .member_accounts > .account-form-box { 1722 box-shadow: 0 8px 8px -4px #0000001a,0 4px 4px -4px #0000001a; 1723 } 1724 1725 .img-circle, .img-rounded.img-circle, .img-circle img, .img-rounded.img-circle img, img.fr-dib.img-circle, img.fr-dib.img-rounded.img-circle { 1726 border-radius:1000px!important; 1727 } 1728 1729 .img-rounded img, img.fr-dib.img-rounded{ 1730 border-radius: 10px!important; 1731 } 1732 1733 /* Google Translate Module */ 1734 .skiptranslate{font-size:0} 1735 .goog-te-gadget-simple{border:1px solid #ccc;border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;color:#555} 1736 .skiptranslate.goog-te-gadget span,img.goog-te-gadget-icon{display:none!important} 1737 .goog-te-gadget .goog-te-combo{margin-bottom:-4px} 1738 .skiptranslate.goog-te-gadget select{border:1px solid #ddd;border-radius:3px;font-size:12px;padding:2px 4px;width:100%;background:#fff;margin:0;height:30px;line-height:30px;display:block;color:#555;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)} 1739 @media only screen and (max-width: 1100px) { 1740 .skiptranslate:not(.skiptranslate[style="display: none;"]){height:39px} 1741 .skiptranslate:not(.skiptranslate[style="display: none;"]) ~ .header{margin-top:10px!important} 1742 .skiptranslate:not(.skiptranslate[style="display: none;"]) ~ .announcement-bar{margin-top:10px} 1743 .skiptranslate:not(.skiptranslate[style="display: none;"]) ~ .announcement-bar ~ .header{margin-top:0!important} 1744 .skiptranslate:not(.skiptranslate[style="display: none;"]) ~ .header .mobile-main-menu{top:89px!important;height:calc(100% - 90px)!important} 1745 .skiptranslate:not(.skiptranslate[style="display: none;"]) ~ .header .navbar{top:39px} 1746 .skiptranslate:not(.skiptranslate[style="display: none;"]) ~ #first_container .member_sidebar.open{top: 89px;} 1747 } 1748 @media only screen and (max-width: 767px) { 1749 .skiptranslate:not(.skiptranslate[style="display: none;"]) ~ .announcement-bar.hidden-xs ~ .header{margin-top:10px!important} 1750 } 1751 1752 1753 1754</style> 1755 1756 <!-- ON-PAGE CSS FUNCTIONS --> 1757 <style type="text/css"> 1758 <!-- Meta Pixel Code -->
1759<script>
vendor: 408 bytes, lines 1759-1768
1759 1760!function(f,b,e,v,n,t,s) 1761{if(f.fbq)return;n=f.fbq=function(){n.callMethod? 1762n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 1763if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 1764n.queue=[];t=b.createElement(e);t.async=!0; 1765t.src=v;s=b.getElementsByTagName(e)[0]; 1766s.parentNode.insertBefore(t,s)}(window, document,'script', 1767'https://connect.facebook.net/en_US/fbevents.js'); 1768fbq('init', '
17682251960508333791
vendor: 32 bytes, lines 1768-1769
1768'); 1769fbq('track', 'PageView');
1770</script>
1770 1771<noscript><img height="1" width="1" style="display:none" 1772src="https://www.facebook.com/tr?id=2251960508333791&ev=PageView&noscript=1" 1773/></noscript> 1774<!-- End Meta Pixel Code --> 1775.footer { 1776 background: #232323; 1777 padding: 40px 0 0; 1778} 1779.slick-prev-fa { 1780 left: 0; z-index: 1; 1781} 1782.slick-next-fa { 1783 right: 0; z-index: 1; 1784} 1785.member-profile-header 1786{ 1787 padding: 0 11px; 1788} 1789img.swal2-image { 1790 display: none !important; 1791} 1792#first_container 1793{ 1794 overflow: hidden; 1795} 1796.slick-track 1797{ 1798 transform: translate3d(-263px, 0px, 0px); 1799} 1800.input_wrapper, .input_wrapper input.form-control { 1801 width: 100% !important; 1802 margin-bottom: 0px !important; 1803} 1804@media(max-width:1000px){ 1805 .search_result_image.img-rounded.center-block 1806{ 1807 margin-top:0px; 1808} 1809} </style> 1810 <div class="header"> 1811 <div class="container"> 1812 <div class="row header-main-row"> 1813 <style type='text/css'> .logo-text:has(.logo_title:empty) { 1814 display:none 1815} </style><div id="website_logo" class="col-md-5 xs-nopad xs-hpad sm-text-center xs-bmargin header-left-container"> 1816 <a class="logo logo-image inline-block vpad sm-nopad sm-tmargin" href="https://www.atozhealthguide.com" title="A to Z health Guide"> 1817 <img width="429" height="120" src="/images/healthguideatoz4.png" alt="A to Z health Guide"> 1818 </a> 1819 <div class="clearfix"></div> 1820</div> 1821 <style type='text/css'> body input.tt-hint,body input.form-control.normal-autosuggest-input.tt-query { 1822 background-color: white !important; 1823} 1824.mini-nav:not(:has(li)) { 1825 display: none!important; 1826} 1827/* Parent Container - Main List */ 1828.mini-nav li:has(ul) { 1829 position: relative; 1830 border-radius: 8px 8px 0 0; 1831} 1832.mini-nav > li:has(ul) { 1833 padding-left: 0; 1834 padding-right: 0; 1835 background: rgb(255, 255, 255); 1836} 1837.mini-nav > li:has(ul) > a:not(.btn), .mini-nav > li:has(ul) > span { 1838 padding: 10px 15px; 1839 margin: 0!important; 1840} 1841.mini-nav > li:hover:has(ul), .mini-nav > li:hover:has(ul) { 1842 box-shadow: 0 -1px 3px rgba(41, 41, 41,0.25); 1843} 1844/* Parent Links */ 1845.mini-nav > li > a:not(.btn), .mini-nav > li > span:not(.btn) { 1846 display:inline-block; 1847 border-radius: 8px 8px 0 0; 1848} 1849.mini-nav > li:hover > a:not(.btn), .mini-nav > li:hover > span { 1850 background: rgb(255, 255, 255); 1851 display: inline-block; 1852 position: relative; 1853 z-index: 1000; 1854} 1855/* First Level Dropdowns */ 1856.mini-nav li ul { 1857 background: rgb(255, 255, 255); 1858 box-shadow: 0 0px 3px rgba(41, 41, 41,0.25), 0 5px 5px 5px rgba(41, 41, 41,0.05); 1859 text-align: left; 1860 display: none; 1861 border-radius: 0 8px 8px 8px; 1862 list-style: none; 1863 padding: 10px; 1864 position: absolute; 1865 white-space: nowrap; 1866 min-width: 130%; 1867 width: auto; 1868 top: 100%; 1869 left: 0; 1870 z-index: 999; 1871 margin-top: -1px; 1872} 1873.mini-nav li:hover > ul { 1874 display: block; 1875} 1876/* First Level Dropdown Items */ 1877.mini-nav li ul li { 1878 position: relative; 1879 display: block; 1880 width: 100%; 1881} 1882.mini-nav li ul li a, .mini-nav li ul li span { 1883 font-size: 12.95px !important; 1884 display: block; 1885 font-weight: 400; 1886 padding: 8px 12px; 1887 border-radius: 8px; 1888 text-decoration: none; 1889 width: 100%; 1890} 1891.mini-nav li ul li a:hover, .mini-nav li ul li span:hover { 1892 box-shadow: 0 0 0 25px rgba(41, 41, 41,0.05) inset; 1893} 1894/* Second Level Dropdowns */ 1895.mini-nav li ul li ul { 1896 display: none; 1897 position: absolute; 1898 top: 0; 1899 left: 100%; 1900 margin: 0; 1901 border-radius: 8px; 1902} 1903.mini-nav li ul li:hover > ul { 1904 display: block; 1905} 1906/* Edge Positioning - Last Child Dropdowns */ 1907.mini-nav > li:last-child ul { 1908 right: 0; 1909 left: auto; 1910 border-radius: 8px 0 8px 8px; 1911} 1912.mini-nav > li:last-child ul li ul { 1913 right: 100%; 1914 left: auto; 1915} 1916/* Flex Spacing Utility */ 1917.mini-nav.mini-nav-flex-spaced { 1918 display: flex; 1919 justify-content: space-between; 1920 align-items: center; 1921 flex-wrap: wrap; 1922 row-gap: 0;
1923} 1924.mini-nav.mini-nav-flex-spaced > li { 1925 flex: none; 1926 padding: 0; 1927 margin: 2px 0; 1928 order: 2; 1929} 1930.mini-nav.mini-nav-flex-spaced > li.header-member-account-links, 1931.mini-nav:has(li ul) > li.header-member-account-links { 1932 order: 1; 1933 margin-left: auto; 1934 width: 100%; 1935 margin-bottom: 10px; 1936} 1937.logged-in-member-header .mini-nav.mini-nav-flex-spaced.list-inline > li { 1938 line-height: 1em; 1939 min-height: 0; 1940} 1941@media (min-width: 992px) { 1942 .header-main-row { 1943 display: flex; 1944 align-items: center; 1945 flex-wrap: wrap; 1946 } 1947} 1948@media (max-width: 991px) { 1949 .mini-nav.mini-nav-flex-spaced { 1950 justify-content: center; 1951 } 1952 .mini-nav.mini-nav-flex-spaced > li { 1953 margin-left: 5px !important; 1954 margin-right: 5px !important; 1955 } 1956} </style><div class="col-md-7 text-right sm-text-center header-right-container nolpad xs-hpad"> 1957 <ul class="mini-nav nobmargin list-inline xs-nopad xs-tmargin tpad"> 1958 <li class='bmargin xs-nomargin'><span id='link368' class='bmargin'> 4168947217</span></li><li class='bmargin xs-nomargin'><a href='/login' id='link370' class='rpad bmargin'>A to Z health Vendor's Login</a></li><li class='bmargin norpad xs-nopad xs-vmargin'><a href='/join' id='link371' class='btn btn_get_listed bold'>Natural Healths - Get Listed Today</a></li> </ul> 1959 <div class="clearfix"></div> 1960 <form action="/search_results" name="frm1" class="form-inline website-search"> 1961 <div class="input-group input-group-sm bmargin sm-autosuggest"> 1962 <span class="input-group-addon"><i class="fa fa-search"></i></span> 1963 <input type="text" 1964 placeholder="Name or Keyword" value="" name="q" 1965 class="member_search form-control input-sm" autocomplete="off"> 1966 </div> 1967 <div class="input-group input-group-sm bmargin"> 1968 <span class="input-group-addon"><i class="fa fa-location-arrow"></i></span> 1969 <input type="text" autocomplete="off" placeholder="City or Post Code" 1970 value="" id="location_google_maps_header" name="location_value" 1971 class="googleSuggest googleLocation form-control"> 1972 </div> 1973 <input type="submit" value="Search" class="btn btn-sm btn_search bmargin xs-btn-block bold"> 1974 </form> 1975 </div> 1976 </div> 1977 </div> 1978 <style type='text/css'> .mobile-main-menu .hasChildren span a { 1979 padding: 0px; 1980} 1981 1982.user_sidebar > img { 1983 width: 32px; 1984 height: 32px; 1985 position: absolute; 1986 z-index: 10; 1987 border-radius: 100px; 1988 top: -1px; 1989 object-fit: cover; 1990 left: -10px; 1991 background: rgb(238, 238, 238); 1992} 1993#member_sidebar_toggle img+.fa { 1994 display: none; 1995} 1996.main_menu, .user_sidebar, .compact-mobile-search { 1997 padding: 5px 8px; 1998 margin-right:0; 1999 min-height: 33.0333px; 2000 min-width: 38.116px; 2001} 2002.main_menu i, .user_sidebar i { 2003 font-size: 16px; 2004} 2005.navbar-nav li { 2006 float: none!Important; 2007} 2008.navbar-default{ 2009 -webkit-transition: all .6s ease-in-out; 2010 -moz-transition: all .6s ease-in-out; 2011 -o-transition: all .6s ease-in-out; 2012 transition: all .6s ease-in-out; 2013} 2014.transparent_menu { 2015 background-color: rgba(238, 238, 238,0.95)!important; 2016} 2017@media only screen and (max-width: 991px) { 2018 #popover {display: none} 2019} 2020@media only screen and (max-width: 1100px){ 2021 .mobile-main-menu{display:block!important} 2022 .navbar-toggle {display: block} 2023 #bs-main_menu .nav {display: none!important} 2024} 2025.mobile-main-menu { 2026 position: fixed; 2027 height: calc(100% - 50px)!important; 2028 width: 250px; 2029 background: rgb(238, 238, 238); 2030 z-index: 99999; 2031 right: -250px; 2032 top: 50px; 2033 display: none; 2034 -webkit-transition: all .6s ease-in-out; 2035 -moz-transition: all .6s ease-in-out; 2036 -o-transition: all .6s ease-in-out; 2037 transition: all .6s ease-in-out; 2038 overflow-y: auto!important; 2039 overflow-x: hidden!important; 2040} 2041.mobile-main-menu ul li i { 2042 color: rgb(102, 102, 102); 2043 cursor: pointer; 2044 float: right; 2045 padding: 13px; 2046} 2047.mobile-main-menu.opened{ 2048 right: 0px!important; 2049} 2050.mobile-main-menu ul li a, .mobile-main-menu ul li span { 2051 display: inline-block; 2052 float: left; 2053 -webkit-touch-callout: none; 2054 -webkit-user-select: none; 2055 -khtml-user-select: none; 2056 -moz-user-select: none; 2057 -ms-user-select: none; 2058 user-select: none; 2059 padding: 10px 0px; 2060 width: 80%; 2061 width: calc(100% - 40px); 2062} 2063.mobile-main-menu .sidebar-nav li ul { 2064 height: 0px; 2065 overflow: hidden; 2066 list-style: none; 2067 color: rgb(102, 102, 102); 2068 padding-left: 10px; 2069} 2070.mobile-main-menu .sidebar-nav li.sub_open > ul{ 2071 height: 100%; 2072} 2073.mobile-main-menu ul.sidebar-nav { 2074 position: absolute; 2075 width: 250px; 2076 margin: 0; 2077 padding: 0; 2078 list-style: none; 2079 font-size: 14px; 2080} 2081.mobile-main-menu .sidebar-nav > li { 2082 display: block; 2083 line-height: 20px; 2084 padding: 0 15px 0 20px; 2085} 2086.mobile-main-menu .sidebar-nav li a, .mobile-main-menu .sidebar-nav li span { 2087 text-decoration: none; 2088 color: rgb(102, 102, 102); 2089 padding-left:10px; 2090} 2091.mobile-main-menu .sidebar-nav li a i, .mobile-main-menu .sidebar-nav li span i { 2092 display: none; 2093} 2094 2095 </style><div class="mobile-main-menu"> 2096 <ul class="sidebar-nav"> 2097 <li class=''><a href='/home' id='link320'>Home</a><ul><li class=''><a href='/about' id='link322'>How It Works</a></li></ul></li><li class=''><a href='/join' id='link400'>Join</a><ul><li class=''><a href='/join' id='link324'>Join Today</a></li><li class=''><a href='/whyjoin' id='link401'>Why Join</a></li></ul></li><li class=''><a href='/search_results' id='link321'>Companies</a><ul><li class=''><a href='/search_results' id='link340'>All Companies</a></li><li class=''><a href='/categories' id='link338'>By categories</a></li><li class=''><a href='/Locations' id='link339'>By Locations</a></li></ul></li><li class=''><span id='link326'> Videos</span><ul><li class=''><a href='/admin-videos' id='link431'>Health videos</a></li><li class=''><a href='/canada/whitby/professional-services/maxqsoft-84?post_id=323' id='link432'>Profile Video</a></li></ul></li><li class=''><span id='link329'> Articles</span><ul><li class=''><a href='/blog' id='link323'>Blogs</a></li></ul></li><li class=''><span id='link325'> Media</span><ul><li class=''><a href='/audio' id='link327'>Audio</a></li><li class=''><a href='/Photo-albums' id='link328'>Photos</a></li></ul></li><li class=''><span id='link331'> Links</span></li> </ul> 2098</div> 2099<nav class="navbar navbar-default "> 2100 <div class="container container-fluid"> 2101 2102 <div class="navbar-header"> 2103 <button type="button" class="navbar-toggle collapsed main_menu" data-toggle="collapse" aria-label="main_menu"> 2104 <i class="fa fa-bars fa-fw"></i> 2105 </button> 2106 2107 2108 2109 </div> 2110 2111 2112 <div class="tablet-menu collapse navbar-collapse nopad" id="bs-main_menu"> 2113 <ul class="tablet-menu-ul nav navbar-nav nav-justified"> 2114 <li class=''><a href='/home' id='link320'>Home</a><ul><li class=''><a href='/about' id='link322'>How It Works</a></li></ul></li><li class=''><a href='/join' id='link400'>Join</a><ul><li class=''><a href='/join' id='link324'>Join Today</a></li><li class=''><a href='/whyjoin' id='link401'>Why Join</a></li></ul></li><li class=''><a href='/search_results' id='link321'>Companies</a><ul><li class=''><a href='/search_results' id='link340'>All Companies</a></li><li class=''><a href='/categories' id='link338'>By categories</a></li><li class=''><a href='/Locations' id='link339'>By Locations</a></li></ul></li><li class=''><span id='link326'> Videos</span><ul><li class=''><a href='/admin-videos' id='link431'>Health videos</a></li><li class=''><a href='/canada/whitby/professional-services/maxqsoft-84?post_id=323' id='link432'>Profile Video</a></li></ul></li><li class=''><span id='link329'> Articles</span><ul><li class=''><a href='/blog' id='link323'>Blogs</a></li></ul></li><li class=''><span id='link325'> Media</span><ul><li class=''><a href='/audio' id='link327'>Audio</a></li><li class=''><a href='/Photo-albums' id='link328'>Photos</a></li></ul></li><li class=''><span id='link331'> Links</span></li> </ul> 2115 </div> 2116 </div> 2117</nav> 2118<!--CSS IF MENU IS FIXED TOP--> 2119 2120</div> 2121<div class="clearfix"></div> 2122<!-- Begin Content --> 2123<div id="first_container" class="content-container fr-view"> 2124 2125 2126 2127 <div class="container"> 2128 <div class="clearfix body-content"></div> 2129 <style type="text/css"> 2130 .search_results_royalSlider .rsMainSlideImage { 2131 width: 100%!important; 2132 height: 100%!important; 2133 margin-top:0!important; 2134 object-fit: cover; /* Ensures the image covers the container without stretching */ 2135 object-position: center; /* Centers the image within the container */ 2136 } 2137 @media only screen and (max-width: 768px) { 2138 .content_w_sidebar .cal-month-box .pull-right { 2139 float: none !important; 2140 } 2141 .grid_element .img_section { 2142 flex: 0 0 100%; 2143 width: 100%; 2144 } 2145 } 2146 </style> 2147<div class="row content_w_sidebar feature-search feature-blog"> 2148 <div class="col-lg-12"> 2149<div class="post-search-result-count-container"> 2150 <div class="col-sm-4 nopad xs-hpad bmargin post-search-result-count"> 2151 Showing 1 - <span class="current__amount__js">6</span> of 2152 2153 <span class="total__js">6</span> Results 2154 </div> 2155 <div class="col-sm-8 nopad text-right bmargin post-search-result-sorting">
2156 <div class="form-inline"> 2157 </div> 2158 <div class="clearfix"></div> 2159 </div> 2160 <div class="clearfix"></div> 2161</div> 2162<div class="clearfix"></div> 2163 <div class="col-xs-12 col-sm-11 col-md-10 nopad xs-hpad pull-left feature_results_header"> 2164 <h1 class="nopad nomargin bold"> 2165 Website Blog </h1> 2166 <div class="clearfix"></div> 2167 </div> 2168 <div itemscope itemtype="https://schema.org/CollectionPage" itemid="https://www.atozhealthguide.com/blog#entity"> 2169 <meta itemprop="name" content="Website Blog"> 2170 <meta itemprop="headline" content="Website Blog"> 2171 <meta itemprop="description" content="Find the best Natural Health And Fitness Website Blog Articles now. Discover the latest Website Blog Articles posted by Natural Healths near you."> 2172 <meta itemprop="about" content="Website Blog"> 2173 <meta itemprop="keywords" content="Website Blog, A to Z health Guide, Website Blog Article"> 2174 <meta itemprop="inLanguage" content="en-US"> 2175 <link itemprop="url" href="https://www.atozhealthguide.com/blog"> 2176 <meta itemprop="mainEntityOfPage" content="https://www.atozhealthguide.com/blog"> 2177 <meta itemprop="copyrightYear" content="2026"> 2178 <link itemprop="copyrightHolder" href="https://www.atozhealthguide.com/#organization"> 2179 <link itemprop="isPartOf" href="https://www.atozhealthguide.com/#website"> 2180 <link itemprop="publisher" href="https://www.atozhealthguide.com/#organization"> 2181 <div itemprop="mainEntity" itemscope itemtype="https://schema.org/ItemList" itemid="https://www.atozhealthguide.com/blog#itemlist"> 2182 <meta itemprop="name" content="Website Blog">
2183 <link itemprop="url" href="https://www.atozhealthguide.com/blog"> 2184 <meta itemprop="description" content="Find the best Natural Health And Fitness Website Blog Articles now. Discover the latest Website Blog Articles posted by Natural Healths near you."> 2185 <meta itemprop="mainEntityOfPage" content="https://www.atozhealthguide.com/blog"> 2186 <meta itemprop="itemListOrder" content="http://schema.org/ItemListOrderAscending"> 2187 <meta itemprop="numberOfItems" content="6"> 2188 <style type='text/css'> .gridBreak { 2189 display:block!important; 2190 border: 0; 2191 margin: 0; 2192 } 2193 2194.search_result.grid { 2195 display: grid; 2196} 2197.views > i { 2198 font-size: 18px; 2199 margin-left: 5px; 2200 border-radius: 4px; 2201 cursor: pointer; 2202 width: 30px; 2203 height: 30px; 2204 line-height: 30px; 2205 display: inline-flex; 2206 align-items: center; 2207 justify-content: center; 2208 text-align: center; 2209 vertical-align: top; 2210 transition: all 100ms linear 0ms; 2211} 2212a.gridA { 2213 font-size: 18px; 2214 text-align: center; 2215 margin: 10px 0; 2216 display: block; 2217} 2218.grid .favorite::after, .grid p + .clearfix.fpad-sm, .grid .clearfix.fpad-sm + .clearfix.fpad-sm, .map_container, .views .mapView, .grid .member-search-full-name::after { 2219 display:none; 2220} 2221.visible-lg { 2222 word-wrap: break-word; 2223} 2224.grid .post-location-snippet b + span { 2225 display: block; 2226} 2227@media only screen and (max-width: 767px) { 2228 .member_results .sort-members-select, .member_results .overall_rating_filter { 2229 float: left; 2230 width: 150px; 2231 } 2232} </style> <div class='views pull-right '> 2233 <i class='fa fa-th-list activeView listView'></i> 2234 <i class='fa fa-th js-click gridView hidden-xs'></i> 2235 <i class="fa fa-map-marker mapView"></i> 2236 </div> 2237 2238
2239<script> 2240 2241 document.addEventListener("DOMContentLoaded", function() { 2242 // Remove 'activeView' from the list view icon 2243 var listViewIcon = document.querySelector('.listView'); 2244 if (listViewIcon) { 2245 listViewIcon.classList.remove('activeView'); 2246 } 2247 2248 // Get the grid view icon and add 'activeView' 2249 var gridViewIcon = document.querySelector('.gridView'); 2250 if (gridViewIcon) { 2251 gridViewIcon.classList.add('activeView'); 2252 // Simulate a click on the grid view icon 2253 gridViewIcon.click(); 2254 } 2255 }); 2256 2257</script>
2257 2258 2259<!-----------Top header slider line---------------> 2260<div class="row"> 2261 <div class="custom-header col-xs-12 col-sm-12 col-md-12"> 2262 <div class="custom-header-news"> 2263 <div class="custom-header-badge"> 2264 <span><svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"> 2265 <path d="M7.24384 1.343L3.29266 6.98988C3.18703 7.14019 3.27438 7.31244 3.45313 7.31244H5.07812C5.22031 7.31244 5.28125 7.36931 5.28125 7.51556V11.888C5.28125 12.1765 5.63063 12.3024 5.79719 12.0708L9.7045 6.85947C9.81419 6.70916 9.72562 6.49994 9.54687 6.49994H8.125C7.92187 6.49994 7.71875 6.29681 7.71875 6.09369V1.42181C7.71875 1.21869 7.41 1.10738 7.24384 1.343Z" fill="#FF184E"></path> 2266 </svg> 2267 </span> TOP NEWS 2268 </div> 2269 <div class="custom-header-text" id="customHeaderText">The Future of Work: Adapting to Changing Trends and Technologies</div> 2270 </div> 2271 <button class="custom-header-arrow" onclick="customChangeText()"><i class="fa fa-angle-down fa-fw"></i></button> 2272 <div class="custom-header-links"> 2273 <span>Quick Links:</span> 2274 <a href="/event-services" class="custom-header-btn bold" style="border-radius: 6px !important;">Events</a> 2275 <a href="/health-beauty" class="custom-header-btn bold" style="border-radius: 6px !important;">Wellness</a> 2276 </div> 2277 </div> 2278</div> 2279 2280 2281<!--------------blogs custom top section--------------> 2282 <section class="custom-blog-section row"> 2283 <div class="custom-main-article col-md-6"> 2284 <a href="/blog/the-lasting-impact-of-covid-19-on-healthcare-systems"> 2285 <img src="/uploads/news-pictures/19-whitby-blog-post-image-20250323185113.jpeg" alt="Main Article" class="custom-main-image1 mobi_image"> 2286 </a> 2287 <div class="custom-article-content1 mobi_content"> 2288 2289 <div style="min-height: 35px;"> 2290 2291 <a aria-label="name" class="elementor-common-cate empath-cate-badge-4" style="background-color: #FF5733;" href="/categories?category[]=Family Medicine"> 2292 <span>Family Medicine</span>
2293 <svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg"> 2294 <path d="M9.77924 0H1.07518C0.106704 0 -0.296235 1.2391 0.48701 1.80873L11.9764 10.1646C12.7631 10.7368 13.8209 9.96258 13.5132 9.03967L10.7279 0.683772C10.5918 0.27543 10.2097 0 9.77924 0Z" fill="#FF5733"></path> 2295 </svg> 2296 </a> 2297 </div> 2298 <h2 class="custom-title" style="font-size: 36px;">The Lasting Impact of COVID-19 on Healthcare...</h2> 2299 <p class="custom-description"> The Lasting Impact of COVID-19 on Healthcare Systems. When...</p> 2300 <div class="custom-meta"> 2301 <span class="custom-author"> 2302 <span><img src="/images/badgetrusted1.png" alt="aurthor" class="custom-aurthor"></span> 2303 <span class="bold">Maxqsoft</span> 2304 </span> 2305 <span class="custom-date">03/23/2025</span> 2306 <span class="custom-comments">0 Comments</span> 2307 </div> 2308 </div> 2309 </div> 2310 <!----------left side bolgs---------> 2311 2312 <div class="custom-side-articles col-md-6"> 2313 <article class="custom-article tmargin"> 2314 <div class="row nomargin"> 2315 <div class="col-md-5 nopad"> 2316 <a href="/blog/eat-smart-not-less-the-real-deal-on-nutrition-healthy-eating"> 2317 <img src="/uploads/news-pictures/19-whitby-blog-post-image-20250405212909.jpg" alt="Travel" class="custom-side-image2"> 2318 </a> 2319 </div> 2320 <div class="col-md-7 custom-article-content2"> 2321 <div style="min-height: 35px;"> 2322 2323 <a aria-label="name" class="elementor-common-cate empath-cate-badge-4 category-badge" href="/categories?category[]=Nutrition" data-category="Nutrition"> 2324 <span>Nutrition</span>
2325 <svg width="14" height="11" viewBox="0 0 14 11" class="category-icon" xmlns="http://www.w3.org/2000/svg"> 2326 <path d="M9.77924 0H1.07518C0.106704 0 -0.296235 1.2391 0.48701 1.80873L11.9764 10.1646C12.7631 10.7368 13.8209 9.96258 13.5132 9.03967L10.7279 0.683772C10.5918 0.27543 10.2097 0 9.77924 0Z"></path> 2327 </svg> 2328 </a> 2329 </div> 2330 2331 <h3 class="custom-title">Eat Smart, Not Less: The Real Deal on Nutrition...</h3> 2332 <div class="custom-meta"> 2333 <span class="custom-author"> 2334 <span><img src="/images/badgetrusted1.png" alt="aurthor" class="custom-aurthor"></span> 2335 <span class="bold">Maxqsoft</span> 2336 </span> 2337 <span class="custom-date"><i class="fa fa-calendar calendarIcon"></i> 04/05/2025</span> 2338 </div> 2339 </div> 2340 </div> 2341 </article> 2342 <article class="custom-article tmargin"> 2343 <div class="row nomargin"> 2344 <div class="col-md-5 nopad"> 2345 <a href="/blog/eight-essential-strategies-to-reduce-stroke-risk"> 2346 <img src="/uploads/news-pictures/19-whitby-blog-post-image-20250323192949.jpeg" alt="Travel" class="custom-side-image2"> 2347 </a> 2348 </div> 2349 <div class="col-md-7 custom-article-content2"> 2350 <div style="min-height: 35px;"> 2351 2352 <a aria-label="name" class="elementor-common-cate empath-cate-badge-4 category-badge" href="/categories?category[]=Neurology" data-category="Neurology"> 2353 <span>Neurology</span>
2354 <svg width="14" height="11" viewBox="0 0 14 11" class="category-icon" xmlns="http://www.w3.org/2000/svg"> 2355 <path d="M9.77924 0H1.07518C0.106704 0 -0.296235 1.2391 0.48701 1.80873L11.9764 10.1646C12.7631 10.7368 13.8209 9.96258 13.5132 9.03967L10.7279 0.683772C10.5918 0.27543 10.2097 0 9.77924 0Z"></path> 2356 </svg> 2357 </a> 2358 </div> 2359 2360 <h3 class="custom-title">Eight Essential Strategies to Reduce Stroke...</h3> 2361 <div class="custom-meta"> 2362 <span class="custom-author"> 2363 <span><img src="/images/badgetrusted1.png" alt="aurthor" class="custom-aurthor"></span> 2364 <span class="bold">Maxqsoft</span> 2365 </span> 2366 <span class="custom-date"><i class="fa fa-calendar calendarIcon"></i> 03/23/2025</span> 2367 </div> 2368 </div> 2369 </div> 2370 </article> 2371 2372 </div> 2373</section> 2374 2375 <!-------------End custom top sec--------------> 2376<!------top card row--------> 2377<div class="container nopad mt-4"> 2378 <div class="row"> 2379 <div class="col-md-3"> 2380 <div class="card position-relative"> 2381 <a href="/blog/the-lasting-impact-of-covid-19-on-healthcare-systems"> 2382 <img src="/uploads/news-pictures/19-whitby-blog-post-image-20250323185113.jpeg" class="card-img-top" alt="Sports"> 2383 </a> 2384 <div class="card-body"> 2385 <div style="min-height: 25px;"> 2386 2387 <a aria-label="name" class="elementor-common-cate empath-cate-badge-4 category-badge" href="/categories?category[]=Family Medicine" data-category="Family Medicine"> 2388 <span>Family Medicine</span>
2389 <svg width="14" height="11" viewBox="0 0 14 11" class="category-icon" xmlns="http://www.w3.org/2000/svg"> 2390 <path d="M9.77924 0H1.07518C0.106704 0 -0.296235 1.2391 0.48701 1.80873L11.9764 10.1646C12.7631 10.7368 13.8209 9.96258 13.5132 9.03967L10.7279 0.683772C10.5918 0.27543 10.2097 0 9.77924 0Z"></path> 2391 </svg> 2392 </a> 2393 </div> 2394 <h6 class="card-title tmargin" style="min-height: 40px;">The Lasting Impact of COVID-19 on Healthcare Systems</h6> 2395 <p class="bold"><i class="fa fa-calendar calendarIcon"></i> 03/23/2025</p> 2396 </div> 2397 </div> 2398 </div> 2399 <div class="col-md-3"> 2400 <div class="card position-relative"> 2401 <a href="/blog/gen-z-s-approach-to-mental-health-embracing-mental-health-days"> 2402 <img src="/uploads/news-pictures/19-whitby-blog-post-image-20250323191147.jpeg" class="card-img-top" alt="Sports"> 2403 </a> 2404 <div class="card-body"> 2405 <div style="min-height: 25px;"> 2406 2407 <a aria-label="name" class="elementor-common-cate empath-cate-badge-4 category-badge" href="/categories?category[]=Mental Health" data-category="Mental Health"> 2408 <span>Mental Health</span>
2409 <svg width="14" height="11" viewBox="0 0 14 11" class="category-icon" xmlns="http://www.w3.org/2000/svg"> 2410 <path d="M9.77924 0H1.07518C0.106704 0 -0.296235 1.2391 0.48701 1.80873L11.9764 10.1646C12.7631 10.7368 13.8209 9.96258 13.5132 9.03967L10.7279 0.683772C10.5918 0.27543 10.2097 0 9.77924 0Z"></path> 2411 </svg> 2412 </a> 2413 </div> 2414 <h6 class="card-title tmargin" style="min-height: 40px;">Gen Z's Approach to Mental Health: Embracing Mental Health Days.</h6> 2415 <p class="bold"><i class="fa fa-calendar calendarIcon"></i> 03/23/2025</p> 2416 </div> 2417 </div> 2418 </div> 2419 <div class="col-md-3"> 2420 <div class="card position-relative"> 2421 <a href="/blog/eight-essential-strategies-to-reduce-stroke-risk"> 2422 <img src="/uploads/news-pictures/19-whitby-blog-post-image-20250323192949.jpeg" class="card-img-top" alt="Sports"> 2423 </a> 2424 <div class="card-body"> 2425 <div style="min-height: 25px;"> 2426 2427 <a aria-label="name" class="elementor-common-cate empath-cate-badge-4 category-badge" href="/categories?category[]=Neurology" data-category="Neurology"> 2428 <span>Neurology</span>
2429 <svg width="14" height="11" viewBox="0 0 14 11" class="category-icon" xmlns="http://www.w3.org/2000/svg"> 2430 <path d="M9.77924 0H1.07518C0.106704 0 -0.296235 1.2391 0.48701 1.80873L11.9764 10.1646C12.7631 10.7368 13.8209 9.96258 13.5132 9.03967L10.7279 0.683772C10.5918 0.27543 10.2097 0 9.77924 0Z"></path> 2431 </svg> 2432 </a> 2433 </div> 2434 <h6 class="card-title tmargin" style="min-height: 40px;">Eight Essential Strategies to Reduce Stroke Risk.</h6> 2435 <p class="bold"><i class="fa fa-calendar calendarIcon"></i> 03/23/2025</p> 2436 </div> 2437 </div> 2438 </div> 2439 <div class="col-md-3"> 2440 <div class="card position-relative"> 2441 <a href="/blog/endometriosis-the-workplace-challenge-for-women"> 2442 <img src="/uploads/news-pictures/19-whitby-blog-post-image-20250323193909.jpeg" class="card-img-top" alt="Sports"> 2443 </a> 2444 <div class="card-body"> 2445 <div style="min-height: 25px;"> 2446 2447 <a aria-label="name" class="elementor-common-cate empath-cate-badge-4 category-badge" href="/categories?category[]=Endocrinology" data-category="Endocrinology"> 2448 <span>Endocrinology</span>
2449 <svg width="14" height="11" viewBox="0 0 14 11" class="category-icon" xmlns="http://www.w3.org/2000/svg"> 2450 <path d="M9.77924 0H1.07518C0.106704 0 -0.296235 1.2391 0.48701 1.80873L11.9764 10.1646C12.7631 10.7368 13.8209 9.96258 13.5132 9.03967L10.7279 0.683772C10.5918 0.27543 10.2097 0 9.77924 0Z"></path> 2451 </svg> 2452 </a> 2453 </div> 2454 <h6 class="card-title tmargin" style="min-height: 40px;">Endometriosis: The Workplace Challenge for Women</h6> 2455 <p class="bold"><i class="fa fa-calendar calendarIcon"></i> 03/23/2025</p> 2456 </div> 2457 </div> 2458 </div> 2459 </div> 2460<!-----------blog member with realtig----------> 2461<div class="card-container"> 2462 <div class="custom-card" style=""> 2463 <a href="/blog/the-lasting-impact-of-covid-19-on-healthcare-systems"> 2464 <img src="/uploads/news-pictures/19-whitby-blog-post-image-20250323185113.jpeg" alt="Profile"> 2465 </a> 2466 <div class="custom-card-content"> 2467 <div style="min-height: 25px; display: flex; justify-content: space-between;"> 2468 2469 <a aria-label="name" class="elementor-common-cate empath-cate-badge-4 category-badge" href="/categories?category[]=Family Medicine" data-category="Family Medicine"> 2470 <span>Family Medicine</span>
2471 <svg width="14" height="11" viewBox="0 0 14 11" class="category-icon" xmlns="http://www.w3.org/2000/svg"> 2472 <path d="M9.77924 0H1.07518C0.106704 0 -0.296235 1.2391 0.48701 1.80873L11.9764 10.1646C12.7631 10.7368 13.8209 9.96258 13.5132 9.03967L10.7279 0.683772C10.5918 0.27543 10.2097 0 9.77924 0Z"></path> 2473 </svg> 2474 </a> 2475 <div class="custom-rating-text">â â â â â <span style="color: black;"> 5 (1) out of 10</span> </div> 2476 </div> 2477 <div class="custom-card-title">The Lasting Impact of COVID-19 on Healthcare</div> 2478 <div class="custom-meta"> 2479 <span class="custom-author"> 2480 <span><img src="/images/badgetrusted1.png" alt="aurthor" class="custom-aurthor"></span> 2481 <span class="bold">Maxqsoft</span> 2482 </span> 2483 <span class="custom-date"><i class="fa fa-calendar calendarIcon"></i> 03/23/2025</span> 2484 </div> 2485 </div> 2486 </div> 2487 <div class="custom-card" style=""> 2488 <a href="/blog/sleep-apnea-and-how-it-impacts-your-health"> 2489 <img src="/uploads/news-pictures/12647--blog-post-image-20260321163453.jpeg" alt="Profile"> 2490 </a> 2491 <div class="custom-card-content"> 2492 <div style="min-height: 25px; display: flex; justify-content: space-between;"> 2493 2494 <a aria-label="name" class="elementor-common-cate empath-cate-badge-4 category-badge" href="/categories?category[]=Health & Medicine" data-category="Health & Medicine"> 2495 <span>Health & Medicine</span>
2496 <svg width="14" height="11" viewBox="0 0 14 11" class="category-icon" xmlns="http://www.w3.org/2000/svg"> 2497 <path d="M9.77924 0H1.07518C0.106704 0 -0.296235 1.2391 0.48701 1.80873L11.9764 10.1646C12.7631 10.7368 13.8209 9.96258 13.5132 9.03967L10.7279 0.683772C10.5918 0.27543 10.2097 0 9.77924 0Z"></path> 2498 </svg> 2499 </a> 2500 <div class="custom-rating-text">â â â â â <span style="color: black;"> 5 (1) out of 10</span> </div> 2501 </div> 2502 <div class="custom-card-title">Sleep Apnea and How It Impacts Your Health</div> 2503 <div class="custom-meta"> 2504 <span class="custom-author"> 2505 <span><img src="/images/badgetrusted1.png" alt="aurthor" class="custom-aurthor"></span> 2506 <span class="bold">Maxq Admin Video</span> 2507 </span> 2508 <span class="custom-date"><i class="fa fa-calendar calendarIcon"></i> 03/21/2026</span> 2509 </div> 2510 </div> 2511 </div> 2512 2513</div> 2514 2515 2516<!----------------------End---------------------------> 2517<hr> 2518<div class="grid-container"> 2519 <h1 class="text-left" style="font-weight: 700; margin-bottom: 25px;">Most Discussed</h1> 2520 2521 2522 2523 2524 <div class="grid-container"> 2525 2526 2527<div class="row-fluid search_result member-level-10"> 2528 <div class="grid_element"> 2529 2530 2531 <div class="col-xs-4 col-sm-2 norpad favorite_button"> 2532 <span class="postItem" data-userid="12647" data-datatype="20" data-dataid="14" data-postid="355"></span><button class="item-post-list-355 favorite fa fa-star" aria-label="LIKE" data-count="" data-postid="355" data-state="0" data-activefeature="1" data-activefavorite="ADMIN GTA Videos" data-toggle="modal" data-target="#myModal" ><span id='bookmark-content'>LIKE</span> <span class='' id='number-355'></span></button> 2533 </div> 2534 2535 <div class="clearfix"></div> 2536 2537 <div class="img_section col-sm-4 nopad sm-bmargin"> 2538 <a title="Sleep Apnea and How It Impacts Your Health" href="/blog/sleep-apnea-and-how-it-impacts-your-health"> 2539 <div class="alert-secondary btn-block text-center blog_img"> 2540 <img width="300" height="200" class="search_result_image center-block" alt="Sleep Apnea and How It Impacts Your Health" title="Sleep Apnea and How It Impacts Your Health" src="/uploads/news-pictures-thumbnails/12647--blog-post-image-20260321163453.jpeg"/> 2541 2542 </div> 2543 </a> 2544 </div> 2545 2546 <div class="mid_section col-sm-8 "> 2547 <div style="min-height: 25px;"> 2548 2549 <a aria-label="name" class="elementor-common-cate empath-cate-badge-4 category-badge" href="/blog?category[]=Health & Medicine" data-category="Health & Medicine"> 2550 <span>Health & Medicine</span>
2551 <svg width="14" height="11" viewBox="0 0 14 11" class="category-icon" fill="none" xmlns="http://www.w3.org/2000/svg"> 2552 <path d="M9.77924 0H1.07518C0.106704 0 -0.296235 1.2391 0.48701 1.80873L11.9764 10.1646C12.7631 10.7368 13.8209 9.96258 13.5132 9.03967L10.7279 0.683772C10.5918 0.27543 10.2097 0 9.77924 0Z" ></path> 2553 </svg> 2554 </a> 2555 </div> 2556 2557 <a class="h3 bold bmargin center-block" title="Sleep Apnea and How It Impacts Your Health" href="/blog/sleep-apnea-and-how-it-impacts-your-health"> 2558 Sleep Apnea and How It Impacts Your Health... 2559 </a> 2560 2561 2562 <div class="clearfix"></div> 2563 2564 <!-- <p class="xs-nomargin"> 2565 Sleep is not just downtime for your body. During sleep, your brain sorts memories, removes waste, and resets for... 2566 <a class="inline-block bold" title="Sleep Apnea and How It Impacts Your Health" href="/blog/sleep-apnea-and-how-it-impacts-your-health"> 2567 View More 2568 </a> 2569 </p> --> 2570 2571 <div class="clearfix"></div> 2572 2573 <div class="col-xs-12 col-sm-12 nolpad bold bmargin posted_meta_data"> 2574 <span> 2575 <i class="fa fa-calendar calendarIcon"></i> 2576 03/21/2026 </span> 2577 2578 <span class="posted-by inline-block"> 2579 by 2580 <a class="bold" href="/internet-services/maxq-admin-video" title="Posted By Maxq Admin Video"> 2581 Maxq Admin Video </a> 2582 </span> 2583 2584 2585 </div> 2586 2587 2588 <!-- <div class="nolpad hidden-sm hidden-xs font-sm text-left post-search-category inline-block"> 2589 Category 2590 <a class="bold" title="Website Blog Article - Health & Medicine" href="/blog?category[]=Health & Medicine"> 2591 Health & Medicine </a> 2592 </div> --> 2593 2594 </div> 2595 </div> 2596 <div class="clearfix"></div> 2597</div> 2598<div class="clearfix"></div> 2599<hr> 2600 2601 2602<div class="row-fluid search_result member-level-11"> 2603 <div class="grid_element"> 2604 2605 2606 <div class="col-xs-4 col-sm-2 norpad favorite_button"> 2607 <span class="postItem" data-userid="19" data-datatype="20" data-dataid="14" data-postid="352"></span><button class="item-post-list-352 favorite fa fa-star" aria-label="LIKE" data-count="" data-postid="352" data-state="0" data-activefeature="1" data-activefavorite="Premium monthly plan" data-toggle="modal" data-target="#myModal" ><span id='bookmark-content'>LIKE</span> <span class='' id='number-352'></span></button> 2608 </div> 2609 2610 <div class="clearfix"></div> 2611 2612 <div class="img_section col-sm-4 nopad sm-bmargin"> 2613 <a title="Eat Smart, Not Less: The Real Deal on Nutrition & Healthy Eating" href="/blog/eat-smart-not-less-the-real-deal-on-nutrition-healthy-eating"> 2614 <div class="alert-secondary btn-block text-center blog_img"> 2615 <img width="300" height="200" class="search_result_image center-block" alt="Eat Smart, Not Less: The Real Deal on Nutrition & Healthy Eating" title="Eat Smart, Not Less: The Real Deal on Nutrition & Healthy Eating" src="/uploads/news-pictures-thumbnails/19-whitby-blog-post-image-20250405212909.jpg"/> 2616 2617 </div> 2618 </a> 2619 </div> 2620 2621 <div class="mid_section col-sm-8 "> 2622 <div style="min-height: 25px;"> 2623 2624 <a aria-label="name" class="elementor-common-cate empath-cate-badge-4 category-badge" href="/blog?category[]=Nutrition" data-category="Nutrition"> 2625 <span>Nutrition</span>
2626 <svg width="14" height="11" viewBox="0 0 14 11" class="category-icon" fill="none" xmlns="http://www.w3.org/2000/svg"> 2627 <path d="M9.77924 0H1.07518C0.106704 0 -0.296235 1.2391 0.48701 1.80873L11.9764 10.1646C12.7631 10.7368 13.8209 9.96258 13.5132 9.03967L10.7279 0.683772C10.5918 0.27543 10.2097 0 9.77924 0Z" ></path> 2628 </svg> 2629 </a> 2630 </div> 2631 2632 <a class="h3 bold bmargin center-block" title="Eat Smart, Not Less: The Real Deal on Nutrition & Healthy Eating" href="/blog/eat-smart-not-less-the-real-deal-on-nutrition-healthy-eating"> 2633 Eat Smart, Not Less: The Real Deal on Nutrition... 2634 </a> 2635 2636 2637 <div class="clearfix"></div> 2638 2639 <!-- <p class="xs-nomargin"> 2640 Eat Smart, Not Less: The Real Deal on Nutrition & Healthy Eating. Let’s be honest—when most... 2641 <a class="inline-block bold" title="Eat Smart, Not Less: The Real Deal on Nutrition & Healthy Eating" href="/blog/eat-smart-not-less-the-real-deal-on-nutrition-healthy-eating"> 2642 View More 2643 </a> 2644 </p> --> 2645 2646 <div class="clearfix"></div> 2647 2648 <div class="col-xs-12 col-sm-12 nolpad bold bmargin posted_meta_data"> 2649 <span> 2650 <i class="fa fa-calendar calendarIcon"></i> 2651 04/05/2025 </span> 2652 2653 <span class="posted-by inline-block"> 2654 by 2655 <a class="bold" href="/canada/whitby/internet-services/maxqsoft" title="Posted By Maxqsoft"> 2656 Maxqsoft </a> 2657 </span> 2658 2659 2660 </div> 2661 2662 2663 <!-- <div class="nolpad hidden-sm hidden-xs font-sm text-left post-search-category inline-block"> 2664 Category 2665 <a class="bold" title="Website Blog Article - Nutrition" href="/blog?category[]=Nutrition"> 2666 Nutrition </a> 2667 </div> --> 2668 2669 </div> 2670 </div> 2671 <div class="clearfix"></div> 2672</div> 2673<div class="clearfix"></div> 2674<hr> 2675 2676 2677<div class="row-fluid search_result member-level-11"> 2678 <div class="grid_element"> 2679 2680 2681 <div class="col-xs-4 col-sm-2 norpad favorite_button"> 2682 <span class="postItem" data-userid="19" data-datatype="20" data-dataid="14" data-postid="351"></span><button class="item-post-list-351 favorite fa fa-star" aria-label="LIKE" data-count="" data-postid="351" data-state="0" data-activefeature="1" data-activefavorite="Premium monthly plan" data-toggle="modal" data-target="#myModal" ><span id='bookmark-content'>LIKE</span> <span class='' id='number-351'></span></button> 2683 </div> 2684 2685 <div class="clearfix"></div> 2686 2687 <div class="img_section col-sm-4 nopad sm-bmargin"> 2688 <a title="Endometriosis: The Workplace Challenge for Women" href="/blog/endometriosis-the-workplace-challenge-for-women"> 2689 <div class="alert-secondary btn-block text-center blog_img"> 2690 <img width="300" height="200" class="search_result_image center-block" alt="Endometriosis: The Workplace Challenge for Women" title="Endometriosis: The Workplace Challenge for Women" src="/uploads/news-pictures-thumbnails/19-whitby-blog-post-image-20250323193909.jpeg"/> 2691 2692 </div> 2693 </a> 2694 </div> 2695 2696 <div class="mid_section col-sm-8 "> 2697 <div style="min-height: 25px;"> 2698 2699 <a aria-label="name" class="elementor-common-cate empath-cate-badge-4 category-badge" href="/blog?category[]=Endocrinology" data-category="Endocrinology"> 2700 <span>Endocrinology</span>
2701 <svg width="14" height="11" viewBox="0 0 14 11" class="category-icon" fill="none" xmlns="http://www.w3.org/2000/svg"> 2702 <path d="M9.77924 0H1.07518C0.106704 0 -0.296235 1.2391 0.48701 1.80873L11.9764 10.1646C12.7631 10.7368 13.8209 9.96258 13.5132 9.03967L10.7279 0.683772C10.5918 0.27543 10.2097 0 9.77924 0Z" ></path> 2703 </svg> 2704 </a> 2705 </div> 2706 2707 <a class="h3 bold bmargin center-block" title="Endometriosis: The Workplace Challenge for Women" href="/blog/endometriosis-the-workplace-challenge-for-women"> 2708 Endometriosis: The Workplace Challenge for... 2709 </a> 2710 2711 2712 <div class="clearfix"></div> 2713 2714 <!-- <p class="xs-nomargin"> 2715 Endometriosis, The Workplace Challenge for Women. Imagine waking up every morning, not knowing if a debilitating... 2716 <a class="inline-block bold" title="Endometriosis: The Workplace Challenge for Women" href="/blog/endometriosis-the-workplace-challenge-for-women"> 2717 View More 2718 </a> 2719 </p> --> 2720 2721 <div class="clearfix"></div> 2722 2723 <div class="col-xs-12 col-sm-12 nolpad bold bmargin posted_meta_data"> 2724 <span> 2725 <i class="fa fa-calendar calendarIcon"></i> 2726 03/23/2025 </span> 2727 2728 <span class="posted-by inline-block"> 2729 by 2730 <a class="bold" href="/canada/whitby/internet-services/maxqsoft" title="Posted By Maxqsoft"> 2731 Maxqsoft </a> 2732 </span> 2733 2734 2735 </div> 2736 2737 2738 <!-- <div class="nolpad hidden-sm hidden-xs font-sm text-left post-search-category inline-block"> 2739 Category 2740 <a class="bold" title="Website Blog Article - Endocrinology" href="/blog?category[]=Endocrinology"> 2741 Endocrinology </a> 2742 </div> --> 2743 2744 </div> 2745 </div> 2746 <div class="clearfix"></div> 2747</div> 2748<div class="clearfix"></div> 2749<hr> 2750 2751 2752<div class="row-fluid search_result member-level-11"> 2753 <div class="grid_element"> 2754 2755 2756 <div class="col-xs-4 col-sm-2 norpad favorite_button"> 2757 <span class="postItem" data-userid="19" data-datatype="20" data-dataid="14" data-postid="350"></span><button class="item-post-list-350 favorite fa fa-star" aria-label="LIKE" data-count="" data-postid="350" data-state="0" data-activefeature="1" data-activefavorite="Premium monthly plan" data-toggle="modal" data-target="#myModal" ><span id='bookmark-content'>LIKE</span> <span class='' id='number-350'></span></button> 2758 </div> 2759 2760 <div class="clearfix"></div> 2761 2762 <div class="img_section col-sm-4 nopad sm-bmargin"> 2763 <a title="Eight Essential Strategies to Reduce Stroke Risk." href="/blog/eight-essential-strategies-to-reduce-stroke-risk"> 2764 <div class="alert-secondary btn-block text-center blog_img"> 2765 <img width="300" height="200" class="search_result_image center-block" alt="Eight Essential Strategies to Reduce Stroke Risk." title="Eight Essential Strategies to Reduce Stroke Risk." src="/uploads/news-pictures-thumbnails/19-whitby-blog-post-image-20250323192949.jpeg"/> 2766 2767 </div> 2768 </a> 2769 </div> 2770 2771 <div class="mid_section col-sm-8 "> 2772 <div style="min-height: 25px;"> 2773 2774 <a aria-label="name" class="elementor-common-cate empath-cate-badge-4 category-badge" href="/blog?category[]=Neurology" data-category="Neurology"> 2775 <span>Neurology</span>
2776 <svg width="14" height="11" viewBox="0 0 14 11" class="category-icon" fill="none" xmlns="http://www.w3.org/2000/svg"> 2777 <path d="M9.77924 0H1.07518C0.106704 0 -0.296235 1.2391 0.48701 1.80873L11.9764 10.1646C12.7631 10.7368 13.8209 9.96258 13.5132 9.03967L10.7279 0.683772C10.5918 0.27543 10.2097 0 9.77924 0Z" ></path> 2778 </svg> 2779 </a> 2780 </div> 2781 2782 <a class="h3 bold bmargin center-block" title="Eight Essential Strategies to Reduce Stroke Risk." href="/blog/eight-essential-strategies-to-reduce-stroke-risk"> 2783 Eight Essential Strategies to Reduce Stroke... 2784 </a> 2785 2786 2787 <div class="clearfix"></div> 2788 2789 <!-- <p class="xs-nomargin"> 2790 Eight Essential Strategies to Reduce Stroke Risk. Stroke remains a leading cause of disability and death worldwide,... 2791 <a class="inline-block bold" title="Eight Essential Strategies to Reduce Stroke Risk." href="/blog/eight-essential-strategies-to-reduce-stroke-risk"> 2792 View More 2793 </a> 2794 </p> --> 2795 2796 <div class="clearfix"></div> 2797 2798 <div class="col-xs-12 col-sm-12 nolpad bold bmargin posted_meta_data"> 2799 <span> 2800 <i class="fa fa-calendar calendarIcon"></i> 2801 03/23/2025 </span> 2802 2803 <span class="posted-by inline-block"> 2804 by 2805 <a class="bold" href="/canada/whitby/internet-services/maxqsoft" title="Posted By Maxqsoft"> 2806 Maxqsoft </a> 2807 </span> 2808 2809 2810 </div> 2811 2812 2813 <!-- <div class="nolpad hidden-sm hidden-xs font-sm text-left post-search-category inline-block"> 2814 Category 2815 <a class="bold" title="Website Blog Article - Neurology" href="/blog?category[]=Neurology"> 2816 Neurology </a> 2817 </div> --> 2818 2819 </div> 2820 </div> 2821 <div class="clearfix"></div> 2822</div> 2823<div class="clearfix"></div> 2824<hr> 2825 2826 2827<div class="row-fluid search_result member-level-11"> 2828 <div class="grid_element"> 2829 2830 2831 <div class="col-xs-4 col-sm-2 norpad favorite_button"> 2832 <span class="postItem" data-userid="19" data-datatype="20" data-dataid="14" data-postid="349"></span><button class="item-post-list-349 favorite fa fa-star" aria-label="LIKE" data-count="" data-postid="349" data-state="0" data-activefeature="1" data-activefavorite="Premium monthly plan" data-toggle="modal" data-target="#myModal" ><span id='bookmark-content'>LIKE</span> <span class='' id='number-349'></span></button> 2833 </div> 2834 2835 <div class="clearfix"></div> 2836 2837 <div class="img_section col-sm-4 nopad sm-bmargin"> 2838 <a title="Gen Z's Approach to Mental Health: Embracing Mental Health Days." href="/blog/gen-z-s-approach-to-mental-health-embracing-mental-health-days"> 2839 <div class="alert-secondary btn-block text-center blog_img"> 2840 <img width="300" height="200" class="search_result_image center-block" alt="Gen Z's Approach to Mental Health: Embracing Mental Health Days." title="Gen Z's Approach to Mental Health: Embracing Mental Health Days." src="/uploads/news-pictures-thumbnails/19-whitby-blog-post-image-20250323191147.jpeg"/> 2841 2842 </div> 2843 </a> 2844 </div> 2845 2846 <div class="mid_section col-sm-8 "> 2847 <div style="min-height: 25px;"> 2848 2849 <a aria-label="name" class="elementor-common-cate empath-cate-badge-4 category-badge" href="/blog?category[]=Mental Health" data-category="Mental Health"> 2850 <span>Mental Health</span>
2851 <svg width="14" height="11" viewBox="0 0 14 11" class="category-icon" fill="none" xmlns="http://www.w3.org/2000/svg"> 2852 <path d="M9.77924 0H1.07518C0.106704 0 -0.296235 1.2391 0.48701 1.80873L11.9764 10.1646C12.7631 10.7368 13.8209 9.96258 13.5132 9.03967L10.7279 0.683772C10.5918 0.27543 10.2097 0 9.77924 0Z" ></path> 2853 </svg> 2854 </a> 2855 </div> 2856 2857 <a class="h3 bold bmargin center-block" title="Gen Z's Approach to Mental Health: Embracing Mental Health Days." href="/blog/gen-z-s-approach-to-mental-health-embracing-mental-health-days"> 2858 Gen Z's Approach to Mental Health: Embracing... 2859 </a> 2860 2861 2862 <div class="clearfix"></div> 2863 2864 <!-- <p class="xs-nomargin"> 2865 Gen Z's Approach to Mental Health: Embracing Mental Health Days. In recent years, a transformative shift... 2866 <a class="inline-block bold" title="Gen Z's Approach to Mental Health: Embracing Mental Health Days." href="/blog/gen-z-s-approach-to-mental-health-embracing-mental-health-days"> 2867 View More 2868 </a> 2869 </p> --> 2870 2871 <div class="clearfix"></div> 2872 2873 <div class="col-xs-12 col-sm-12 nolpad bold bmargin posted_meta_data"> 2874 <span> 2875 <i class="fa fa-calendar calendarIcon"></i> 2876 03/23/2025 </span> 2877 2878 <span class="posted-by inline-block"> 2879 by 2880 <a class="bold" href="/canada/whitby/internet-services/maxqsoft" title="Posted By Maxqsoft"> 2881 Maxqsoft </a> 2882 </span> 2883 2884 2885 </div> 2886 2887 2888 <!-- <div class="nolpad hidden-sm hidden-xs font-sm text-left post-search-category inline-block"> 2889 Category 2890 <a class="bold" title="Website Blog Article - Mental Health" href="/blog?category[]=Mental Health"> 2891 Mental Health </a> 2892 </div> --> 2893 2894 </div> 2895 </div> 2896 <div class="clearfix"></div> 2897</div> 2898<div class="clearfix"></div> 2899<hr> 2900 2901 2902<div class="row-fluid search_result member-level-11"> 2903 <div class="grid_element"> 2904 2905 2906 <div class="col-xs-4 col-sm-2 norpad favorite_button"> 2907 <span class="postItem" data-userid="19" data-datatype="20" data-dataid="14" data-postid="348"></span><button class="item-post-list-348 favorite fa fa-star" aria-label="LIKE" data-count="" data-postid="348" data-state="0" data-activefeature="1" data-activefavorite="Premium monthly plan" data-toggle="modal" data-target="#myModal" ><span id='bookmark-content'>LIKE</span> <span class='' id='number-348'></span></button> 2908 </div> 2909 2910 <div class="clearfix"></div> 2911 2912 <div class="img_section col-sm-4 nopad sm-bmargin"> 2913 <a title="The Lasting Impact of COVID-19 on Healthcare Systems" href="/blog/the-lasting-impact-of-covid-19-on-healthcare-systems"> 2914 <div class="alert-secondary btn-block text-center blog_img"> 2915 <img width="300" height="200" class="search_result_image center-block" alt="The Lasting Impact of COVID-19 on Healthcare Systems" title="The Lasting Impact of COVID-19 on Healthcare Systems" src="/uploads/news-pictures-thumbnails/19-whitby-blog-post-image-20250323185113.jpeg"/> 2916 2917 </div> 2918 </a> 2919 </div> 2920 2921 <div class="mid_section col-sm-8 "> 2922 <div style="min-height: 25px;"> 2923 2924 <a aria-label="name" class="elementor-common-cate empath-cate-badge-4 category-badge" href="/blog?category[]=Family Medicine" data-category="Family Medicine"> 2925 <span>Family Medicine</span>
2926 <svg width="14" height="11" viewBox="0 0 14 11" class="category-icon" fill="none" xmlns="http://www.w3.org/2000/svg"> 2927 <path d="M9.77924 0H1.07518C0.106704 0 -0.296235 1.2391 0.48701 1.80873L11.9764 10.1646C12.7631 10.7368 13.8209 9.96258 13.5132 9.03967L10.7279 0.683772C10.5918 0.27543 10.2097 0 9.77924 0Z" ></path> 2928 </svg> 2929 </a> 2930 </div> 2931 2932 <a class="h3 bold bmargin center-block" title="The Lasting Impact of COVID-19 on Healthcare Systems" href="/blog/the-lasting-impact-of-covid-19-on-healthcare-systems"> 2933 The Lasting Impact of COVID-19 on Healthcare... 2934 </a> 2935 2936 2937 <div class="clearfix"></div> 2938 2939 <!-- <p class="xs-nomargin"> 2940 The Lasting Impact of COVID-19 on Healthcare Systems. When the world came to a standstill in early 2020, few of us... 2941 <a class="inline-block bold" title="The Lasting Impact of COVID-19 on Healthcare Systems" href="/blog/the-lasting-impact-of-covid-19-on-healthcare-systems"> 2942 View More 2943 </a> 2944 </p> --> 2945 2946 <div class="clearfix"></div> 2947 2948 <div class="col-xs-12 col-sm-12 nolpad bold bmargin posted_meta_data"> 2949 <span> 2950 <i class="fa fa-calendar calendarIcon"></i> 2951 03/23/2025 </span> 2952 2953 <span class="posted-by inline-block"> 2954 by 2955 <a class="bold" href="/canada/whitby/internet-services/maxqsoft" title="Posted By Maxqsoft"> 2956 Maxqsoft </a> 2957 </span> 2958 2959 2960 </div> 2961 2962 2963 <!-- <div class="nolpad hidden-sm hidden-xs font-sm text-left post-search-category inline-block"> 2964 Category 2965 <a class="bold" title="Website Blog Article - Family Medicine" href="/blog?category[]=Family Medicine"> 2966 Family Medicine </a> 2967 </div> --> 2968 2969 </div> 2970 </div> 2971 <div class="clearfix"></div> 2972</div> 2973<div class="clearfix"></div> 2974<hr></div> 2975 2976<style type='text/css'> /************Top header slider line**************/ 2977.custom-header { 2978 display: flex; 2979 align-items: center; 2980 justify-content: space-between; 2981 padding: 20px; 2982 background: white; 2983 border-bottom: 1px solid #ddd; 2984} 2985 2986.custom-header-news { 2987 display: flex; 2988 align-items: center; 2989} 2990 2991.custom-header-badge { 2992 background: #ffe6e6; 2993 color: #ff3b3b; 2994 font-size: 14px; 2995 font-weight: bold; 2996 padding: 5px 10px; 2997 border-radius: 5px; 2998 margin-right: 10px; 2999} 3000 3001.custom-header-text { 3002 font-size: 16px; 3003 font-weight: bold; 3004} 3005 3006.custom-header-arrow { 3007 background: none; 3008 position: absolute; 3009 right: 500px; 3010 border: 1px solid #000; 3011 border-radius: 50%; 3012 width: 30px; 3013 height: 30px; 3014 display: flex; 3015 align-items: center; 3016 justify-content: center; 3017 cursor: pointer; 3018} 3019 3020.custom-header-links { 3021 display: flex; 3022 align-items: center; 3023} 3024 3025.custom-header-links span { 3026 font-weight: bold; 3027 margin-right: 10px; 3028} 3029 3030.custom-header-btn { 3031 border: 1px solid #ccc; 3032 background: white; 3033 padding: 5px 10px; 3034 border-radius: 5px; 3035 cursor: pointer; 3036 margin-right: 5px; 3037} 3038 3039@media only screen and (max-width: 768px) { 3040 .custom-header { 3041 flex-direction: column; 3042 align-items: flex-start; 3043 } 3044 .custom-header-arrow { 3045 position: relative !important; 3046 } 3047 .custom-header-links { 3048 margin-top: 10px; 3049 } 3050} 3051 3052.card-container > :first-child { 3053 border-right: 1px solid #D9D9D9 !important; /* Adjust thickness and color as needed */ 3054} 3055 3056.views.pull-right { 3057 display: none !important; 3058} 3059.grid_element{ 3060 padding: 0px !important; 3061 border-radius: 8px !important; 3062 overflow: hidden; 3063} 3064.blog_img > img{ 3065 height: 200px !important; 3066 width: 100% !important; 3067 transition: transform 0.4s ease-in-out; 3068} 3069.blog_img:hover img { 3070 transform: scale(1.03); 3071} 3072 3073.mid_section{ 3074 padding: 0px 15px 15px 15px !important; 3075} 3076.mid_section > .h3{ 3077 text-align: left !important; 3078 min-height: 40px; 3079} 3080.empath-cate-badge-4 { 3081 position: relative; 3082 color: #fff; 3083 font-size: 12px; 3084 font-weight: 600; 3085 padding: 6px 8px; 3086 border-radius: 5px; 3087 background-color: #f09d1f; 3088} 3089.empath-cate-badge-4 svg { 3090 position: absolute; 3091 bottom: -9px; 3092 left: 9px; 3093 transition: .3s; 3094} 3095.empath-cate-badge-4:hover svg { 3096 left: 15px; 3097} 3098.clickToLoadMoreBtn{ 3099 max-width: 300px !important; 3100 margin: auto; 3101} 3102/********custom-top sec css********/ 3103.custom-blog-section { 3104 padding: 20px 0px; 3105} 3106.custom-main-article { 3107 position: relative; 3108} 3109.custom-main-image1 { 3110 width: 100% !important; 3111 height: 450px !important; 3112 border-radius: 10px; 3113} 3114.custom-side-image2{ 3115 width: 100% !important; 3116 height: 205px !important; 3117} 3118.custom-main-image2 { 3119 width: 100%; 3120 border-radius: 0px; 3121} 3122 3123.custom-article-content1 { 3124 position: absolute; 3125 bottom: 0px; 3126 left: 15px; 3127 right: 15px; 3128 color: white; 3129 background: rgba(0, 0, 0, 0.6); 3130 padding: 15px; 3131 border-radius: 0px 0px 10px 10px 3132} 3133.custom-article-content2 { 3134 padding: 30px 15px; 3135} 3136.custom-category { 3137 display: inline-block; 3138 padding: 5px 10px; 3139 border-radius: 5px; 3140 font-size: 12px; 3141 font-weight: bold; 3142} 3143.custom-tech { background: #007bff; color: white; } 3144.custom-travel { background: #28a745; color: white; } 3145.custom-lifestyle { background: #e83e8c; color: white; } 3146.custom-title { 3147 font-size: 22px; 3148 font-weight: 600; 3149 margin: 10px 0; 3150 margin: 10px 0; 3151} 3152 3153.custom-meta { 3154 font-size: 16px; 3155 display: flex; 3156 align-items: center; 3157 gap: 20px; 3158} 3159.custom-side-articles { 3160 display: flex; 3161 flex-direction: column; 3162 gap: 15px; 3163} 3164.custom-aurthor { 3165 height: 40px !important; 3166 width: 40px !important; 3167 border-radius: 50%; 3168} 3169.custom-article { 3170 background: white; 3171 overflow: hidden; 3172 border-radius: 10px; 3173 box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); 3174} 3175.custom-side-image { 3176 width: 80px; 3177 height: 80px; 3178 object-fit: cover; 3179 border-radius: 10px; 3180} 3181@media only screen and (max-width: 768px) { 3182 .custom-blog-section { 3183 grid-template-columns: 1fr; 3184 } 3185 .custom-article { 3186 flex-direction: column; 3187 align-items: start; 3188 } 3189} 3190/*****top cards row css******/ 3191.card img { 3192 height: 200px; 3193 width: 100% !important; 3194 object-fit: cover; 3195} 3196.card{ 3197 background: #fff; 3198 box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.1); 3199 border: 1px solid #e3e3e3; 3200 border-radius: 8px; 3201 overflow: hidden; 3202} 3203.card-body{ 3204 padding: 15px; 3205} 3206.card-title{ 3207 font-size: 18px; 3208 font-weight: 600; 3209} 3210.card-img-top, .custom-side-image2{ 3211 transition: transform 0.4s ease-in-out; 3212 cursor: pointer; 3213} 3214.card-img-top:hover, .custom-side-image2:hover{ 3215 transform: scale(1.03); 3216} 3217/**********blog member css**********/ 3218.card-container {
3219 display: flex; 3220 gap: 20px; 3221 padding: 40px; 3222 flex-wrap: wrap; 3223 margin-top: 40px; 3224 background: #FFFAF3; 3225 padding: 40px; 3226 border-radius: 10px; 3227 border: 1px solid #D9D9D9; 3228} 3229.custom-card { 3230 display: flex; 3231 align-items: center; 3232 padding: 15px; 3233 flex: 1; 3234 min-width: 300px; 3235} 3236.custom-card img { 3237 width: 160px; 3238 height: 160px; 3239 border-radius: 50%; 3240 object-fit: cover; 3241 margin-right: 15px; 3242 transition: transform 0.4s ease-in-out; 3243 cursor: pointer; 3244} 3245.custom-card img:hover { 3246 transform: scale(1.03); 3247} 3248.custom-card-content { 3249 3250} 3251.custom-category-badge { 3252 background: #ff4081; 3253 color: white; 3254 padding: 3px 10px; 3255 border-radius: 5px; 3256 font-size: 12px; 3257 width: fit-content; 3258 margin-bottom: 5px; 3259} 3260.custom-rating-text { 3261 display: flex; 3262 align-items: center; 3263 font-size: 20px; 3264 color: #ff9800; 3265} 3266.custom-card-title { 3267 font-size: 18px; 3268 font-weight: bold; 3269 margin: 5px 0; 3270} 3271 3272@media (max-width: 768px) { 3273.card-container { 3274 flex-direction: column; 3275} 3276.custom-card { 3277 flex-direction: column; 3278 align-items: flex-start; 3279} 3280.custom-card img { 3281 margin-bottom: 10px; 3282} 3283} 3284 3285.weekly-imgg{ 3286 height: 300px !important; 3287 width: 100%; 3288 border-radius: 8px; 3289} 3290 3291/**********social links css*************/ 3292.social-container { 3293 display: grid; 3294 grid-template-columns: repeat(2, 1fr); /* Ensures exactly 2 items per row */ 3295 gap: 15px; 3296 max-width: 600px; 3297} 3298 3299/* Make it responsive for smaller screens */ 3300@media only screen and (max-width: 500px) { 3301 .social-container { 3302 grid-template-columns: repeat(1, 1fr); /* 1 column for small screens */ 3303 } 3304} 3305.social-box { 3306 display: flex; 3307 align-items: center; 3308 gap: 0px; 3309 background: #fff; 3310 padding: 15px; 3311 border: 1px solid #D9D9D9; 3312 border-radius: 10px; 3313 transition: 0.3s; 3314 cursor: pointer; 3315} 3316.icon { 3317 font-size: 24px; 3318 width: 50px; 3319 height: 50px; 3320 display: flex !important; 3321 justify-content: center; 3322 align-items: center; 3323 border-radius: 50%; 3324 transition: 0.3s; 3325} 3326.text { 3327 font-size: 14px; 3328 transition: 0.3s; 3329 color: black; 3330} 3331.text strong { 3332 font-size: 18px; 3333 font-weight: 700; 3334} 3335 3336/* Default Colors */ 3337.facebook { color: #1877F2; } 3338.twitter { color: #000; } 3339.youtube { color: #FF0000; } 3340.spotify { color: #1DB954; } 3341.instagram { color: #E4405F; } 3342.pinterest { color: #E60023; } 3343 3344/* Hover Effects */ 3345.social-box:hover { 3346 color: #fff; 3347} 3348.social-box:hover .text, 3349.social-box:hover .icon { 3350 color: #fff; 3351} 3352.social-box:hover.facebook { background: #1877F2; } 3353.social-box:hover.twitter { background: #000; } 3354.social-box:hover.youtube { background: #FF0000; } 3355.social-box:hover.spotify { background: #1DB954; } 3356.social-box:hover.instagram { background: #E4405F; } 3357.social-box:hover.pinterest { background: #E60023; } 3358 3359 3360 3361 3362 3363 3364 </style><!--------------custom popular blogs-sec-------------------> 3365<div class="popular_blogs_sec"> 3366 <h1 class="text-left" style="font-weight: 700; margin-bottom: 25px;">Most Papular</h1> 3367 <!------fist popular row--------> 3368 <div class="container nopad mt-4"> 3369 <div class="row g-4 tmargin tpad"> 3370 <div class="col-md-3 tmargin bmargin"> 3371 <div class="card position-relative"> 3372 <a href="/blog/the-lasting-impact-of-covid-19-on-healthcare-systems"> 3373 3374 <img src="/uploads/news-pictures/19-whitby-blog-post-image-20250323185113.jpeg" class="card-img-top" alt=""> 3375 </a> 3376 <div class="card-body"> 3377 <div style="min-height: 25px;"> 3378 3379 <a aria-label="name" class="elementor-common-cate empath-cate-badge-4 category-badge" href="/categories?category[]=Family Medicine" data-category="Family Medicine"> 3380 <span>Family Medicine</span>
3381 <svg width="14" height="11" viewBox="0 0 14 11" class="category-icon" xmlns="http://www.w3.org/2000/svg"> 3382 <path d="M9.77924 0H1.07518C0.106704 0 -0.296235 1.2391 0.48701 1.80873L11.9764 10.1646C12.7631 10.7368 13.8209 9.96258 13.5132 9.03967L10.7279 0.683772C10.5918 0.27543 10.2097 0 9.77924 0Z"></path> 3383 </svg> 3384 </a> 3385 </div> 3386 <h6 class="card-title tmargin">The Lasting Impact of COVID-19 on Healthcare Systems</h6> 3387 <p class="bold"><i class="fa fa-calendar calendarIcon"></i> 03/23/2025</p> 3388 </div> 3389 </div> 3390 </div> 3391 <div class="col-md-3 tmargin bmargin"> 3392 <div class="card position-relative"> 3393 <a href="/blog/sleep-apnea-and-how-it-impacts-your-health"> 3394 3395 <img src="/uploads/news-pictures/12647--blog-post-image-20260321163453.jpeg" class="card-img-top" alt=""> 3396 </a> 3397 <div class="card-body"> 3398 <div style="min-height: 25px;"> 3399 3400 <a aria-label="name" class="elementor-common-cate empath-cate-badge-4 category-badge" href="/categories?category[]=Health & Medicine" data-category="Health & Medicine"> 3401 <span>Health & Medicine</span>
3402 <svg width="14" height="11" viewBox="0 0 14 11" class="category-icon" xmlns="http://www.w3.org/2000/svg"> 3403 <path d="M9.77924 0H1.07518C0.106704 0 -0.296235 1.2391 0.48701 1.80873L11.9764 10.1646C12.7631 10.7368 13.8209 9.96258 13.5132 9.03967L10.7279 0.683772C10.5918 0.27543 10.2097 0 9.77924 0Z"></path> 3404 </svg> 3405 </a> 3406 </div> 3407 <h6 class="card-title tmargin">Sleep Apnea and How It Impacts Your Health</h6> 3408 <p class="bold"><i class="fa fa-calendar calendarIcon"></i> 03/21/2026</p> 3409 </div> 3410 </div> 3411 </div> 3412 <div class="col-md-3 tmargin bmargin"> 3413 <div class="card position-relative"> 3414 <a href="/blog/gen-z-s-approach-to-mental-health-embracing-mental-health-days"> 3415 3416 <img src="/uploads/news-pictures/19-whitby-blog-post-image-20250323191147.jpeg" class="card-img-top" alt=""> 3417 </a> 3418 <div class="card-body"> 3419 <div style="min-height: 25px;"> 3420 3421 <a aria-label="name" class="elementor-common-cate empath-cate-badge-4 category-badge" href="/categories?category[]=Mental Health" data-category="Mental Health"> 3422 <span>Mental Health</span>
3423 <svg width="14" height="11" viewBox="0 0 14 11" class="category-icon" xmlns="http://www.w3.org/2000/svg"> 3424 <path d="M9.77924 0H1.07518C0.106704 0 -0.296235 1.2391 0.48701 1.80873L11.9764 10.1646C12.7631 10.7368 13.8209 9.96258 13.5132 9.03967L10.7279 0.683772C10.5918 0.27543 10.2097 0 9.77924 0Z"></path> 3425 </svg> 3426 </a> 3427 </div> 3428 <h6 class="card-title tmargin">Gen Z's Approach to Mental Health: Embracing Mental</h6> 3429 <p class="bold"><i class="fa fa-calendar calendarIcon"></i> 03/23/2025</p> 3430 </div> 3431 </div> 3432 </div> 3433 <div class="col-md-3 tmargin bmargin"> 3434 <div class="card position-relative"> 3435 <a href="/blog/endometriosis-the-workplace-challenge-for-women"> 3436 3437 <img src="/uploads/news-pictures/19-whitby-blog-post-image-20250323193909.jpeg" class="card-img-top" alt=""> 3438 </a> 3439 <div class="card-body"> 3440 <div style="min-height: 25px;"> 3441 3442 <a aria-label="name" class="elementor-common-cate empath-cate-badge-4 category-badge" href="/categories?category[]=Endocrinology" data-category="Endocrinology"> 3443 <span>Endocrinology</span>
3444 <svg width="14" height="11" viewBox="0 0 14 11" class="category-icon" xmlns="http://www.w3.org/2000/svg"> 3445 <path d="M9.77924 0H1.07518C0.106704 0 -0.296235 1.2391 0.48701 1.80873L11.9764 10.1646C12.7631 10.7368 13.8209 9.96258 13.5132 9.03967L10.7279 0.683772C10.5918 0.27543 10.2097 0 9.77924 0Z"></path> 3446 </svg> 3447 </a> 3448 </div> 3449 <h6 class="card-title tmargin">Endometriosis: The Workplace Challenge for Women</h6> 3450 <p class="bold"><i class="fa fa-calendar calendarIcon"></i> 03/23/2025</p> 3451 </div> 3452 </div> 3453 </div> 3454 <div class="col-md-3 tmargin bmargin"> 3455 <div class="card position-relative"> 3456 <a href="/blog/eight-essential-strategies-to-reduce-stroke-risk"> 3457 3458 <img src="/uploads/news-pictures/19-whitby-blog-post-image-20250323192949.jpeg" class="card-img-top" alt=""> 3459 </a> 3460 <div class="card-body"> 3461 <div style="min-height: 25px;"> 3462 3463 <a aria-label="name" class="elementor-common-cate empath-cate-badge-4 category-badge" href="/categories?category[]=Neurology" data-category="Neurology"> 3464 <span>Neurology</span>
3465 <svg width="14" height="11" viewBox="0 0 14 11" class="category-icon" xmlns="http://www.w3.org/2000/svg"> 3466 <path d="M9.77924 0H1.07518C0.106704 0 -0.296235 1.2391 0.48701 1.80873L11.9764 10.1646C12.7631 10.7368 13.8209 9.96258 13.5132 9.03967L10.7279 0.683772C10.5918 0.27543 10.2097 0 9.77924 0Z"></path> 3467 </svg> 3468 </a> 3469 </div> 3470 <h6 class="card-title tmargin">Eight Essential Strategies to Reduce Stroke Risk.</h6> 3471 <p class="bold"><i class="fa fa-calendar calendarIcon"></i> 03/23/2025</p> 3472 </div> 3473 </div> 3474 </div> 3475 <div class="col-md-3 tmargin bmargin"> 3476 <div class="card position-relative"> 3477 <a href="/blog/eat-smart-not-less-the-real-deal-on-nutrition-healthy-eating"> 3478 3479 <img src="/uploads/news-pictures/19-whitby-blog-post-image-20250405212909.jpg" class="card-img-top" alt=""> 3480 </a> 3481 <div class="card-body"> 3482 <div style="min-height: 25px;"> 3483 3484 <a aria-label="name" class="elementor-common-cate empath-cate-badge-4 category-badge" href="/categories?category[]=Nutrition" data-category="Nutrition"> 3485 <span>Nutrition</span>
3486 <svg width="14" height="11" viewBox="0 0 14 11" class="category-icon" xmlns="http://www.w3.org/2000/svg"> 3487 <path d="M9.77924 0H1.07518C0.106704 0 -0.296235 1.2391 0.48701 1.80873L11.9764 10.1646C12.7631 10.7368 13.8209 9.96258 13.5132 9.03967L10.7279 0.683772C10.5918 0.27543 10.2097 0 9.77924 0Z"></path> 3488 </svg> 3489 </a> 3490 </div> 3491 <h6 class="card-title tmargin">Eat Smart, Not Less: The Real Deal on Nutrition &</h6> 3492 <p class="bold"><i class="fa fa-calendar calendarIcon"></i> 04/05/2025</p> 3493 </div> 3494 </div> 3495 </div> 3496 3497 </div> 3498 </div> 3499 3500 <!----------------------End---------------------------> 3501 3502</div> 3503 3504 3505<!----------------------Top weekly section-------------------------> 3506<div class="weekly_blog_sec tmargin tpad"> 3507 <h1 class="text-left tmargin tpad" style="font-weight: 700; margin-bottom: 25px;">Top Weekly</h1> 3508 <hr> 3509 <div class="row"> 3510 <div class="custom-main-article col-md-4"> 3511 <a href="/blog/the-lasting-impact-of-covid-19-on-healthcare-systems"> 3512 <img src="/uploads/news-pictures/19-whitby-blog-post-image-20250323185113.jpeg" alt="Main Article" class="custom-main-image1"> 3513 </a> 3514 <div class="custom-article-content1"> 3515 <div style="min-height: 25px;"> 3516 3517 <a aria-label="name" class="elementor-common-cate empath-cate-badge-4 category-badge" href="/categories?category[]=Family Medicine" data-category="Family Medicine"> 3518 <span>Family Medicine</span>
3519 <svg width="14" height="11" viewBox="0 0 14 11" class="category-icon" xmlns="http://www.w3.org/2000/svg"> 3520 <path d="M9.77924 0H1.07518C0.106704 0 -0.296235 1.2391 0.48701 1.80873L11.9764 10.1646C12.7631 10.7368 13.8209 9.96258 13.5132 9.03967L10.7279 0.683772C10.5918 0.27543 10.2097 0 9.77924 0Z"></path> 3521 </svg> 3522 </a> 3523 </div> 3524 3525 <h2 class="custom-title" style="font-size: 24px;">The Lasting Impact of COVID-19 on Healthcare</h2> 3526 <div class="custom-meta"> 3527 <span class="custom-author"> 3528 <span><img src="/images/badgetrusted1.png" alt="aurthor" class="custom-aurthor"></span> 3529 <span class="bold">Maxqsoft</span> 3530 </span> 3531 <span class="custom-date">03/23/2025</span> 3532 <span class="custom-comments">0 Comments</span> 3533 </div> 3534 </div> 3535 </div> 3536 <div class="custom-main-article col-md-4"> 3537 <a href="/blog/eat-smart-not-less-the-real-deal-on-nutrition-healthy-eating"> 3538 <img src="/uploads/news-pictures/19-whitby-blog-post-image-20250405212909.jpg" alt="Main Article" class="custom-main-image1"> 3539 </a> 3540 <div class="custom-article-content1"> 3541 <div style="min-height: 25px;"> 3542 3543 <a aria-label="name" class="elementor-common-cate empath-cate-badge-4 category-badge" href="/categories?category[]=Nutrition" data-category="Nutrition"> 3544 <span>Nutrition</span>
3545 <svg width="14" height="11" viewBox="0 0 14 11" class="category-icon" xmlns="http://www.w3.org/2000/svg"> 3546 <path d="M9.77924 0H1.07518C0.106704 0 -0.296235 1.2391 0.48701 1.80873L11.9764 10.1646C12.7631 10.7368 13.8209 9.96258 13.5132 9.03967L10.7279 0.683772C10.5918 0.27543 10.2097 0 9.77924 0Z"></path> 3547 </svg> 3548 </a> 3549 </div> 3550 3551 <h2 class="custom-title" style="font-size: 24px;">Eat Smart, Not Less: The Real Deal on Nutrition</h2> 3552 <div class="custom-meta"> 3553 <span class="custom-author"> 3554 <span><img src="/images/badgetrusted1.png" alt="aurthor" class="custom-aurthor"></span> 3555 <span class="bold">Maxqsoft</span> 3556 </span> 3557 <span class="custom-date">04/05/2025</span> 3558 <span class="custom-comments">0 Comments</span> 3559 </div> 3560 </div> 3561 </div> 3562 3563 3564 3565 <div class="col-md-4"> 3566 <div class="custom-side-articles"> 3567 <article class="custom-article"> 3568 <div class="row" style="display: flex; background: #F8F8FD; border: 1px solid #DFDFDF; min-height: 210px; padding: 20px;"> 3569 <div class="col-md-5" style="display: flex;"> 3570 <a href="/blog/the-lasting-impact-of-covid-19-on-healthcare-systems" style="margin: auto;"> 3571 <img src="/uploads/news-pictures/19-whitby-blog-post-image-20250323185113.jpeg" style="height: 130px !important; width: 130px !important; margin: auto; border-radius: 50%;" alt="Travel" class="custom-side-image2"> 3572 </a> 3573 </div> 3574 <div class="col-md-7 custom-article-content2"> 3575 <div style="min-height: 25px;"> 3576 3577 <a aria-label="name" class="elementor-common-cate empath-cate-badge-4 category-badge" href="/categories?category[]=Family Medicine" data-category="Family Medicine"> 3578 <span>Family Medicine</span>
3579 <svg width="14" height="11" viewBox="0 0 14 11" class="category-icon" xmlns="http://www.w3.org/2000/svg"> 3580 <path d="M9.77924 0H1.07518C0.106704 0 -0.296235 1.2391 0.48701 1.80873L11.9764 10.1646C12.7631 10.7368 13.8209 9.96258 13.5132 9.03967L10.7279 0.683772C10.5918 0.27543 10.2097 0 9.77924 0Z"></path> 3581 </svg> 3582 </a> 3583 </div> 3584 3585 <h3 class="custom-title">The Lasting Impact</h3> 3586 <div class="custom-meta"> 3587 <span class="custom-date"><i class="fa fa-calendar calendarIcon"></i> 03/23/2025</span> 3588 </div> 3589 </div> 3590 </div> 3591 </article> 3592 <article class="custom-article"> 3593 <div class="row" style="display: flex; background: #F8F8FD; border: 1px solid #DFDFDF; min-height: 210px; padding: 20px;"> 3594 <div class="col-md-5" style="display: flex;"> 3595 <a href="/blog/gen-z-s-approach-to-mental-health-embracing-mental-health-days" style="margin: auto;"> 3596 <img src="/uploads/news-pictures/19-whitby-blog-post-image-20250323191147.jpeg" style="height: 130px !important; width: 130px !important; margin: auto; border-radius: 50%;" alt="Travel" class="custom-side-image2"> 3597 </a> 3598 </div> 3599 <div class="col-md-7 custom-article-content2"> 3600 <div style="min-height: 25px;"> 3601 3602 <a aria-label="name" class="elementor-common-cate empath-cate-badge-4 category-badge" href="/categories?category[]=Mental Health" data-category="Mental Health"> 3603 <span>Mental Health</span>
3604 <svg width="14" height="11" viewBox="0 0 14 11" class="category-icon" xmlns="http://www.w3.org/2000/svg"> 3605 <path d="M9.77924 0H1.07518C0.106704 0 -0.296235 1.2391 0.48701 1.80873L11.9764 10.1646C12.7631 10.7368 13.8209 9.96258 13.5132 9.03967L10.7279 0.683772C10.5918 0.27543 10.2097 0 9.77924 0Z"></path> 3606 </svg> 3607 </a> 3608 </div> 3609 3610 <h3 class="custom-title">Gen Z's Approach</h3> 3611 <div class="custom-meta"> 3612 <span class="custom-date"><i class="fa fa-calendar calendarIcon"></i> 03/23/2025</span> 3613 </div> 3614 </div> 3615 </div> 3616 </article> 3617 </div> 3618 </div> 3619 3620 </div> 3621</div> 3622 3623<!-------------------------End------------------------------------> 3624 3625 3626<!-----------------------blogs Editor's Pick section--------------------------------> 3627<div class="bolg_pick_sec"> 3628 <h1 class="text-left tmargin tpad" style="font-weight: 700; margin-bottom: 25px;">Top Weekly</h1> 3629 <div class="row"> 3630 <div class="col-md-8"> 3631 <hr> 3632 <div class="top_weekly_vid" style=""> 3633 <div class="col-md-5"> 3634 <a href="/blog/eat-smart-not-less-the-real-deal-on-nutrition-healthy-eating"> 3635 <img src="/uploads/news-pictures/19-whitby-blog-post-image-20250405212909.jpg" class="weekly-imgg" alt="Profile"> 3636 </a> 3637 </div> 3638 <div class="col-md-7"> 3639 <div class="custom-card-content"> 3640 <div style="min-height: 25px; display: flex; justify-content: space-between;"> 3641 3642 <a aria-label="name" class="elementor-common-cate empath-cate-badge-4 category-badge" href="/categories?category[]=Nutrition" data-category="Nutrition"> 3643 <span>Nutrition</span>
3644 <svg width="14" height="11" viewBox="0 0 14 11" class="category-icon" xmlns="http://www.w3.org/2000/svg"> 3645 <path d="M9.77924 0H1.07518C0.106704 0 -0.296235 1.2391 0.48701 1.80873L11.9764 10.1646C12.7631 10.7368 13.8209 9.96258 13.5132 9.03967L10.7279 0.683772C10.5918 0.27543 10.2097 0 9.77924 0Z"></path> 3646 </svg> 3647 </a> 3648 <div class="custom-rating-text">â â â â â <span style="color: black;"> 5 (1) out of 10</span> </div> 3649 </div> 3650 <div class="custom-card-title" style="font-size: 30px;">Eat Smart, Not Less: The Real Deal on Nutrition</div> 3651 <p style="font-size: 18px;"> Eat Smart, Not Less: The Real Deal on Nutrition & Healthy Eating. Let’s</p> 3652 <div class="custom-meta"> 3653 <span class="custom-author"> 3654 <span><img src="/images/badgetrusted1.png" alt="aurthor" class="custom-aurthor"></span> 3655 <span class="bold">Maxqsoft</span> 3656 </span> 3657 <span class="custom-date"><i class="fa fa-calendar calendarIcon"></i> 04/05/2025</span> 3658 </div> 3659 </div> 3660 </div> 3661 </div> 3662 </div> 3663 <div class="col-md-4" style="padding-top: 50px;"> 3664 <img src="/images/pexel-photo-1601773-small.jpeg" class="weekly-imgg" alt="Profile"> 3665 </div> 3666 </div> 3667 <div class="row tmargin tpad"> 3668 <div class="col-md-8 tmargin tpad"> 3669 <div class="col-md-4"> 3670 <div class="card position-relative" style="box-shadow: none; border: none; "> 3671 <a href="/blog/the-lasting-impact-of-covid-19-on-healthcare-systems"> 3672 3673 <img src="/uploads/news-pictures/19-whitby-blog-post-image-20250323185113.jpeg" class="card-img-top" alt="Food"> 3674 </a> 3675 <div class="card-body" style="padding: 15px 0px;"> 3676 <div style="min-height: 25px;"> 3677 3678 <a aria-label="name" class="elementor-common-cate empath-cate-badge-4 category-badge" href="/categories?category[]=Family Medicine" data-category="Family Medicine"> 3679 <span>Family Medicine</span>
3680 <svg width="14" height="11" viewBox="0 0 14 11" class="category-icon" xmlns="http://www.w3.org/2000/svg"> 3681 <path d="M9.77924 0H1.07518C0.106704 0 -0.296235 1.2391 0.48701 1.80873L11.9764 10.1646C12.7631 10.7368 13.8209 9.96258 13.5132 9.03967L10.7279 0.683772C10.5918 0.27543 10.2097 0 9.77924 0Z"></path> 3682 </svg> 3683 </a> 3684 </div> 3685 <h6 class="card-title tmargin">The Lasting Impact of COVID-19 on Healthcare</h6> 3686 <p class="bold"><i class="fa fa-calendar calendarIcon"></i> 03/23/2025</p> 3687 </div> 3688 </div> 3689 </div> 3690 <div class="col-md-4"> 3691 <div class="card position-relative" style="box-shadow: none; border: none; "> 3692 <a href="/blog/gen-z-s-approach-to-mental-health-embracing-mental-health-days"> 3693 3694 <img src="/uploads/news-pictures/19-whitby-blog-post-image-20250323191147.jpeg" class="card-img-top" alt="Food"> 3695 </a> 3696 <div class="card-body" style="padding: 15px 0px;"> 3697 <div style="min-height: 25px;"> 3698 3699 <a aria-label="name" class="elementor-common-cate empath-cate-badge-4 category-badge" href="/categories?category[]=Mental Health" data-category="Mental Health"> 3700 <span>Mental Health</span>
3701 <svg width="14" height="11" viewBox="0 0 14 11" class="category-icon" xmlns="http://www.w3.org/2000/svg"> 3702 <path d="M9.77924 0H1.07518C0.106704 0 -0.296235 1.2391 0.48701 1.80873L11.9764 10.1646C12.7631 10.7368 13.8209 9.96258 13.5132 9.03967L10.7279 0.683772C10.5918 0.27543 10.2097 0 9.77924 0Z"></path> 3703 </svg> 3704 </a> 3705 </div> 3706 <h6 class="card-title tmargin">Gen Z's Approach to Mental Health: Embracing</h6> 3707 <p class="bold"><i class="fa fa-calendar calendarIcon"></i> 03/23/2025</p> 3708 </div> 3709 </div> 3710 </div> 3711 <div class="col-md-4"> 3712 <div class="card position-relative" style="box-shadow: none; border: none; "> 3713 <a href="/blog/eight-essential-strategies-to-reduce-stroke-risk"> 3714 3715 <img src="/uploads/news-pictures/19-whitby-blog-post-image-20250323192949.jpeg" class="card-img-top" alt="Food"> 3716 </a> 3717 <div class="card-body" style="padding: 15px 0px;"> 3718 <div style="min-height: 25px;"> 3719 3720 <a aria-label="name" class="elementor-common-cate empath-cate-badge-4 category-badge" href="/categories?category[]=Neurology" data-category="Neurology"> 3721 <span>Neurology</span>
3722 <svg width="14" height="11" viewBox="0 0 14 11" class="category-icon" xmlns="http://www.w3.org/2000/svg"> 3723 <path d="M9.77924 0H1.07518C0.106704 0 -0.296235 1.2391 0.48701 1.80873L11.9764 10.1646C12.7631 10.7368 13.8209 9.96258 13.5132 9.03967L10.7279 0.683772C10.5918 0.27543 10.2097 0 9.77924 0Z"></path> 3724 </svg> 3725 </a> 3726 </div> 3727 <h6 class="card-title tmargin">Eight Essential Strategies to Reduce Stroke</h6> 3728 <p class="bold"><i class="fa fa-calendar calendarIcon"></i> 03/23/2025</p> 3729 </div> 3730 </div> 3731 </div> 3732 3733 </div> 3734 3735 <div class="col-md-4"> 3736 <h1 class="text-left tmargin tpad" style="font-weight: 600; margin-bottom: 20px; font-size: 26px;">Follow US</h1> 3737 <div class="social-container"> 3738 3739 <a href=""> 3740 <div class="social-box facebook"> 3741 <i class="fab fa-facebook icon"></i> 3742 <div class="text"> 3743 <strong>Facebook</strong><br> 3744 23k Likes 3745 </div> 3746 </div> 3747 </a> 3748 3749 <a href="https://x.com/mrbusiness_ca"> 3750 <div class="social-box twitter"> 3751 <i class="fab fa-x-twitter icon"></i> 3752 <div class="text"> 3753 <strong>Twitter</strong><br> 3754 56k Followers 3755 </div> 3756 </div> 3757 </a> 3758 3759 <a href="https://www.youtube.com/channel/UCoIM-XyGhZjWvWLuUON2CUw"> 3760 <div class="social-box youtube"> 3761 <i class="fab fa-youtube icon"></i> 3762 <div class="text"> 3763 <strong>Youtube</strong><br> 3764 56k Subscribers 3765 </div> 3766 </div> 3767 </a> 3768 3769 <a href=""> 3770 <div class="social-box spotify"> 3771 <i class="fab fa-spotify icon"></i> 3772 <div class="text"> 3773 <strong>Spotify</strong><br> 3774 14k Followers 3775 </div> 3776 </div> 3777 </a> 3778 3779 <a href=""> 3780 <div class="social-box instagram"> 3781 <i class="fab fa-instagram icon"></i> 3782 <div class="text"> 3783 <strong>Instagram</strong><br> 3784 5M Followers 3785 </div> 3786 </div> 3787 </a> 3788 3789 <a href=""> 3790 <div class="social-box pinterest"> 3791 <i class="fab fa-pinterest icon"></i> 3792 <div class="text"> 3793 <strong>Pinterest</strong><br> 3794 59k Followers 3795 </div> 3796 </div> 3797 </a> 3798 3799 </div> 3800 3801 </div> 3802 </div> 3803 3804</div> 3805 3806 3807<!-----------------------------------------------------> 3808 3809 3810 3811 3812 3813 3814 3815 3816 3817 3818 3819 3820 3821 3822 3823 3824 3825 3826 3827 3828 3829 3830 3831 </div> 3832</div> 3833 <div class="clearfix"></div> 3834 <div class="post-pagination-block"> 3835 <ul class="pagination"> 3836 </ul> 3837 <div class="clearfix"></div> 3838 </div> 3839 <div class="clearfix"></div> 3840 </div> <!-- <div class="tab-content"> --> 3841 3842 </div> 3843 </div> 3844 3845 </div> 3846 <div class="clearfix"></div> 3847 </div> 3848</div> 3849<!-- End Content --> 3850<div class="clearfix footer-clear-element clearfix-lg"></div> 3851 3852<div class="footer"> 3853 <div class="container"> 3854 <div class="row"> 3855 <ul class="footer_menu sm-text-center"> 3856 <li class='col-md-5'><span id='link374' class='head'> About</span><ul><li class=''><span id='link375' class='content'> Search A to Z Health Guide to find top-rated health businesses, trusted professionals, and valuable wellness information. Whether you're looking for clinics, fitness centers, or expert advice, our directory connects you to the best in health and wellnessâall in one easy-to-navigate place. Your health journey starts here!</span></li></ul></li><li class='col-md-2 col-md-offset-1'><span id='link376' class='head'> Website</span><ul><li class=''><a href='/about' id='link377'>How It Works</a></li><li class=''><a href='/join' id='link378'>List Your Company</a></li><li class=''><a href='/categories' id='link380'>Browse Categories</a></li><li class=''><a href='/locations' id='link381'>Browse Locations</a></li><li class=''><a href='/login' id='link383'>Member Login</a></li><li class=''><a href='/about/contact' id='link384'>Contact Us</a></li></ul></li><li class='col-md-2'><span id='link379' class='head'> Local Website</span><ul><li class=''><a href='https://www.inmississauga.com' id='link442'>Mississauga Directory</a></li><li class=''>
3856<a href='https://www.inoshawa.com' id='link443'>Oshawa Directory</a></li><li class=''><a href='https://www.inajax.com' id='link444'>Ajax Directory</a></li><li class=''><a href='https://www.inpickering.com' id='link445'>Pickering Directory</a></li><li class=''><a href='https://www.inwhitby.com' id='link446'>Whitby Directory</a></li><li class=''><a href='https://www.inthegta.com' id='link437'>GTA Directory</a></li></ul></li><li class='col-md-2'><span id='link382' class='head'> Our Website</span><ul><li class=''><a href='https://www.legistq.com' id='link433'>Lawyer Directory</a></li><li class=''><a href='https://www.engineeringq.com' id='link434'>Engineering Directory</a></li><li class=''><a href='https://www.edensdirectory.com' id='link441'>Christian Directory</a></li><li class=''><a href='https://www.bridalq.com' id='link435'>Wedding Directory</a></li><li class=''><a href='https://www.torontoweddingbox.com' id='link436'>Toronto Wedding Directory</a></li><li class=''><a href='https://www.atozhealthguide.com' id='link438'>Health Directory</a></li><li class=''><a href='https://www.rehabq.com' id='link439'>Rehab Directory</a></li><li class=''><span id='link440'> </span></li></ul></li><li class='col-md-5 vpad vmargin'><span id='link386'> <style type='text/css'> .network-icon.twitter { 3857 background: black !important; 3858} </style><div itemscope itemtype="http://schema.org/WebSite"> 3859 <meta itemprop="name" content="A to Z health Guide" id="sitename"> 3860 <link href="//www.atozhealthguide.com" itemprop="url" id="sitelink"> 3861 <div class="list-social-links"> 3862 <a class="network-icon contact" href="/about/contact" title="Contact Us A to Z health Guide"> 3863 <i class="fa fa-envelope"></i> 3864 </a> 3865 <a class="network-icon facebook" itemprop="sameAs" href="https://www.facebook.com/mrbusinessgta" target="_blank" title="A to Z health Guide Facebook"> 3866 <i class="fa fa-facebook"></i> 3867 </a> 3868 <a class="network-icon image-icon twitter" itemprop="sameAs" href="https://x.com/mrbusiness_ca" target="_blank" title="A to Z health Guide X"> 3869 <img alt="A to Z health Guide X" loading="lazy" class="talign img-circle" src="/images/twitter.png" width="40" height="40"> 3870 </a> 3871 3872 3873 <a class="network-icon linkedin" itemprop="sameAs" href="https://www.linkedin.com/in/courtneymaxq" target="_blank" title="A to Z health Guide LinkedIn"> 3874 <i class="fa fa-linkedin"></i> 3875 </a> 3876 <a class="network-icon youtube" itemprop="sameAs" href="https://www.youtube.com/channel/UCoIM-XyGhZjWvWLuUON2CUw" target="_blank" title="A to Z health Guide YouTube"> 3877 <i class="fa fa-youtube"></i> 3878 </a> 3879 3880 <div class="clearfix"></div> 3881 </div> 3882</div></span></li><li class='col-md-6 col-md-offset-1 vpad vmargin'><a href='/join' id='link387' class='btn btn_footer_get_listed btn-lg btn-block bold center sm-block'>Natural Healths - Get Listed Today</a></li><li class='col-md-12 clearfix vmargin text-center'><span id='link388'> </span><ul><li class='clearfix vmargin vpad inline-block'><span id='link389'> </span></li><li class='btn-lg font-sm novpad norpad inline-block'><span id='link390'> © 2026</span></li><li class='font-sm inline-block hpad'><a href='/' id='link391' title='A to Z health Guide'>A to Z health Guide</a></li><li class='font-sm inline-block'><span id='link392'> All Rights Reserved</span></li><li class='font-sm inline-block hpad'><a href='/about/terms' id='link393' title='Terms of Use'>Terms of Use</a></li><li class='font-sm inline-block'><a href='/about/privacy' id='link394' title='Privacy Policy'>Privacy Policy</a></li></ul></li> </ul> 3883 </div> 3884 </div> 3885</div><style type='text/css'> .scrollup { 3886 border-radius: 3px; 3887 width: 40px; 3888 height: 40px; 3889 opacity: 0.4; 3890 position: fixed; 3891 bottom: 30px; 3892 right: 30px; 3893 display: none; 3894 background: rgba(119, 119, 119, 0.8); 3895 z-index: 1000000; 3896} 3897.scrollup i { 3898 font-size: 36px; 3899 color: white; 3900 position: relative; 3901 top: 0px; 3902 left: 10px; 3903} </style> <div class="myModal modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="mySmallMod
3903alLabel" 3904 data-backdrop="static" data-keyboard="false"> 3905 <div class="modal-dialog" role="document"> 3906 <div class="modal-content"> 3907 <div class="modal-body nohpad nobpad"> 3908 <button type="button" style="z-index:10;position:absolute;right:15px;" class="close hmargin" 3909 data-dismiss="modal">× 3910 </button> 3911 <style> 3912 .member-login-container:not(.modal .module) { 3913 width: 555px; 3914 max-width: 100%; 3915 margin-left: auto; 3916 margin-right: auto; 3917 margin-bottom:0; 3918 background-color: rgb(250, 250, 250)!important; 3919 border-color: rgb(238, 238, 238)!important; 3920 color: rgb(41, 41, 41)!important; 3921 } 3922 .login-register-tabs, .login-register-content { 3923 width: 555px!important; 3924 max-width: 100%; 3925 margin-left: auto!important; 3926 margin-right: auto!important; 3927 background-color: rgb(238, 238, 238); 3928 } 3929 .login-register-content { 3930 background: transparent; 3931 padding: 0; 3932 border: none; 3933 } 3934 .login-register-content h2, .login-register-content h2+hr, .login-register-content .account-menu-title { 3935 display: none!important; 3936 } 3937 .express_login_create_account_prefix hr { 3938 margin: 15px 0 10px; 3939 }
3940 .modal-content #containerFBLogin, .modal-content #containerGoogleLogin { 3941 margin:15px 0; 3942 } 3943 3944 /* CSS When Login Form and Express Registration Rendered in Sidebar */ 3945 .col-md-3 .bd-chat-well-container,.col-md-4 .bd-chat-well-container { 3946 padding: 15px 10px; 3947 } 3948 .col-md-3 .bd-chat-center-text,.col-md-4 .bd-chat-center-text { 3949 margin: 0; 3950 font-size: 20px; 3951 padding: 0 15px; 3952 } 3953 .col-md-3 .member-login-page-container .login-register-tabs *, .col-md-4 .member-login-page-container .login-register-tabs * { 3954 font-size: 12px; 3955 line-height: 1.2em; 3956 vertical-align: bottom; 3957 } 3958 .col-md-3 .member-login-page-container .login-register-tabs a, .col-md-4 .member-login-page-container .login-register-tabs a { 3959 padding: 5px !important; 3960 height: 50px; 3961 vertical-align: middle; 3962 display: table-cell !important; 3963 width: 1%; 3964 } 3965 .col-md-3 .member-login-page-container .login-register-content, .col-md-4 .member-login-page-container .login-register-content { 3966 padding: 0; 3967 } 3968 .col-md-3 .member-login-container, .col-md-4 .member-login-container { 3969 padding: 15px !important; 3970 font-size: 13px; 3971 } 3972 .col-md-3 .member-login-page-container .input-lg, .col-md-4 .member-login-page-container .input-lg { 3973 height: 34px; 3974 padding: 6px 12px; 3975 font-size: 14px; 3976 } 3977 .col-md-3 .member-login-page-container .security_question_label, .col-md-4 .member-login-page-container .security_question_label { 3978 transform: scale(.85); 3979 margin: -1.15em -1.15em 0; 3980 } 3981 .col-md-3 #containerFBLogin, .col-md-4 #containerFBLogin, .col-md-3 #containerGoogleLogin, .col-md-4 #containerGoogleLogin, .col-md-3 .login-cta-buttons li, .col-md-4 .login-cta-buttons li { 3982 width: 100%; 3983 display: block; 3984 margin-top:5px; 3985 } 3986 .col-md-3 .login-cta-buttons li, .col-md-4 .login-cta-buttons li { 3987 padding:0 3988 } 3989 .col-md-3 .login-cta-buttons ul.nav, .col-md-4 .login-cta-buttons ul.nav { 3990 margin-top: -10px; 3991 } 3992 .col-md-3 #googleAction, .col-md-3 #facebookAction, .col-md-4 #googleAction, .col-md-4 #facebookAction { 3993 padding: 0; 3994 min-height: 0; 3995 font-size: 14px; 3996 margin: 0; 3997 } 3998 .col-md-3 #googleAction img, .col-md-3 #facebookAction img, .col-md-4 #googleAction img, .col-md-4 #facebookAction img { 3999 height: 36px !important; 4000 margin-right: 5px; 4001 position: relative!important; 4002 display: inline-block; 4003 } 4004 @media only screen and (max-width: 767px) { 4005 .col-md-3 .member-login-page-container .login-register-tabs a, .col-md-4 .member-login-page-container .login-register-tabs a { 4006 display: block !important; 4007 width: 100%; 4008 line-height: 40px; 4009 } 4010 4011 #containerGoogleLogin { 4012 text-align: center; 4013 margin-top: 10px; 4014 } 4015 #containerGoogleLogin #gBtn { 4016 display: inline-block; 4017 } 4018 } 4019 </style> 4020 <div class="row member-login-page-container"> 4021 <div class="fpad-lg novpad"> 4022 4023 4024 <div class="module fpad-xl member-login-container"> 4025 <style type="text/css">label span.required { color: #B94A48; }span.help-inline, span.help-block {font-size: .9em; }</style><form action="/api/widget/json/get/Bootstrap%20Theme%20-%20Member%20Login%20Page" id="member_login_190" method="post" labelwidth="100" labelpaddingtop="0.5em" enctype="multipart/form-data" form_action_type="redirect" form_action_div return_data_type="" name="member_login_190" class=" ">
4025<input type="hidden" name="sized" value="0" id="member_login_190-element-0"/><input type="hidden" name="mysql_real_escape_string_runned" value="1" id="member_login_190-element-1"/><input type="hidden" name="form" value="myform" id="member_login_190-element-2"/><input type="hidden" name="formname" value="member_login" id="member_login_190-element-3"/><input type="hidden" name="dowiz" value="1" id="member_login_190-element-4"/><input type="hidden" name="save" value="1" id="member_login_190-element-5"/><input type="hidden" name="url_origin_pars" value="/blog" id="member_login_190-element-6"/><input type="hidden" name="action" autocomplete="off" value="login" id="member_login_190-element-7"/><h2 class="nomargin member-login-h2-form-title">Member Login</h2><hr><style type='text/css'> #containerGoogleLogin #gBtn { 4026 display: inline-block; 4027 text-align: center; 4028 width: 216px; 4029} 4030 4031.module #containerFBLogin #facebookAction img, .module #containerFBLogin #facebookAction img { 4032 position: absolute !important; 4033} 4034.module #containerFBLogin a#facebookAction { 4035 max-width: 200px; 4036 position: relative; 4037 left: -8px; 4038 4039} </style> <!-- Required Font-Family for Social Buttons --> 4040 <link rel="stylesheet" media="print" onload="this.onload=null;this.removeAttribute('media');" href="https://fonts.googleapis.com/css?family=Roboto:500&display=swap"> 4041 <noscript> 4042 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:500&display=swap"> 4043 </noscript> 4044 4045 <div class="row social-login-row"> 4046 </div><div class="form-group"><label class="vertical-label bd-email" for="member_login_190-element-10"><span class="required">* </span>Email Address</label><input type="email" name="email" required placeholder="[email protected]" autocomplete="off" value class="form-control input-lg" id="member_login_190-element-10"/></div><div class="form-group"><label class="vertical-label bd-password" for="member_login_190-element-11"><span class="required">* </span>Password</label> 4047 <style> 4048 #togglePassword { 4049 background: none; 4050 border: none; 4051 cursor: pointer; 4052 font-weight: bold; 4053 font-size: .85em; 4054 position: absolute; 4055 right: 5px; 4056 top: 0; 4057 } 4058 </style><button type="button" tabindex="-1" id="togglePassword" onclick="showPassword(this);"> <i class="fa fa-lock" aria-hidden="true"></i></button> 4059
4059<script> 4060 function showPassword(node){ 4061 const parent = node.closest('.form-group'); 4062 const passwordField = parent.querySelector(`input[type='password'], input[type='text']`); 4063 const isPassword = passwordField.getAttribute('type') === 'password'; 4064 passwordField.setAttribute('type', isPassword ? 'text' : 'password'); 4065 const iconHTML = isPassword ? `<i class="fa fa-unlock" aria-hidden="true"></i>` : `<i class="fa fa-lock" aria-hidden="true"></i>`; 4066 node.innerHTML = iconHTML; 4067 } 4068 </script>
4068<input type="password" name="pass" required placeholder="Enter Password" autocomplete="off" value class="form-control input-lg" id="member_login_190-element-11"/></div><span class="help-block bpad bmargin notmargin"> <a href="/login/retrieval">Forgot Password? Click to Reset Password</a></span><div class="form-group"><div class="form-group security_question_label"> 4069 <div id="member_login_190-captchaContainer" class="control-group"> 4070 <div class="g-recaptcha" id="member_login_190-google-recaptcha"></div> 4071 </div> 4072 <small class="help-block" id="recaptcha_error" style="display:none;" data-fv-validator="notEmpty" data-fv-for="recaptcha" data-fv-result="INVALID" />The security check was not completed successfully.</small> 4073 <div class="clearfix bmargin"></div> 4074 <input type="hidden" name="recaptcha" id="member_login_190-rcap"> 4075</div> 4076 <style> 4077 .modal .g-recaptcha-scale, .col-md-4 .g-recaptcha-scale, .col-md-3 .g-recaptcha-scale, .col-lg-3 .g-recaptcha-scale, .col-lg-4 .g-recaptcha-scale { 4078 transform: scale(0.77); 4079 -webkit-transform: scale(0.77); 4080 transform-origin: 0 0; 4081 -webkit-transform-origin: 0 0; 4082 margin-bottom: -15px; 4083 } 4084 4085 .modal #member_login_190-captchaContainer, .col-md-4 #member_login_190-captchaContainer, .col-md-3 #member_login_190-captchaContainer, .col-lg-3 #member_login_190-captchaContainer, .col-lg-4 #member_login_190-captchaContainer { 4086 transform: scale(0.77); 4087 -webkit-transform: scale(0.77); 4088 transform-origin: 0 0; 4089 -webkit-transform-origin: 0 0; 4090 margin-bottom: -15px; 4091 } 4092 </style> 4093
4093<script type="text/javascript"> 4094 if(typeof formsFound == "undefined"){ 4095 var formID = ''; 4096 var currentCaptcha = {}; 4097 var captchaHolders = {}; 4098 var formsFound = {}; 4099 var captchaApiRequested = false; 4100 /* The forms the visitor has actually interacted with - only these get a widget. */ 4101 var captchaArmedForms = []; 4102 /* api.js stays lazy - nothing is fetched from Google until the visitor actually 4103 touches the form. 'click' alone was too narrow: a keyboard-only visitor tabs in 4104 and presses Enter without ever clicking, so api.js never loaded, the captcha 4105 never rendered, and the form POSTed an empty token. */ 4106 var captchaTriggerEvents = ['click', 'keydown', 'focusin', 'touchstart']; 4107 4108 window.addEventListener('load', () => { 4109 formID = document.querySelectorAll('[name="recaptcha"]'); 4110 if (typeof formID != "undefined" && formID !== null) { 4111 for (let i = 0; i < formID.length; i++) { 4112 let formIDForm = formID[i].closest('form'); 4113 let captchaHolder = formIDForm.querySelector(".g-recaptcha"); 4114 4115 if (typeof formsFound[formIDForm.id] != "undefined") { 4116 formsFound[formIDForm.id]['counter']++; 4117 }else{ 4118 formsFound[formIDForm.id] = {'counter' : 1}; 4119 } 4120 4121 formIDForm.setAttribute('data-counter', formsFound[formIDForm.id]['counter']); 4122 captchaHolder.setAttribute('id',captchaHolder.id+'-'+formsFound[formIDForm.id]['counter']); 4123 4124 if (typeof formIDForm != "undefined" && formIDForm !== null) { 4125 captchaTriggerEvents.forEach( evt => 4126 formIDForm.addEventListener(evt, reCaptchaOnFormInteraction, false) 4127 ); 4128 } 4129 } 4130 } 4131 }); 4132 } 4133 4134 function reCaptchaOnFormInteraction(event) { 4135 if (event && event.currentTarget) { 4136 captchaArmForm(event.currentTarget); 4137 } 4138 if (captchaApiRequested) { 4139 renderArmedCaptchas(); 4140 return; 4141 } 4142 captchaApiRequested = true; 4143 4144 var head = document.getElementsByTagName('head')[0]; 4145 var script = document.createElement('script'); 4146 script.type = 'text/javascript'; 4147 script.src = 'https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit&hl=en'; 4148 head.appendChild(script); 4149 } 4150 4151 var captchaArmForm = function (formEl) { 4152 if (!formEl) { 4153 return; 4154 } 4155 for (var a = 0; a < captchaArmedForms.length; a++) { 4156 if (captchaArmedForms[a] === formEl) { 4157 return; 4158 } 4159 } 4160 captchaArmedForms.push(formEl); 4161 }; 4162 4163 var captchaSolvedCallback = function (holder) { 4164 return function () { 4165 var formEl = holder.closest('form'); 4166 if (!formEl) { 4167 return; 4168 } 4169 $(formEl).find('.security_question_label').removeClass('has-error'); 4170 $(formEl).find('#recaptcha_error').css('display', 'none'); 4171 var notification = document.getElementById(formEl.id + '-notification'); 4172 if (notification && notification.classList.contains('alert-danger-subtle')) { 4173 $(notification).slideUp(); 4174 } 4175 }; 4176 }; 4177 4178 var renderArmedCaptchas = function () { 4179 if (typeof grecaptcha === "undefined" || typeof grecaptcha.render !== "function") { 4180 return; 4181 } 4182 for (var f = 0; f < captchaArmedForms.length; f++) { 4183 var holder = captchaArmedForms[f].querySelector('div[class=g-rec
4183aptcha]'); 4184 4185 if (!holder || !holder.id || holder.getClientRects().length === 0) { 4186 continue; 4187 } 4188 /* Guard a second render: grecaptcha throws on an element it already claimed. */ 4189 if (typeof captchaHolders[holder.id] === "undefined") { 4190 captchaHolders[holder.id] = grecaptcha.render(holder.id, { 4191 'sitekey': '6Lf5x7ArAAAAANWNGogazYweb7go-_8lFv3BEpnO', 4192 'callback': captchaSolvedCallback(holder) 4193 }); 4194 } 4195 } 4196 }; 4197 4198 var onloadCallback = function (event) { 4199 renderArmedCaptchas(); 4200 }; 4201 4202 </script>
vendor: 1 bytes, line 4202
4202
4203<script> 4204 $(document).ready(function(){ 4205 /* Implicit submission (Enter inside a field) fires 'submit' without firing a click on 4206 the submit button, so the click guard below never sees it and the form POSTed an 4207 empty token. Bound on document/capture so it runs before FormValidation's own 4208 handler on the form - at AT_TARGET the capture flag does not order listeners, so a 4209 listener on the form itself would not reliably win. Native HTMLFormElement.submit() 4210 does not dispatch 'submit', so the solved-captcha path below is unaffected. */ 4211 var captchaGuardedForm = document.getElementById('member_login_190'); 4212 if (captchaGuardedForm) { 4213 document.addEventListener('submit', function (event) { 4214 if (event.target !== captchaGuardedForm) { 4215 return; 4216 } 4217 4218 var formId = captchaGuardedForm.id; 4219 var captchaHolderKey = formId + "-google-recaptcha-" + $(captchaGuardedForm).data('counter'); 4220 var captchaRendered = typeof captchaHolders[captchaHolderKey] != "undefined"; 4221 4222 if (captchaRendered && grecaptcha.getResponse(captchaHolders[captchaHolderKey]) !== "") { 4223 $("#" + formId + " .security_question_label").removeClass("has-error"); 4224 $("#" + formId + " #recaptcha_error").css("display", "none"); 4225 return; 4226 } 4227 4228 /* Unsolved, or api.js still in flight: either way there is no token to send. */ 4229 event.preventDefault(); 4230 event.stopImmediatePropagation(); 4231 $("#" + formId + " .security_question_label").addClass("has-error"); 4232 $("#" + formId + " #recaptcha_error").css("display", "block"); 4233 return false; 4234 }, true); 4235 } 4236 $("#member_login_190 input[type=submit]").unbind('click'); 4237 $("#member_login_190 input[type=submit]").click(function (event) { 4238 4239 var formId = $(this.form).attr('id'); 4240 var captchaHolderKey = formId + "-google-recaptcha-" +$(this.form).data('counter'); 4241 4242 if (typeof captchaHolders[captchaHolderKey] != "undefined") { 4243 if (grecaptcha.getResponse(captchaHolders[captchaHolderKey]) === "") { 4244 event.preventDefault(); 4245 $("#" + formId).formValidation('validate'); 4246 $("#" + formId + " .security_question_label").addClass("has-error"); 4247 $("#" + formId + " #recaptcha_error").css("display", "block"); 4248 return false; 4249 } 4250 4251 /* Solved captcha: clear the error UI and let the click proceed untouched. 4252 The browser then fires a REAL, button-initiated submit event, so 4253 FormValidation runs its normal chain (success.form.fv -> AJAX modal on 4254 checkout / native POST on login). Re-submitting here artificially broke 4255 both ways: native form.submit() skips the FV chain (checkout rendered the 4256 raw JSON response), and jQuery .submit() fires a synthetic submit that FV 4257 refuses, leaving the form stuck after the first error (Bug 2). */ 4258 $("#" + formId + " .security_question_label").removeClass("has-error"); 4259 $("#" + formId + " #recaptcha_error").css("display", "none"); 4260 } 4261 }); 4262 }); 4263</script>
4263</div><div class="form-actions"><input type="submit" value="Login Now" name class="btn btn-primary btn-lg btn-block " id="member_login_190-element-14"/></div><div class="login-cta-buttons"><hr class="cta-hr"><ul class="list-inline nomargin inline-block btn-block"><li class='col-md-12 text-center bold nav'><a href='/join' id='link198'>Don't Have an Account? Get Listed Today</a></li></ul><div class="clearfix"></div></div></form>
4263<script type="text/javascript">jQuery(document).ready(function() { jQuery("#member_login_190").bind("submit", function() { 4264 });}); </script>
4264 <div class="clearfix"></div> 4265 </div> 4266 4267 4268 </div> 4269 </div> 4270 </div> 4271 </div> 4272 </div> 4273 </div> 4274 4275 4276 4277 <link rel="stylesheet" type="text/css" href="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/limonte-sweetalert2/6.11.2/sweetalert2.min.css">
4278<script src="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/limonte-sweetalert2/6.11.2/sweetalert2.min.js"></script>
vendor: 2 bytes, line 4278
4278
4279<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/bundle.umd.min.js" onload="checkAdBlock()" async defer></script>
vendor: 2 bytes, line 4279
4279
4280<script> 4281 4282 function checkAdBlock() { 4283 justDetectAdblock.detectAnyAdblocker().then(function(detected) { 4284 if(detected){ 4285 swal({ 4286 type: 'error', 4287 title: `AdBlock detected`, 4288 text: `Please Disable AdBlock For Visiting.`, 4289 showConfirmButton: false, 4290 confirmButtonText: 'OK', 4291 allowOutsideClick: false, 4292 focusConfirm: false 4293 }); 4294 } 4295 }); 4296 4297 } 4298</script>
4298 4299
4300<script> 4301 function clearContent(thisObj){ 4302 var size; 4303 if(thisObj.hasClass('input-sm') || thisObj.parents('.input-group').hasClass('input-group-sm')){ 4304 size = "small"; 4305 } else if (thisObj.hasClass('input-lg') || thisObj.parents('.input-group').hasClass('large-autosuggest')){ 4306 size = "large"; 4307 } else { 4308 size = "medium"; 4309 } 4310 if(!thisObj.parent().hasClass('input_wrapper')){ 4311 if(thisObj.parent().hasClass('input-group-sm')){ 4312 thisObj.wrap('<span class="input-group-sm input_wrapper"></span>'); 4313 } else if (thisObj.parent().hasClass('input-group-lg')){ 4314 thisObj.wrap('<span class="input-group-lg input_wrapper"></span>'); 4315 } else { 4316 thisObj.wrap('<span class="input_wrapper"></span>'); 4317 } 4318 } 4319 if(thisObj.val() != ""){ 4320 if(thisObj.hasClass('googleSuggest')){ 4321 thisObj.parent().find('.fill_location').remove(); 4322 } 4323 if (!thisObj.parent().find('.clear_content').length){ 4324 thisObj.parent().append(`<span class="clear_content ${size}"><i class="fa fa-times-circle" aria-hidden="true"></i></span>`); 4325 if (thisObj.hasClass("tt-input")) { 4326 thisObj.focus(); 4327 } 4328 4329 } 4330 } 4331 } 4332 4333 $(document).on('click', '.drp-buttons .applyBtn', function(){ 4334 clearContent($(".dateRange input")); 4335 }); 4336 4337 $('.sm-autosuggest input, .googleSuggest, .large-autosuggest input, .md-autosuggest input, .normal-autosuggest input, .google-writen-location, .dateRange input').keyup(function(){ 4338 clearContent($(this)); 4339 }); 4340 4341 $(document).ready(function(){ 4342 $('.sm-autosuggest input, input.googleSuggest, .large-autosuggest input, .md-autosuggest input, .normal-autosuggest input, .google-writen-location, .dateRange input').each(function(){ 4343 clearContent($(this)); 4344 }) 4345 }) 4346 4347 $(document).on('click', '.clear_content', function(){ 4348 $(this).parent().find('input').val(''); 4349 //tt-input its a class for typeahead auto-suggest 4350 if ($(this).parent().find('input').hasClass("tt-input")) { 4351 $(this).parent().find('input').typeahead('val',''); 4352 } 4353 clearContent($(this).parent().find('input')); 4354 $(this).remove(); 4355 }); 4356 4357 $(window).on('load', function () { 4358 setTimeout(function() { 4359 // add missing href attribute to multi-category options in search modules 4360 $('.bootstrap-select.show-tick .dropdown-menu a').attr('href', '#'); 4361 }, 2000); 4362 }); 4363</script>
4363 4364 4365 4366 4367<a href="#" class="scrollup" title="scrollup"> 4368 <i class="fa fa-caret-up" aria-hidden="true"></i> 4369</a>
4370<script> 4371 $(document).ready(function(){ 4372 // .progressbar() comes from bootstrap-progressbar.min.js, loaded only by widgets 1236/1318. 4373 // Elsewhere it used to fall through to jQuery UI's; jQuery UI is no longer global, so an 4374 // unguarded call throws and kills the rest of this ready() handler (scrollup, crop button). 4375 if ($.fn.progressbar) { 4376 $('.progress .progress-bar').progressbar({ 4377 display_text: 'fill' 4378 }); 4379 } 4380 $(window).scroll(function(){ 4381 4382 if ($(this).scrollTop() > 600) { 4383 $('.scrollup').fadeIn(); 4384 4385 } else { 4386 $('.scrollup').fadeOut(); 4387 } 4388 }); 4389 $('.scrollup').click(function(){ 4390 $("html, body").animate({ 4391 scrollTop: 0 4392 }, 600); 4393 return false; 4394 }); 4395 $('#cropButton').click(function(){ 4396 var iframe = $("#cropiFrame"); 4397 iframe.attr("src", iframe.data("src")); 4398 }); 4399 }); 4400</script>
vendor: 2 bytes, line 4400
4400
4401<script> 4402 function loadMasonryJs() { 4403 return new Promise((resolve, reject) => { 4404 if (window["masonryJs"]) { 4405 resolve("already load masonry"); 4406 } else { 4407 let script = document.createElement('script'); 4408 script.type = 'text/javascript'; 4409 script.src = "https://www.optimizecdn.com/directory/cdn/assets/bootstrap/js/masonry_gridview.pkgd.min.js"; 4410 script.async = true; 4411 script.onload = function () { 4412 window['masonryJs'] = true; 4413 resolve("ok"); 4414 }; 4415 let head = document.getElementsByTagName('head')[0]; 4416 head.appendChild(script); 4417 4418 } 4419 }); 4420 } 4421 4422 var map_opened = 0; 4423 var masonry_opened = 0; 4424 4425 $(".views > i").click(function () { 4426 $(".views > i").removeClass('activeView'); 4427 $(this).addClass('activeView'); 4428 }); 4429 $(".views > i.gridView").click(async function () { 4430 await loadMasonryJs(); 4431 $('.grid-container .clickToLoadMoreContainer').addClass('gridBtnLazyLoad') 4432 if (map_opened == 1) { 4433 $('.grid-container').removeClass('hidden'); 4434 $('.map_container').hide(); 4435 map_opened = 0; 4436 } 4437 $('.grid-container').addClass('visible'); 4438 $('.img_section.col-xs-2').removeClass('col-xs-2').addClass('col-xs-12 bmargin ex-col-2'); 4439 $('.img_section.col-sm-3').removeClass('col-sm-3').addClass('col-sm-12 bmargin ex-col-3'); 4440 $('.img_section.col-sm-4').removeClass('col-sm-4').addClass('col-sm-12 bmargin ex-col-4'); 4441 $('.mid_section.col-sm-9').removeClass('col-sm-9').addClass('col-sm-12 ex-col-9'); 4442 $('.mid_section.col-sm-6').removeClass('col-sm-6').addClass('col-sm-12 ex-col-6'); 4443 $('.mid_section.col-sm-7').removeClass('col-sm-7').addClass('col-sm-12 nohpad ex-col-7 text-center bpad'); 4444 $('.mid_section.col-sm-8').removeClass('col-sm-8').addClass('col-sm-12 ex-col-8 nohpad bpad'); 4445 $('.mid_section .post-location-snippet').addClass('text-center'); 4446 $('.mid_section.ex-col-7 .sm-block').addClass('show'); 4447 $('.mid_section .row-fluid.bpad .col-md-8').removeClass('col-md-8').addClass('col-sm-12 bmargin'); 4448 $('.mid_section .row-fluid.bpad a').addClass('btn-block'); 4449 $('.mid_section .row-fluid.bpad').addClass('text-center'); 4450 $('.info_section').removeClass('col-sm-3 norpad').addClass('col-sm-12 nopad'); 4451 $('.mid_section > div > p').addClass('text-center'); 4452 $('.mid_section h2').addClass('nomargin'); 4453 $('.mid_section a.h3').addClass('text-center h4 tmargin'); 4454 $('.mid_section .view-details').removeClass('rmargin'); 4455 $('.mid_section .contact-member').removeClass('lmargin'); 4456 $('.member-search-full-name').removeClass('rmargin'); 4457 $('.member-search-reviews').removeClass('rmargin'); 4458 $('.member-search-location').removeClass('rmargin rpad'); 4459 $('.member-search-company').addClass('btn-block'); 4460 $('.view_phone_number').addClass('center-block'); 4461 $('.phone_number').addClass('btn-block'); 4462 $('.search_result_image').addClass('grid_image'); 4463 $('.post-search-category').removeClass('inline-block').addClass('text-center'); 4464 $('.post-results-star').removeClass('pull-right').addClass('text-center tmargin'); 4465 4466 $('.search_result').addClass('col-xs-12 col-sm-3 col-md-3 grid').removeClass('row-fluid'); 4467 $('.grid-container.visible > hr:nth-of-type(4n)').addClass('gridBreak'); 4468 $('.grid_element').addClass('well xs-center-block'); 4469 4470 $('.col-md-3 + .clearfix, .col-md-4 + .clearfix, .clearfix + hr, .search_result hr + .clearfix, .mid_section > p, .mid_section .row-fluid.bpad p.nomargin, .tags, table.bmargin,.posted-by,.star_rating .the-rating-text').hide(); 4471 $('h2.h3.bold > a').addClass('gridA'); 4472 $('.info_section .module').removeClass('module fpad'); 4473 $('.grid-container').addClass('row'); 4474 document.body.classList.add('bdGridDone'); 4475 4476 });
4477 $(".views > i.listView").click(function () { 4478 $('.grid-container .clickToLoadMoreContainer').removeClass('gridBtnLazyLoad') 4479 4480 $('.clearfix.spacing').remove(); 4481 $('.grid-container').addClass('visible'); 4482 $('.img_section.ex-col-2').removeClass('col-xs-12 ex-col-2 bmargin').addClass('col-xs-2'); 4483 $('.img_section.ex-col-3').removeClass('col-sm-12 ex-col-3 bmargin').addClass('col-sm-3'); 4484 $('.img_section.ex-col-4').removeClass('col-sm-12 ex-col-4 bmargin').addClass('col-sm-4'); 4485 $('.mid_section.col-sm-12.ex-col-9').removeClass('col-sm-12').addClass('col-sm-9'); 4486 $('.mid_section.col-sm-12.ex-col-6').removeClass('col-sm-12').addClass('col-sm-6'); 4487 $('.mid_section.col-sm-12.ex-col-7').removeClass('col-sm-12 nohpad bpad ex-col-7 text-center').addClass('col-sm-7'); 4488 $('.mid_section.col-sm-12.ex-col-8').removeClass('col-sm-12 nohpad bpad').addClass('col-sm-8'); 4489 $('.mid_section .post-location-snippet.text-center').removeClass('text-center'); 4490 $('.mid_section.col-sm-7 .sm-block').removeClass('show'); 4491 $('.mid_section.col-sm-12.ex-col-12').removeClass('col-sm-12').addClass('col-sm-12'); 4492 $('.mid_section .row-fluid.bpad .col-sm-12').removeClass('col-sm-12 bmargin').addClass('col-md-8'); 4493 $('.mid_section .row-fluid.bpad a').removeClass('btn-block'); 4494 $('.mid_section .row-fluid.bpad').removeClass('text-center'); 4495 $('.info_section').removeClass('col-sm-12 nopad').addClass('col-sm-3 norpad'); 4496 $('.info_section > div.nomargin').addClass('module fpad'); 4497 $('.mid_section > div > p').removeClass('text-center'); 4498 $('.mid_section h2').removeClass('nomargin'); 4499 $('.mid_section a.h3').removeClass('text-center h4 tmargin'); 4500 $('.mid_section .view-details').addClass('rmargin'); 4501 $('.mid_section .contact-member').addClass('lmargin'); 4502 $('.member-search-full-name').addClass('rmargin'); 4503 $('.member-search-reviews').addClass('rmargin'); 4504 $('.member-search-location').addClass('rmargin rpad'); 4505 $('.member-search-company').removeClass('btn-block'); 4506 $('.view_phone_number').removeClass('center-block'); 4507 $('.search_result_image').removeClass('grid_image'); 4508 $('.ex-col-8 h2.h3.bold a.gridA').removeClass('bmargin'); 4509 $('.gridBreak').removeClass('gridBreak'); 4510 $('.post-search-category').removeClass('text-center').addClass('inline-block'); 4511 $('.post-results-star').removeClass('text-center tmargin').addClass(' pull-right'); 4512 $('.search_result').removeClass('col-md-3 col-sm-3 col-xs-12 grid').addClass('row-fluid'); 4513 $('.grid_element').removeClass('well'); 4514 $('.search_result .grid_element + .clearfix, .clearfix + hr, hr + .clearfix, .clearfix, .mid_section > p, .mid_section .row-fluid.bpad p.nomargin, .tags,.posted-by, table.bmargin, .star_rating span').show(); 4515 $('h2.h3.bold > a').removeClass('gridA'); 4516 $('.grid-container').removeClass('row'); 4517 if (map_opened == 1) { 4518 $('.grid-container').removeClass('hidden'); 4519 $('.map_container').hide(); 4520 map_opened = 0; 4521 } 4522 }); 4523 4524 $('.views > i.mapView').click(function () { 4525 $('.clearfix.spacing').remove(); 4526 $('.grid-container').addClass('hidden'); 4527 $('.map_container').show(); 4528 map_opened = 1; 4529 if(typeof initializeGoogleMaps === "function"){ 4530 initializeGoogleMaps(); 4531 } 4532 }); 4533 if (document.getElementById("google-pin") !== null) { 4534 $('.mapView').css('display', 'inline-block'); 4535 } 4536 $(document).ready(function () { 4537 if ($('.views .fa:visible').length == 1) { 4538 $('.views').hide(); 4539 } else { 4540 $('.views').show(); 4541 } 4542 }) 4543</script>
4543<script defer> 4544 var favoriteMode = ""; 4545 var apiEngine = ""; 4546 var api = 0; // Set API to use. Default is 0 4547 var activeMembershipLevelEnable = ""; 4548 var favoriteUserClickId = ""; 4549 var bookmarkLabel = `LIKE`; 4550 var bookmarkCountLabel = `LIKES`; 4551 var currentButton; 4552 4553 function favoriteOn(lookForAll = false) { 4554 $('.col-md-6.col-md-offset-3').addClass("col-md-12").removeClass('col-md-6 col-md-offset-3'); 4555 favoriteMode = 'search'; 4556 if ($('.sidebarenabled').data('sidebar')) { 4557 favoriteMode = 'detail'; 4558 if (!$('.sidebarenabled').siblings('.postItem').data('userid')) { 4559 $('.sidebarenabled').siblings('.listingData').remove(); 4560 } 4561 } 4562 favoriteUserClickId = $('.favorite').data('activeuser'); 4563 activeMembershipLevelEnable = $('.favorite').data('activefeatureenable'); 4564 4565// Sets the API URL to use based on API value 4566 if (api == 0) { 4567 apiEngine = '/api/data/html/get/data_widgets/widget_name?name=Bootstrap%20Theme%20-%20Function%20-%20Add%20to%20Favorites%20Button'; 4568 } else if (api == 1) { 4569 apiEngine = '/api/data/html/get/data_widgets/widget_name?name=Bootstrap Theme - Function - Add to Favorites Button'; 4570 } else { 4571 apiEngine = '/api/widget/json/get/Bootstrap Theme - Function - Add to Favorites Button'; 4572 } 4573 if (favoriteUserClickId) { 4574 var favoriteCounter = $('.favorite').siblings('.postItem'); 4575 if ($('.sidebarenabled').data('sidebar') || lookForAll) { 4576 4577 if (favoriteCounter.length == 1) { 4578 var favoriteMode = 'detail'; 4579 var favoriteDataType = $('.sidebarenabled').siblings('.postItem').data('datatype'); 4580 var favoriteDataId = $('.sidebarenabled').siblings('.postItem').data('dataid'); 4581 var favoritePostId = $('.sidebarenabled').siblings('.postItem').data('postid'); 4582 var favoriteUserId = []; 4583 $('.sidebarenabled').siblings('.postItem').each(function () { 4584 favoriteUserId.push($(this).data('userid')); 4585 }); 4586 } else { 4587 var favoriteMode = 'multiSidebar'; 4588 var favoriteDataType = []; 4589 var favoriteDataId = []; 4590 var favoritePostId = []; 4591 var favoriteUserId = []; 4592 $('.postItem').each(function () { 4593 favoriteDataType.push($(this).data('datatype')); 4594 favoriteDataId.push($(this).data('dataid')); 4595 favoritePostId.push($(this).data('postid')); 4596 favoriteUserId.push($(this).data('userid')); 4597 }); 4598 } 4599 } else { 4600 var favoriteMode = 'search'; 4601 var favoriteDataType = $('.favorite').siblings('.postItem').data('datatype'); 4602 var favoriteDataId = $('.favorite').siblings('.postItem').data('dataid'); 4603 if (lookForAll) { 4604 favoriteDataType = (favoriteDataType == 10) ? 11 : 10; 4605 } 4606 if (favoriteDataType != 10) { 4607 var favoritePostId = []; 4608 $('.postItem').each(function () { 4609 favoritePostId.push($(this).data('postid')); 4610 }); 4611 var favoriteUserId = $('.favorite').siblings('.postItem').data('userid'); 4612 } else { 4613 var favoriteUserId = []; 4614 $('.postItem').each(function () { 4615 favoriteUserId.push($(this).data('userid')); 4616 }); 4617 var favoritePostId = $('.favorite').siblings('.postItem').data('postid'); 4618 } 4619 } 4620 favoriteCall(favoriteUserClickId, favoriteUserId, favoriteDataType, favoriteDataId, favoritePostId, favoriteMode, 'check'); 4621 } 4622 } 4623 4624 $(document).on('click', '.favorite', function (e) { 4625 var favoriteUserClickId = $('.favorite').data('activeuser'); 4626 if (favoriteUserClickId && activeMembershipLevelEnable) { 4627 var thisButton = $(this); 4628 currentButton = thisButton; 4629 $(thisButton).attr("disabled", true); 4630 var favoriteUserClickId = $(this).data('activeuser'); 4631 var favoriteUserId = $(this).siblings('.postItem').data('userid'); 4632 var favoriteDataType = $(this).siblings('.postItem').data('datatype'); 4633 var favoriteDataId = $(this).siblings('.postItem').data('dataid'); 4634 var favoritePostId = $(this).siblings('.postItem').data('postid'); 4635 $(this).toggleClass('favoriteActive'); 4636 if ($(this).data('state') == 0) { 4637 favoriteCall(favoriteUserClickId, favoriteUserId, favoriteDataType, favoriteDataId, favoritePostId, favoriteMode, 'add'); 4638 $(this).data('state', 1); 4639 } else { 4640 favoriteCall(favoriteUserClickId, favoriteUserId, favoriteDataType, favoriteDataId, favoritePostId, favoriteMode, 'delete'); 4641 $(this).data('state', 0); 4642 } 4643 setTimeout(function () { 4644 $(thisButton).attr("disabled", false); 4645 }, 500); 4646 } 4647 });
4648 4649 function toogleBookmark(node) { 4650 var postId = $(node).data('postid'); 4651 var count = $(node).data('count'); 4652 var numberNode = $(node).find("#number-" + postId); 4653 var textLabelNode = $(node).find("#bookmark-content"); 4654 4655 if ($(node).hasClass('favoriteActive') !== false) { 4656 count--; 4657 } else { 4658 count++; 4659 } 4660 4661 $(node).data("count", count); 4662 4663 if (count > 0) { 4664 $(textLabelNode).html(bookmarkCountLabel); 4665 $(numberNode).html(' (' + count + ')'); 4666 } else { 4667 $(textLabelNode).html(bookmarkLabel); 4668 $(numberNode).html(''); 4669 } 4670 } 4671 4672 // Function that Adds, Deletes and Selects Favorites from Backend 4673 function favoriteCall(favoriteUserClickId, favoriteUserId, favoriteDataType, favoriteDataId, favoritePostId, favoriteMode, favoriteAction) { 4674 $.post(apiEngine, { 4675 favoriteUserClickId: favoriteUserClickId, 4676 favoriteUserId: favoriteUserId, 4677 favoriteDataType: favoriteDataType, 4678 favoriteDataId: favoriteDataId, 4679 favoritePostId: favoritePostId, 4680 favoriteMode: favoriteMode, 4681 favoriteAction: favoriteAction 4682 }, function (data) { 4683 if (api == 0) { 4684 var splitData = data.split('<split>'); 4685 data = splitData[1]; 4686 } 4687 4688 if(favoriteAction == "add" && data == "save_favorite_error"){ 4689 $(currentButton).trigger('click'); 4690 swal({ 4691 type:"warning", 4692 title: `Action Unavailable`, 4693 html: `Your account is currently not ACTIVE. <br> Only ACTIVE accounts can perform this action.`, 4694 }); 4695 } 4696 4697 if (data !== null && data !== 'null') { 4698 // Checks if the action 'check' was send 4699 if (favoriteAction == 'check' && favoriteMode != 'multiSidebar') { 4700 // Checks if we are in a Detail Page 4701 if (!$('.sidebarenabled').data('sidebar')) { 4702 // Checks if we are viewing a Member 4703 if (favoriteDataType != 10) { 4704 $.each(JSON.parse(data), function (index, value) { 4705 $('.postItem[data-postid="' + value + '"]').siblings('.favorite').addClass('favoriteActive'); 4706 $('.postItem[data-postid="' + value + '"]').siblings('.favorite').data('state', 1); 4707 }); 4708 } else { 4709 $.each(JSON.parse(data), function (index, value) { 4710 $('.member_results .postItem[data-userid="' + value + '"]').siblings('.favorite').addClass('favoriteActive'); 4711 $('.member_results .postItem[data-userid="' + value + '"]').siblings('.favorite').data('state', 1); 4712 }); 4713 } 4714 } else { 4715 // Checks if we are viewing a Member 4716 if (favoriteDataType != 10) { 4717 $.each(JSON.parse(data), function (index, value) { 4718 $('.sidebarenabled').siblings('.favorite').addClass('favoriteActive'); 4719 $('.sidebarenabled').siblings('.favorite').data('state', 1); 4720 }); 4721 } else { 4722 $.each(JSON.parse(data), function (index, value) { 4723 $('.sidebarenabled').siblings('.favorite').addClass('favoriteActive'); 4724 $('.sidebarenabled').siblings('.favorite').data('state', 1); 4725 }); 4726 } 4727 } 4728 } else if (favoriteAction == 'check' && favoriteMode == 'multiSidebar') { 4729 let totalDataCount = JSON.parse(data); 4730 if (totalDataCount) { 4731 totalDataCount = totalDataCount.length; 4732 for (let i = 0; i < totalDataCount; i++) { 4733 if (JSON.parse(data)[i].dataQuery != 0) { 4734 $('.postItem[data-postid="' + JSON.parse(data)[i].postQuery + '"][data-dataid="' + JSON.parse(data)[i].dataQuery + '"]').siblings('.favorite').addClass('favoriteActive'); 4735 $('.postItem[data-postid="' + JSON.parse(data)[i].postQuery + '"][data-dataid="' + JSON.parse(data)[i].dataQuery + '"]').siblings('.favorite').data('state', 1); 4736 } else { 4737 /* dataQuery == 0 means a MEMBER favorite (users_favorite dataType 10). 4738 Restrict the match to member-type spans: on profile pages the owner's 4739 post spans carry the same data-userid, and without this filter one 4740 member favorite marked every post button of that owner as saved. */ 4741 $('.postItem[data-userid="' + JSON.parse(data)[i].postQuery + '"][data-datatype="10"]').siblings('.favorite').addClass('favoriteActive'); 4742 $('.postItem[data-userid="' + JSON.parse(data)[i].postQuery + '"][data-datatype="10"]').siblings('.favorite').data('state', 1); 4743 } 4744 } 4745 } 4746 } 4747 } 4748 }); 4749 } 4750 4751 // Code that runs once to show all favored posts by a registered user 4752 4753 favoriteOn(); 4754 favoriteOn(true); 4755</script>
4755<script> 4756 const listView = document.getElementsByClassName('listView')[0]; 4757 const gridView = document.getElementsByClassName('gridView')[0]; 4758 const queryString = {"sized":0,"mysql_real_escape_string_runned":"1","form":"myform","formname":"member_login","dowiz":1,"save":1,"url_origin_pars":"\/blog"}; 4759 const profId = ``; 4760 const servId =null; 4761 const countryId = ``; 4762 const stateId = ``; 4763 const cityId = ``; 4764 const seed = ``; 4765 const profs = null; 4766 const btnPositionInside = document.querySelector('.grid-container .clickToLoadMoreContainer'); 4767 const btnPositionOutside = document.querySelector('.grid-container ~ .clickToLoadMoreContainer'); 4768 const amountToSum = 6; 4769 let currentAmountText = document.querySelector('.current__amount__js'); 4770 let totalAmount = document.querySelector('.total__js'); 4771 let btnClickMore = document.getElementsByClassName('clickToLoadMoreBtn')[0]; 4772 let btnClickMoreContainer = document.getElementsByClassName('clickToLoadMoreContainer')[0]; 4773 let flagFirstTime = true; 4774 let autoLoadResults = true; 4775 let lastElementPost ; 4776 if(typeof totalAmount !== "undefined" && totalAmount !== null){ 4777 let removeCommasAndDots = /[.,\s]/g; 4778 totalAmount = totalAmount.innerHTML.replace(removeCommasAndDots, ''); 4779 } 4780 /*event listener*/ 4781 if (typeof btnClickMore !== "undefined") { 4782 btnClickMore.addEventListener('click', function (event) { 4783 let viewIcons = document.querySelectorAll('.views i.gridView.activeView')[0]; 4784 let featureDCId = this.dataset.dc; 4785 let currentPage = this.dataset.page; 4786 let dataType = this.dataset.type; 4787 let levId = this.dataset.lvl; 4788 this.dataset.page = parseInt(currentPage) + 1; 4789 let url = `/wapi/widget`; 4790 let currentBTN = this;
4791 let currentHTML = this.innerHTML; 4792 lastElementPost = document.querySelectorAll('.search_result'); 4793 this.classList.add('loadingMore'); 4794 this.innerHTML = `<i class="fa fa-circle-o-notch fa-spin fa-fw"></i> Loading...`; 4795 let formData = new FormData(); 4796 autoLoadResults=false; 4797 setClassLoaded(); 4798 4799 formData.append('dc_id', featureDCId); 4800 formData.append('header_type', 'html'); 4801 formData.append('request_type', 'POST'); 4802 formData.append('currentPage', currentPage); 4803 formData.append('dataType', dataType); 4804 formData.append('queryString', JSON.stringify(queryString)); 4805 formData.append('profId', profId); 4806 formData.append('servId', JSON.stringify(servId)); 4807 formData.append('countryId', countryId); 4808 formData.append('stateId', stateId); 4809 formData.append('cityId', cityId); 4810 formData.append('levId', levId); 4811 formData.append('seed', seed); 4812 formData.append('profsPost', JSON.stringify(profs)); 4813 formData.append('widget_name', 'Add-On - Bootstrap Theme - Search - Lazy Loader'); 4814 let myInit = { 4815 method: 'POST', 4816 body: formData 4817 }; 4818 fetch(url, myInit) 4819 .then(function (response) { 4820 return response.text(); 4821 }).then(function (html) { 4822 let parser = new DOMParser(); 4823 4824 // Parse the text 4825 let result = parser.parseFromString(html, "text/html"); 4826 let newResultsHTML = result.getElementById('grabHTML__js').innerHTML; 4827 autoLoadResults =true; 4828 let amountOfClicks = result.getElementById('grabHTML__js').dataset.pages; 4829 4830 var countBefore = $('.grid-container .search_result').length; 4831 4832 if (typeof btnPositionOutside !== "undefined" && btnPositionOutside !== null) { 4833 $('.grid-container').append(newResultsHTML); 4834 } 4835 if (typeof btnPositionInside !== "undefined" && btnPositionInside !== null || btnPositionOutside === null && dataType == 13) { 4836 $('.clickToLoadMoreContainer').before(newResultsHTML); 4837 } 4838 4839 // Fade in only the actually new results 4840 var newCount = $('.grid-container .search_result').length - countBefore; 4841 var $allNew = $('.grid-container .search_result').slice(-newCount); 4842 $allNew.css({opacity: 0, transition: 'opacity 0.4s ease'}); 4843 4844 currentBTN.innerHTML = currentHTML; // default html 4845 currentBTN.classList.remove('loadingMore'); 4846 4847 if (typeof viewIcons !== 'undefined') { 4848 applyGridClasses($allNew); 4849 // Recalculate gridBreak classes and hide clearfix/hr between grid items 4850 $('.gridBreak').removeClass('gridBreak'); 4851 /* Row-break stride must follow the column class actually on the page, same rule as applyGridClasses */ 4852 var bdGridFourPerRow = $('.grid-container .search_result.col-md-3.grid').length > 0; 4853 $('.grid-container.visible > hr:nth-of-type(' + (bdGridFourPerRow ? '4n' : '3n') + ')').addClass('gridBreak'); 4854 $('.grid-container .col-md-4 + .clearfix:not(.search_result), .grid-container .col-md-3 + .clearfix:not(.search_result), .grid-container .clearfix + hr, .grid-container hr + .clearfix:not(.search_result)').hide(); 4855 if (typeof masonry_opened !== 'undefined' && masonry_opened == 1) { 4856 setTimeout(function(){ 4857 $('.grid-container').masonry('appended', $allNew); 4858 setTimeout(function(){ $allNew.css('opacity', 1); }, 100); 4859 checkAllImagesLoaded(); 4860 }, 500); 4861 } else { 4862 setTimeout(function(){ $allNew.css('opacity', 1); }, 100); 4863 checkAllImagesLoaded(); 4864 } 4865 } else { 4866 setTimeout(function(){ $allNew.css('opacity', 1); }, 50); 4867 } 4868 if (typeof favoriteOn == 'function') { 4869 favoriteOn(); 4870 } 4871 if (typeof runRoyalSlider == 'function') { 4872 runRoyalSlider(); 4873 } 4874 4875 setAmountPages(currentBTN, amountOfClicks); 4876 if (typeof currentAmountText !== "undefined" && currentAmountText !== null) { 4877 let newAmount = parseInt(currentAmountText.innerHTML) + parseInt(amountToSum); 4878 if (newAmount >= parseInt(totalAmount)) { 4879 newAmount = document.querySelector('.total__js').innerHTML; 4880 } 4881 currentAmountText.innerHTML = newAmount.toString() 4882 } 4883 if (typeof google != "undefined" && google.hasOwnProperty('maps')){ 4884 if (typeof initializeMapSR == 'function') { 4885 initializeMapSR(); 4886 }else{ 4887 $('.mapView.activeView').click(); 4888 } 4889 } 4890 }).catch((error) => { 4891 console.error('Error:', error); 4892 }); 4893 }); 4894 // Check if insta_load_btn_behavior is set 4895 4896 } 4897 if (typeof gridView !== "undefined" && typeof btnClickMoreContainer !== "undefined") { 4898 gridView.addEventListener('click', function () { 4899 gridView.classList.add('activeView'); 4900 if (gridView.classList.contains('activeView')) { 4901 btnClickMoreContainer.classList.add('gridBtnLazyLoad'); 4902 } else { 4903 btnClickMoreContainer.classList.remove('gridBtnLazyLoad'); 4904 } 4905 }); 4906 } 4907 if (typeof listView !== "undefined" && typeof btnClickMoreContainer !== "undefined") { 4908 4909 listView.addEventListener('click', function () { 4910 listView.classList.add('activeView'); 4911 if (listView.classList.contains('activeView')) { 4912 btnClickMoreContainer.classList.remove('gridBtnLazyLoad'); 4913 } else { 4914 btnClickMoreContainer.classList.add('gridBtnLazyLoad'); 4915 } 4916 }); 4917 } 4918 4919 function setAmountPages(btn, amount) { 4920 if (!("pages" in btn.dataset)) { 4921 btn.dataset.pages = parseInt(amount) - 1; // we do -1 because the one just clicked 4922 } else { 4923 btn.dataset.pages = parseInt(btn.dataset.pages) - 1; 4924 } 4925 if (btn.dataset.pages <= 0) { 4926 removeListenToScroll(); 4927 btn.remove(); 4928 } 4929 } 4930 4931 function setClassLoaded() { 4932 if (flagFirstTime) { 4933 flagFirstTime = false; 4934 let images = document.querySelectorAll('.grid-container img:not(.loaded)');
4935 images.forEach(image => { 4936 image.classList.add("loaded"); 4937 }); 4938 } 4939 } 4940 function applyGridClasses($el) { 4941 $el.find('.img_section.col-xs-2').removeClass('col-xs-2').addClass('col-xs-12 bmargin ex-col-2'); 4942 $el.find('.img_section.col-sm-3').removeClass('col-sm-3').addClass('col-sm-12 bmargin ex-col-3'); 4943 $el.find('.img_section.col-sm-4').removeClass('col-sm-4').addClass('col-sm-12 bmargin ex-col-4'); 4944 $el.find('.mid_section.col-sm-9').removeClass('col-sm-9').addClass('col-sm-12 ex-col-9'); 4945 $el.find('.mid_section.col-sm-6').removeClass('col-sm-6').addClass('col-sm-12 ex-col-6'); 4946 $el.find('.mid_section.col-sm-7').removeClass('col-sm-7').addClass('col-sm-12 nohpad ex-col-7 text-center bpad'); 4947 $el.find('.mid_section.col-sm-8').removeClass('col-sm-8').addClass('col-sm-12 ex-col-8 nohpad bpad'); 4948 $el.find('.mid_section .post-location-snippet').addClass('text-center'); 4949 $el.find('.mid_section.ex-col-7 .sm-block').addClass('show'); 4950 $el.find('.mid_section .row-fluid.bpad .col-md-8').removeClass('col-md-8').addClass('col-sm-12 bmargin'); 4951 $el.find('.mid_section .row-fluid.bpad a').addClass('btn-block'); 4952 $el.find('.mid_section .row-fluid.bpad').addClass('text-center'); 4953 $el.find('.info_section').removeClass('col-sm-3 norpad').addClass('col-sm-12 nopad'); 4954 $el.find('.mid_section > div > p').addClass('text-center'); 4955 $el.find('.mid_section h2').addClass('nomargin'); 4956 $el.find('.mid_section a.h3').addClass('text-center h4 tmargin'); 4957 $el.find('.mid_section .view-details').removeClass('rmargin'); 4958 $el.find('.mid_section .contact-member').removeClass('lmargin'); 4959 $el.find('.member-search-full-name').removeClass('rmargin'); 4960 $el.find('.member-search-reviews').removeClass('rmargin'); 4961 $el.find('.member-search-location').removeClass('rmargin rpad'); 4962 $el.find('.member-search-company').addClass('btn-block'); 4963 $el.find('.view_phone_number').addClass('center-block'); 4964 $el.find('.phone_number').addClass('btn-block'); 4965 $el.find('.search_result_image').addClass('grid_image'); 4966 $el.find('.post-search-category').removeClass('inline-block').addClass('text-center'); 4967 $el.find('.post-results-star').removeClass('pull-right').addClass('text-center tmargin'); 4968 /* Mirror the column class the initial conversion (widget 2294) already applied - re-evaluating the conditions here can disagree and mix 3-per-row with 4-per-row; 2294 owns the decision (incl. the Web Page sidebar override) */ 4969 if ($('.grid-container .search_result.col-md-3.grid').not($el).length > 0) { 4970 $el.addClass('col-xs-12 col-sm-3 col-md-3 grid').removeClass('row-fluid'); 4971 } else { 4972 $el.addClass('col-xs-12 col-sm-4 col-md-4 grid').removeClass('row-fluid'); 4973 } 4974 $el.find('.grid_element').addClass('well xs-center-block'); 4975 $el.find('.col-md-3 + .clearfix, .col-md-4 + .clearfix, .clearfix + hr, hr + .clearfix, .mid_section > p, .mid_section .row-fluid.bpad p.nomargin, .tags, table.bmargin,.posted-by,.star_rating .the-rating-text').hide(); 4976 $el.find('h2.h3.bold > a').addClass('gridA'); 4977 $el.find('.info_section .module').removeClass('module fpad'); 4978 } 4979 4980 function refreshUI(){ 4981 if (typeof masonry_opened !== 'undefined' && masonry_opened == 1) { 4982 $('.grid-container').masonry('layout'); 4983 } 4984 } 4985 function checkAllImagesLoaded() { 4986 let images = document.querySelectorAll('.grid-container img:not(.loaded)'); 4987 let countImg = 0; 4988 4989 if (images.length === 0) { 4990 refreshUI(); 4991 return; 4992 } 4993 4994 images.forEach(image => { 4995 image.classList.add("loaded"); 4996 4997 if (image.complete) { 4998 countImg++; 4999 if (countImg === images.length) { 5000 refreshUI(); 5001 } 5002 return; 5003 } 5004 5005 image.addEventListener('load', () => { 5006 countImg++; 5007 if (countImg === images.length) { 5008 refreshUI() 5009 } 5010 }); 5011 image.addEventListener('error', () => { 5012 countImg++; 5013 if (countImg === images.length) { 5014 refreshUI() 5015 } 5016 }); 5017 }); 5018 5019 } 5020 5021 // Variables 5022 let userStartedScrolling = false; // Flag to check if the user has started scrolling 5023 let wasPreviouslyInViewport = false; // To track if the button was in the viewport previously 5024 5025 5026 // Function to remove the scroll event listener 5027 function removeListenToScroll(){ 5028 window.removeEventListener('scroll', listenToScroll); 5029 } 5030 5031 // Function to check button visibility and load content 5032 function listenToScroll() { 5033 const isInViewport = isElementInViewport(btnClickMore); 5034 5035 // Check if the button has just entered the viewport 5036 const justEnteredViewport = !wasPreviouslyInViewport && isInViewport; 5037 5038 // If button just entered the viewport, user has started scrolling, and autoLoadResults is true 5039 if (userStartedScrolling && justEnteredViewport && autoLoadResults) { 5040 // Add a delay (2 seconds) before automatically clicking the button to load content 5041 setTimeout(function() { 5042 btnClickMore.click(); 5043 autoLoadResults = false; // Set the flag too false to avoid subsequent auto-clicks 5044 }, 2000); 5045 } 5046 5047 // If the button is out of the viewport, reset autoLoadResults 5048 if (!isInViewport) { 5049 autoLoadResults = true; 5050 } 5051 5052 // Update the previous viewport status for the next check 5053 wasPreviouslyInViewport = isInViewport; 5054 } 5055 5056 // Function to determine if a DOM element is in the viewport 5057 function isElementInViewport(el) { 5058 const rect = el.getBoundingClientRect(); 5059 return ( 5060 rect.top >= 0 && 5061 rect.left >= 0 && 5062 rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && 5063 rect.right <= (window.innerWidth || document.documentElement.clientWidth) 5064 ); 5065 } 5066 5067</script>
5067 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"> 5068 5069
5070<script> 5071 //////////////Top header slider line////////////////// 5072 5073 const customTexts = [ 5074 "The Future of Work: Adapting to Changing Trends and Technologies", 5075 "10 Ways to Improve Your Productivity in 2024", 5076 "How AI is Changing the Job Market Forever", 5077 "The Best Remote Work Strategies for Success", 5078 "Why Mental Health Matters in the Workplace" 5079 ]; 5080 5081 let customIndex = 0; 5082 5083 function customChangeText() { 5084 customIndex = (customIndex + 1) % customTexts.length; 5085 document.getElementById("customHeaderText").innerText = customTexts[customIndex]; 5086 } 5087</script>
5087 5088
5089<script> 5090 document.addEventListener("DOMContentLoaded", function () { 5091 const categoryColors = { 5092 "Auto": "#8B0000", 5093 "Motorcycle Sales & Repair": "#1E90FF", 5094 "Rental & Leasing": "#2E8B57", 5095 "Towing": "#9932CC", 5096 "Employment Agency": "#D2691E", 5097 "Marketing & Communications": "#2ecc71", 5098 "Office Supplies": "#556B2F", 5099 "Printing & Publishing": "#483D8B", 5100 "Computers & Electronics": "#4682B4", 5101 "Computer Programming": "#800080", 5102 "Construction": "#FF4500", 5103 "Electricians": "#B22222", 5104 "Engineer": "#2F4F4F", 5105 "Survey": "#8B008B", 5106 "Environmental Assessments": "#A52A2A", 5107 "Inspectors": "#6A5ACD", 5108 "Plumbers": "#5F9EA0", 5109 "Roofers": "#DC143C", 5110 "Early Childhood Education": "#008B8B", 5111 "Educational Resources": "#DAA520", 5112 "Event Planners & Supplies": "#4B0082", 5113 "Golf Courses": "#228B22", 5114 "Productions": "#C71585", 5115 "Food & Dining": "#8B0000", 5116 "Health & Medicine": "#191970", 5117 "Assisted Living": "#8B7500", 5118 "Chiropractic": "#006400", 5119 "Dental": "#4F4F4F", 5120 "Diet & Nutrition": "#CD5C5C", 5121 "Optical": "#9400D3", 5122 "Physical Therapy": "#556B2F", 5123 "Animal Hospital": "#4169E1", 5124 "Home & Garden": "#4682B4", 5125 "Cleaning": "#2F4F4F", 5126 "Crafts": "#9932CC", 5127 "Hobbies & Sports": "#FF8C00", 5128 "Flower Shops": "#DC143C", 5129 "Home Improvements & Repairs": "#B8860B", 5130 "Pest Control": "#5F9EA0", 5131 "Pool Supplies & Service": "#8B0000", 5132 "Security System & Services": "#008B8B", 5133 "Financial Services": "#800000", 5134 "Insurance": "#2E8B57", 5135 "Jewelry": "#DA70D6", 5136 "Retail": "#20B2AA", 5137 "Funeral Service": "#4B0082", 5138 "Beauty services": "#FF1493", 5139 "Exercise & Fitness": "#1E90FF", 5140 "Tailors": "#A52A2A", 5141 "Real Estate Agencies": "#DC143C", 5142 "Property Management": "#CD853F", 5143 "Transportation": "#4682B4", 5144 "Travel & Tourism": "#008080", 5145 "Web Design": "#6A5ACD", 5146 "Videos": "#8B4513", 5147 "Trusted Business":"#CD5C5D" 5148 }; 5149 5150 document.querySelectorAll(".category-badge").forEach(badge => { 5151 const category = badge.getAttribute("data-category"); 5152 const bgColor = categoryColors[category] || "#ddd"; // Default color if category not found 5153 5154 badge.style.backgroundColor = bgColor; 5155 badge.style.color = "#fff"; 5156 badge.style.padding = "5px 10px"; 5157 badge.style.borderRadius = "5px"; 5158 badge.style.display = "inline-flex"; 5159 badge.style.alignItems = "center"; 5160 5161 // Set SVG color to match background 5162 const svgPath = badge.querySelector(".category-icon path"); 5163 if (svgPath) { 5164 svgPath.setAttribute("fill", bgColor); 5165 } 5166 }); 5167}); 5168 5169 5170</script>
5170 5171 5172 5173 5174 5175 5176 5177
5177<script type="text/javascript"> 5178 /* CT dissolved its county governments in 1960, so Google returns its 8 counties as 5179 colloquial_area instead of administrative_area_level_2 â they must never reach a 5180 city field. Google translates the component name to the site language, so the 5181 language-stable place_id is checked first and the word list only backs it up. */ 5182 if (typeof window.bdIsColloquialCounty !== 'function') { 5183 window.bdIsColloquialCounty = function (componentName, resultPlaceId) { 5184 var countyPlaceIds = [ 5185 'ChIJWRM2Nakw5okRoTCxHvz_5xw', /* Middlesex County, CT */ 5186 'ChIJmeTbuDYH6IkR3xgeNvszpgg', /* Fairfield County, CT */ 5187 'ChIJiT24cvvP54kR2fSPHkp0Akc', /* New Haven County, CT */ 5188 'ChIJvYe7N7eQ54kRL6nZaXRwPkI', /* Litchfield County, CT */ 5189 'ChIJtxC3p6qs54kRIvK-2bctar0', /* Hartford County, CT */ 5190 'ChIJj-lvZQli5okRGCuGRd6xKt0', /* Tolland County, CT */ 5191 'ChIJRWKqeLdi5okRLXWDlSEGeTY', /* Windham County, CT */ 5192 'ChIJwTIQbvVv5okRU5_gSJczUTQ' /* New London County, CT */ 5193 ]; 5194 5195 if (typeof resultPlaceId === 'string' && resultPlaceId !== '' 5196 && countyPlaceIds.indexOf(resultPlaceId) !== -1) { 5197 return true; 5198 } 5199 5200 if (typeof componentName !== 'string' || componentName === '') { 5201 return false; 5202 } 5203 5204 var name = componentName.toLowerCase(); 5205 5206 /* Only unambiguous county words â generic ones (region, district) would strip 5207 legitimate colloquial areas, and their languages already match on place_id. 5208 Word-boundary matched so names like "Countyline, OK" are left alone. */ 5209 var wordTokens = ['county', 'condado', 'comté', 'contea', 5210 'comitatul', 'hrabstwo', 'megye', 'konderria']; 5211 var isAlnum = function (ch) { 5212 return (ch >= 'a' && ch <= 'z') || (ch >= '0' && ch <= '9'); 5213 }; 5214 5215 for (var t = 0; t < wordTokens.length; t++) { 5216 var token = wordTokens[t]; 5217 var from = 0; 5218 while (true) { 5219 var at = name.indexOf(token, from); 5220 if (at === -1) { 5221 break; 5222 } 5223 var before = (at > 0) ? name.charAt(at - 1) : ' '; 5224 var after = ((at + token.length) < name.length) ? name.charAt(at + token.length) : ' '; 5225 if (!isAlnum(before) && !isAlnum(after)) { 5226 return true; 5227 } 5228 from = at + 1; 5229 } 5230 } 5231 5232 /* Non-latin scripts have no alphanumeric word boundary. */ 5233 var scriptTokens = ['каÑнÑи', 'کاؤÙÙ¹Û', 'à¤à¤¾à¤à¤à¤à¥', 'ì¹´ì´í°']; 5234 for (var s = 0; s < scriptTokens.length; s++) { 5235 if (name.indexOf(scriptTokens[s]) !== -1) { 5236 return true; 5237 } 5238 } 5239 5240 return false; 5241 }; 5242 } 5243 5244 // Try to load coordinates from sessionStorage on page load 5245 var vlat = 0; 5246 var vlon = 0; 5247 try { 5248 var savedLat = sessionStorage.getItem('bd_geolocation_lat'); 5249 var savedLon = sessionStorage.getItem('bd_geolocation_lon'); 5250 if (savedLat && savedLon) { 5251 vlat = parseFloat(savedLat); 5252 vlon = parseFloat(savedLon); 5253 } 5254 } catch(e) {} 5255 var isSubmit = false; 5256 var isGettingLocation = false; // Flag to prevent multiple simultaneous geolocation requests 5257 5258 // Function to save coordinates to sessionStorage 5259 function saveCoordinatesToSession(lat, lon) { 5260 try { 5261 sessionStorage.setItem('bd_geolocation_lat', lat.toString()); 5262 sessionStorage.setItem('bd_geolocation_lon', lon.toString()); 5263 } catch(e) {} 5264 } 5265 5266 // Function to get coordinates from sessionStorage if current ones are 0 5267 function getCoordinatesFromSession() { 5268 if (vlat === 0 && vlon === 0) { 5269 try { 5270 var savedLat = sessionStorage.getItem('bd_geolocation_lat'); 5271 var savedLon = sessionStorage.getItem('bd_geolocation_lon'); 5272 if (savedLat && savedLon) { 5273 vlat = parseFloat(savedLat); 5274 vlon = parseFloat(savedLon); 5275 return true; 5276 } 5277 } catch(e) {} 5278 } 5279 return false; 5280 } 5281 var cityTypes = [ 5282 'colloquial_area', 5283 'locality', 5284 'sublocality', 5285 'sublocality_level_1', 5286 'sublocality_level_2', 5287 'sublocality_level_3', 5288 'sublocality_level_4', 5289 'sublocality_level_5', 5290 'neighborhood', 5291 'ward', 5292 'postal_town' 5293 ]; 5294 5295 var postalTypes = [ 5296 'postal_code', 5297 'postal_code_prefix', 5298 'postal_code_suffix', 5299 'street_number', 5300 'premise', 5301 'subpremise', 5302 'route', 5303 'intersection', 5304 'street_address', 5305 'floor', 5306 'room', 5307 'post_box', 5308 'delivery_address' 5309 ]; 5310 5311 var isSubmitting = false; 5312 window.cachedSelectedOption = [{ 'typed_location': '' }]; 5313 window.isSubmittingMainSearch = false; 5314 5315 document.addEventListener('DOMContentLoaded', () => { 5316 let isSubmitting = false; // Add flag at the top level 5317 5318 setTimeout(()=>{ 5319 let googleSuggestForm = document.querySelectorAll('.googleSuggest,.google-writen-location,input[name="lead_location"],.fill_location'); 5320 if (typeof googleSuggestForm != "undefined") { 5321 for (let i = 0; i < googleSuggestForm.length; i++) { 5322 let closestForm = googleSuggestForm[i].closest('form'); 5323 if(typeof closestForm != "undefined" && closestForm != null){ 5324 closestForm.addEventListener('focusin', googleMapOnFormClick, false); 5325 5326 }else{ 5327 googleSuggestForm[i].addEventListener('input', googleMapOnFormClick, false); 5328 } 5329 googleSuggestForm[i].addEventListener('click', googleMapOnFormClick, false); 5330 } 5331 } 5332 },200);
5333 5334 $('.website-search button[type=submit]').click(async function (e) { 5335 e.preventDefault(); // Prevent the default submit action 5336 var nativeForm = $(this).closest('form')[0]; 5337 if (nativeForm && typeof nativeForm.reportValidity === 'function' && !nativeForm.reportValidity()) { 5338 return false; 5339 } 5340 await googleMapOnFormClick(); 5341 $(this).closest('form').submit(); 5342 }); 5343 }); 5344 window['gmapClick'] = false; 5345 function googleMapOnFormClick() { 5346 if(window.gmapClick){ 5347 return; 5348 } 5349 window.gmapClick = true; 5350 5351 return new Promise((resolve, reject) => { 5352 window.isSubmittingMainSearch = false; 5353 let googleSuggestForm = document.querySelectorAll('.googleSuggest, .google-writen-location, input[name="lead_location"], .fill_location'); 5354 let mapUri = "https://maps.googleapis.com/maps/api/js?v=quarterly&libraries=places®ion=CA&callback=initializeG&language=en&key=AIzaSyDdSpe1kHbjL60UwRoZKuOxy-XEupmXbI0"; 5355 5356 if (typeof google !== "undefined" && google.hasOwnProperty('maps')) { 5357 resolve('already loaded'); 5358 return; 5359 } 5360 5361 let loadMapScriptAsync = function (uri) { 5362 return new Promise((resolve, reject) => { 5363 let script = document.createElement('script'); 5364 script.type = 'text/javascript'; 5365 script.src = uri; 5366 script.async = true; 5367 script.onload = function () { 5368 resolve("ok"); 5369 }; 5370 script.onerror = function () { 5371 reject("Failed to load Google Maps script."); 5372 }; 5373 document.head.appendChild(script); 5374 }); 5375 }; 5376 5377 loadMapScriptAsync(mapUri) 5378 .then(() => { 5379 resolve(); 5380 }) 5381 .catch((error) => { 5382 console.error(error); 5383 reject(); 5384 }); 5385 5386 }); 5387 } 5388 5389 function initializeG() { 5390 var geocoder; 5391 //This piece of code will create an autosuggest for every input with the class "googleSuggest" 5392 var counter = 1; 5393 var inputsArray = []; 5394 window.cachedSelectedOption = [{ 'typed_location': '' }]; 5395 let mapExists = document.querySelectorAll('[id^="map"]').length > 0; 5396 const functionsToInvoke = { 5397 setJsMap: true, 5398 setJsMapOverview: mapExists, 5399 setJsMapSR: mapExists, 5400 setJsMapSidebar: mapExists 5401 }; 5402 if (window['maps_loaded'] !== true) { 5403 for (let func in functionsToInvoke) { 5404 if (typeof window[func] === 'function' && functionsToInvoke[func]) { 5405 window['maps_loaded'] = true; 5406 window[func](); 5407 } 5408 } 5409 } 5410 $(".googleSuggest").each(function () { 5411 //get the id from the input to be the unique identifier for each autocomplete 5412 var inputId = $(this).attr("id"); 5413 var inputElement = $(this); 5414 inputsArray[counter] = /** @type {HTMLInputElement} */( 5415 document.getElementById('' + inputId)); 5416 const mainCountry = ''; 5417 const inputOptions = { 5418 fields: ['address_components', 'adr_address','formatted_address', 'geometry', 'icon', 'name','place_id','plus_code','type'], 5419 types: ['geocode'] 5420 } 5421 const language = "en"; 5422 5423 if (language) { 5424 inputOptions.language = language; 5425 } 5426 if (mainCountry) { 5427 inputOptions.componentRestrictions = {country: mainCountry}; 5428 inputOptions.region = mainCountry; 5429 } 5430 5431 var autocomplete = new google.maps.places.Autocomplete(inputsArray[counter], inputOptions); 5432 google.maps.event.addListener(autocomplete, 'place_changed', function () { 5433 const place = autocomplete.getPlace(); 5434 5435 cachedSelectedOption = []; 5436 cachedSelectedOption.push(place); 5437 5438 cachedSelectedOption[0]['typed_location'] = inputElement.val(); 5439 /* if(cachedSelectedOption[0]['adr_address']){ 5440 let cleanLocation = cachedSelectedOption[0]['adr_address'].replace(/<[^>]*>/g, ''); 5441 cachedSelectedOption[0]['typed_location'] = cleanLocation; 5442 inputElement.val(cleanLocation); 5443 }*/ 5444 if (cachedSelectedOption[0]['address_components'] == undefined) { 5445 cachedSelectedOption = []; 5446 var emptyObj = { 5447 'typed_location': '' 5448 }; 5449 cachedSelectedOption.push(emptyObj); 5450 } 5451 }); 5452 //the code that prevents the submition when hit enter on a google location autocomplete item 5453 inputElement.keydown( function (e) { 5454 if (e.keyCode == 13) { 5455 var pacCounter = 0; 5456 //need to run a loop to check each pac container 5457 $('.pac-container').each(function () { 5458 5459 if ($(this).css("display") != "none") { 5460 pacCounter++; 5461 } 5462 }); 5463 if (pacCounter > 0) { 5464 e.preventDefault(); 5465 } 5466 } 5467 }); 5468 counter++; 5469 }); 5470 5471 //triggers every time a form with the id website-search is trigered 5472 $('.website-search').submit(function (e) { 5473 5474 var currentForm = $(this); 5475 var locationInput = $(this).find(".googleLocation"); 5476 var $submitButton = currentForm.find('input[type=submit], button[type=submit]'); 5477 5478 5479 if (locationInput.val() != "" && typeof locationInput.val() != 'undefined') { 5480 5481 // Set submitting flag 5482 window.isSubmittingMainSearch = true; 5483 $submitButton.prop('disabled', true); 5484 5485 e.preventDefault(); 5486 //this variable has the main country of the site 5487 var form = currentForm; 5488 var urlGET = form.serialize(); 5489 var formActionUrl = form.attr("action"); 5490 var locationValue = locationInput.val(); 5491 5492 5493 5494 const mainCountry = ''; 5495 const inputOptions = { 5496 address:locationValue 5497 } 5498 const language = "en"; 5499 5500 if (language) { 5501 inputOptions.language = language; 5502 } 5503 if (mainCountry) { 5504 inputOptions.componentRestrictions = {country: mainCountry}; 5505 inputOptions.region = mainCountry; 5506 } 5507 5508 if (typeof cachedSelectedOption == 'undefined') { 5509 var emptyForm = { 5510 'typed_location': '' 5511 }; 5512 cachedSelectedOption.push(emptyForm); 5513 } 5514 5515 if (locationValue != cachedSelectedOption[0]['typed_location']) { 5516 geocoder = new google.maps.Geocoder(); 5517 geocoder.geocode(inputOptions, function (results, status) { 5518 5519 //if the google response of the geocoding was successful it will use that info to build the url for the new search 5520 if (status == google.maps.GeocoderStatus.OK) { 5521 parseInfoToSearch(results, urlGET, formActionUrl); 5522 5523 } else { 5524 var urlPath = formActionUrl; 5525 var redirect = urlPath + "?" + urlGET; 5526 //will redirect the page using the new url that has been constructed 5527 window.location.href = redirect; 5528 } 5529 }); 5530 5531 } else { 5532 parseInfoToSearch(cachedSelectedOption, urlGET, formActionUrl); 5533 } 5534 } 5535 }); 5536 5537 5538 //check if a map has been loaded 5539 if ($('#map-canvas').length > 0) { 5540 var cssHideLogo = "<style>.pac-container:after { /* Disclaimer: not needed to show 'powered by Google' if also a Google Map is shown */background-image: none !important;height: 0px;}</style>"; 5541 $('body').append(cssHideLogo); 5542 } else { 5543 var cssHideLogo = "<style>.pac-container:after { /* Disclaimer: not needed to show 'powered by Google' if also a Google Map is shown */background-image: block !important;height: 16px;}</style>"; 5544 $('body').append(cssHideLogo); 5545 } 5546
5547 if (geocodeVisitorsSetting == 1 && geocodingMethod === "IP") { 5548 populateSearchFields(); 5549 } 5550 5551 if($('.googleSuggest').val() == ""){ 5552 populateSearchFields(); 5553 } 5554 5555 var geocodeVisitorsSetting = '0'; 5556 var geocodingMethod = 'HTML5'; 5557 5558 //check the advanced setting "geocode_visitor_default" if set to 1 will override the "location_value" values to the formatted desire address from the google reverse geocoding response 5559 5560 var vlon = ''; 5561 var vlat = ''; 5562 } 5563 5564 function switchPlaceID(placeId,urlGET, formActionUrl) { 5565 let request = { 5566 placeId: placeId, 5567 fields: ['address_components', 'adr_address', 'formatted_address', 'geometry', 'icon', 'name', 'place_id', 'plus_code', 'type'], 5568 }; 5569 5570 let service = new google.maps.places.PlacesService(document.createElement('div')); 5571 service.getDetails(request, function(place, status) { 5572 if (status === google.maps.places.PlacesServiceStatus.OK) { 5573 let dataArray = []; 5574 dataArray.push(place); 5575 parseInfoToSearch(dataArray, urlGET, formActionUrl); 5576 } else { 5577 console.error('Place details request failed with status:', status); 5578 } 5579 }); 5580 } 5581 5582 function parseInfoToSearch(results, urlGET, formActionUrl) { 5583 var urlSearchParams = new URLSearchParams(urlGET); 5584 var parameters = {}; 5585 var addressComponentsArray = []; 5586 if (results.length > 1) { 5587 if(urlSearchParams.get("location_value")?.toLowerCase() === "nebraska" && results.length === 2){ 5588 let tempResult = results[0]; 5589 results[0] = results[1]; 5590 results[1] = tempResult; 5591 } 5592 for (let i = 0; i < results.length; i++) { 5593 if (results[i].types[0] === 'natural_feature' || 5594 results[i].types[0] === 'airport' || 5595 results[i].types[0] === 'point_of_interest' || 5596 results[i].types[0] === 'establishment' || 5597 results[i].types[0] === 'political' || 5598 results[i].types[0] === 'park') { 5599 results.splice(i, 1); 5600 } 5601 } 5602 } 5603 var adComLength = results[0].address_components.length; 5604 5605 if(results[0].place_id == 'ChIJmQrivHKsQjQR4MIK3c41aj8'){ 5606 switchPlaceID('ChIJi73bYWusQjQRgqQGXK260bw',urlGET, formActionUrl); 5607 return; 5608 } 5609 sessionStorage.setItem("google_result",JSON.stringify(results)); 5610 5611 5612 var foundPostalType = results[0].types.find(type => postalTypes.includes(type)); 5613 var foundCityType = results[0].types.find(type => cityTypes.includes(type)); 5614 5615 //loop that will build the array with the address components and will get the short name of country and administrative area level 1 5616 for (var i = 0; i < adComLength; i++) { 5617 5618 if (results[0].address_components[i]['types'][0] == "country") { 5619 parameters.country_sn = results[0].address_components[i]['short_name']; 5620 } 5621 if (results[0].address_components[i]['types'][0] == "administrative_area_level_1") { 5622 parameters.adm_lvl_1_sn = results[0].address_components[i]['short_name']; 5623 } 5624 if (results[0].address_components[i]['types'][0] == "administrative_area_level_1") { 5625 parameters.stateSearchLN = results[0].address_components[i]['long_name']; 5626 } 5627 if (results[0].address_components[i]['types'][0] == "administrative_area_level_2") { 5628 /* short_name is what the service-area writer stores in 5629 service_areas.county_sn, so the search must send the same 5630 form or county matching breaks wherever short != long. */ 5631 parameters.county_sn = results[0].address_components[i]['short_name']; 5632 } 5633 if ($.inArray(results[0].address_components[i]['types'][0], cityTypes) !== -1 && (foundCityType || foundPostalType ) ) { 5634 var addrType = results[0].address_components[i]['types'][0]; 5635 var addrLong = results[0].address_components[i]['long_name']; 5636 /* CT counties come back as colloquial_area â keep them out of parameters.city. */ 5637 if (addrType !== 'colloquial_area' 5638 || !window.bdIsColloquialCounty(addrLong, results[0].place_id)) { 5639 parameters.city = addrLong; 5640 } 5641 } 5642 if (results[0].address_components[i]['types'][0] == "postal_code" || results[0].address_components[i]['types'][0] == "postal_code_prefix") { 5643 parameters.postal_code = results[0].address_components[i]['long_name']; 5644 } 5645 } 5646 5647 5648 // Filter out 'political' from result types - use more specific type when available 5649 // Same pattern as BD-directory-maps-typePolitical (PR #5642) 5650 if (results[0].types && results[0].types.length > 1 && results[0].types[0] === 'political') { 5651 results[0].types.splice(0, 1); 5652 } 5653 5654 // Pick the most specific type from results, skip "political" (too generic) 5655 parameters.location_type = results[0].types[0]; 5656 for (var t = 0; t < results[0].types.length; t++) { 5657 if (results[0].types[t] != 'political') { 5658 parameters.location_type = results[0].types[t]; 5659 break; 5660 } 5661 } 5662 5663 // When searching by city/locality, omit postal_code â Google returns 5664 // a partial zip prefix that doesn't match all members in the city 5665 if (parameters.location_type == 'locality' && parameters.postal_code) { 5666 delete parameters.postal_code; 5667 } 5668 5669 if (parameters.adm_lvl_1_sn != '') { 5670 parameters.stateSearch = parameters.adm_lvl_1_sn; 5671 } 5672 if (parameters.country_sn == "GB") { 5673 delete parameters.adm_lvl_1_sn; 5674 } 5675 5676 //will check if the response had the bounds parameters 5677 //if it had it will add the south west and north east parameters to the new url 5678 if (results[0].geometry.hasOwnProperty('bounds') || results[0].geometry.hasOwnProperty('viewport')) { 5679 5680 if (results[0].geometry.hasOwnProperty('bounds')) { 5681 var boundsResponse = results[0].geometry.bounds; 5682 5683 } else { 5684 var boundsResponse = results[0].geometry.viewport; 5685 } 5686 parameters.swlat = boundsResponse.getSouthWest
5686().lat(); 5687 parameters.nelat = boundsResponse.getNorthEast().lat(); 5688 parameters.swlng = boundsResponse.getSouthWest().lng(); 5689 parameters.nelng = boundsResponse.getNorthEast().lng(); 5690 5691 //if there were not bounds parameters in the response it will send the parameter fsearch as radius so a radius search will be performed because of lack of info for this location 5692 } else { 5693 parameters.fsearch = "radius"; 5694 } 5695 var locationCenterResponse = results[0].geometry.location; 5696 parameters.lat = locationCenterResponse.lat(); 5697 parameters.lng = locationCenterResponse.lng(); 5698 parameters.faddress = results[0].formatted_address; 5699 parameters.place_id = results[0].place_id; 5700 var formatParameters = $.param(parameters); 5701 urlGET = urlGET + "&" + formatParameters; 5702 var urlPath = formActionUrl; 5703 var redirect = urlPath + "?" + urlGET; 5704 //will redirect the page using the new url that has been constructed 5705 window.location.href = redirect; 5706 } 5707 function populateSearchFields() { 5708 var prePopulateLocationSetting = '0'; 5709 var geolocationMethod = 'HTML5'; 5710 5711 // If geolocation is in progress and we don't have coordinates yet, wait a bit 5712 if (isGettingLocation && (vlat === 0 || vlon === 0)) { 5713 var waitStartTime = performance.now(); 5714 var waitInterval = setInterval(function() { 5715 if (!isGettingLocation || (vlat !== 0 && vlon !== 0)) { 5716 clearInterval(waitInterval); 5717 // Retry after a short delay to ensure coordinates are set 5718 setTimeout(function() { 5719 populateSearchFields(); 5720 }, 100); 5721 } else if ((performance.now() - waitStartTime) > 10000) { 5722 // Timeout after 10 seconds - try sessionStorage 5723 clearInterval(waitInterval); 5724 if (getCoordinatesFromSession()) { 5725 setTimeout(function() { 5726 populateSearchFields(); 5727 }, 100); 5728 } 5729 } 5730 }, 200); 5731 return; 5732 } 5733 5734 // If coordinates are 0, try to get from sessionStorage 5735 if (vlat === 0 || vlon === 0) { 5736 getCoordinatesFromSession(); 5737 } 5738 5739 // Validate coordinates first 5740 var hasValidCoordinates = (vlat !== '' && vlon !== '' && vlat != undefined && vlon != undefined && vlat != 0 && vlon != 0 && Math.abs(vlat) <= 90 && Math.abs(vlon) <= 180); 5741 5742 if (!hasValidCoordinates) { 5743 return; 5744 } 5745 5746 //if set to one will get the lat and lng to do reverse geocoding 5747 if (prePopulateLocationSetting == 1 && (geolocationMethod === "HTML5" || geolocationMethod === "IP")) { 5748 var visitorLatLng = new google.maps.LatLng(parseFloat(vlat), parseFloat(vlon)); 5749 var visitorGeocoder = new google.maps.Geocoder(); 5750 var formattedAddress = []; 5751 var preFormattedStructure = { 5752 "locality": "long_name", 5753 "administrative_area_level_2": "long_name", 5754 "administrative_area_level_1": "long_name", 5755 "country": "long_name" 5756 }; 5757 visitorGeocoder.geocode({'latLng': visitorLatLng}, function (results, status) { 5758 //if the google response of the geocoding was successful it will use that info to build the url for the new search 5759 if (status == google.maps.GeocoderStatus.OK) { 5760 window.cachedSelectedOption = results; 5761 $.each(preFormattedStructure, function (findex, fvalue) { 5762 $.each(results[0].address_components, function (rindex, rvalue) { 5763 if (rvalue.types[0] == findex) { 5764 formattedAddress.push(rvalue.long_name); 5765 } 5766 }); 5767 }); 5768 $('.googleSuggest').each(function () { 5769 if ($(this).val() == '') { 5770 if (formattedAddress.length > 0) { 5771 $(this).val(formattedAddress.join(', ')); 5772 clearContent($(this)); 5773 } 5774 } 5775 }); 5776 } else { 5777 $('.googleSuggest').each(function () { 5778 $(this).val(''); 5779 }); 5780 } 5781 }); 5782 } 5783 } 5784 function showError(error) { 5785 switch (error.code) { 5786 case error.PERMISSION_DENIED: 5787 case 1: // PERMISSION_DENIED 5788 $('.fill_location.clicked').popover({ 5789 content: `Your local browser settings have prevented location targeting. Please enable location permissions in your browser settings.`, 5790 container: 'body' 5791 }); 5792 $('.fill_location.clicked').popover('toggle'); 5793 setTimeout(function () { 5794 $('.fill_location.clicked').popover('hide'); 5795 $('.fill_location.clicked').removeClass('clicked'); 5796 }, 4000); 5797 break; 5798 case error.POSITION_UNAVAILABLE: 5799 case 2: // POSITION_UNAVAILABLE 5800 $('.fill_location.clicked').popover({ 5801 content: `Location information is unavailable. Please check your device location settings.`, 5802 container: 'body' 5803 }); 5804 $('.fill_location.clicked').popover('toggle'); 5805 setTimeout(function () { 5806 $('.fill_location.clicked').popover('hide'); 5807 $('.fill_location.clicked').removeClass('clicked'); 5808 }, 4000); 5809 break; 5810 case error.TIMEOUT: 5811 case 3: // TIMEOUT 5812 $('.fill_location.clicked').popover({ 5813 content: `Location request timed out. Please ensure location services are enabled and try again.`, 5814 container: 'body' 5815 }); 5816 $('.fill_location.clicked').popover('toggle'); 5817 setTimeout(function () { 5818 $('.fill_location.clicked').popover('hide'); 5819 $('.fill_location.clicked').removeClass('clicked'); 5820 }, 4000); 5821 break; 5822 case error.UNKNOWN_ERROR: 5823 default: 5824 $('.fill_location.clicked').popover({ 5825 content: `An error occurred while getting your location. Please try again.`, 5826 container: 'body' 5827 }); 5828 $('.fill_location.clicked').popover('toggle'); 5829 setTimeout(function () { 5830 $('.fill_location.clicked').popover('hide'); 5831 $('.fill_location.clicked').removeClass('clicked'); 5832 }, 4000); 5833 break; 5834 } 5835 } 5836 if (navigator.geolocation) { 5837 if ($(".googleSuggest")[0]) { 5838 $(document).on('click', '.fill_location', function getCXPosition() { 5839 // Prevent multiple simultaneous geolocation requests 5840 if (isGettingLocation) { 5841 return; 5842 } 5843 5844 var $button = $(this); 5845 $button.addClass('clicked'); 5846 var startPos; 5847 5848 // Set flag to prevent concurrent requests 5849 isGettingLocation = true; 5850 5851 // Function to actually get the position 5852 var attemptGetPosition = function() { 5853 // Try with shorter timeout first for faster response 5854 var geoOptions = {
5855 enableHighAccuracy: false, // Use false for faster response 5856 timeout: 8000, // 8 second timeout (reduced for faster failure) 5857 maximumAge: 300000 // Accept cached position up to 5 minutes old 5858 }; 5859 5860 navigator.geolocation.getCurrentPosition(function (position) { 5861 startPos = position; 5862 vlat = startPos.coords.latitude; 5863 vlon = startPos.coords.longitude; 5864 5865 // Validate coordinates before proceeding 5866 if (!vlat || !vlon || vlat === 0 || vlon === 0) { 5867 isGettingLocation = false; 5868 $button.removeClass('clicked'); 5869 return; 5870 } 5871 5872 // Save coordinates to sessionStorage 5873 saveCoordinatesToSession(vlat, vlon);
5874 5875 $.get("/api/data/html/get/data_widgets/widget_name", { 5876 "vlat": vlat, 5877 "vlon": vlon, 5878 "name": "Website - Save Coordinates Session" 5879 }); 5880 5881 populateSearchFields(); 5882 5883 // Clear flag 5884 isGettingLocation = false; 5885 $button.removeClass('clicked'); 5886 }, function(error) { 5887 // Clear flag on error 5888 isGettingLocation = false; 5889 $button.removeClass('clicked'); 5890 5891 // For timeout errors, try sessionStorage as fallback 5892 if (error.code === 3) { 5893 if (getCoordinatesFromSession()) { 5894 // Use cached coordinates 5895 $.get("/api/data/html/get/data_widgets/widget_name", { 5896 "vlat": vlat, 5897 "vlon": vlon, 5898 "name": "Website - Save Coordinates Session" 5899 }); 5900 5901 populateSearchFields(); 5902 5903 // Clear flag 5904 isGettingLocation = false; 5905 $button.removeClass('clicked'); 5906 } else { 5907 $button.popover({ 5908 content: `Location request timed out. Please ensure location services are enabled and grant permission when prompted.`, 5909 container: 'body' 5910 }); 5911 $button.popover('show'); 5912 setTimeout(function() { 5913 $button.popover('hide'); 5914 }, 5000); 5915 } 5916 } else { 5917 showError(error); 5918 } 5919 }, geoOptions); 5920 }; 5921 5922 // Check if geolocation permission is already denied (but don't block if it's prompt) 5923 if (navigator.permissions && navigator.permissions.query) { 5924 navigator.permissions.query({name: 'geolocation'}).then(function(result) { 5925 if (result.state === 'denied') { 5926 isGettingLocation = false; 5927 $button.removeClass('clicked'); 5928 showError({code: 1, message: 'Permission denied'}); 5929 return; 5930 } else { 5931 // Permission is granted or prompt - proceed with geolocation 5932 attemptGetPosition(); 5933 } 5934 }).catch(function(err) { 5935 // If permission API not supported, proceed anyway 5936 attemptGetPosition(); 5937 }); 5938 } else { 5939 // Permission API not available, proceed with geolocation 5940 attemptGetPosition(); 5941 } 5942 }) 5943 } 5944 } else { 5945 console.log('Geolocation is not supported for this Browser/OS version yet.'); 5946 } 5947 function getUrlParameter(sParam) { 5948 var sPageURL = window.location.search.substring(1); 5949 var sURLVariables = sPageURL.split('&'); 5950 5951 for (var i = 0; i < sURLVariables.length; i++) { 5952 var sParameterName = sURLVariables[i].split('='); 5953 5954 if (sParameterName[0] == sParam) { 5955 return decodeURIComponent(sParameterName[1]); 5956 } 5957 } 5958 } 5959 </script>
5959 5960
5960<script> 5961 // switchClass() is jQuery UI (Effects), which is no longer loaded on every page. 5962 // removeClass().addClass() is the same class swap, applied immediately instead of 5963 // after animateClass()'s queued 400ms default. 5964 $(document).ready(function(){ 5965 $('.navbar-header .navbar-toggle.main_menu').click(function(){ 5966 $('.mobile-main-menu').toggleClass('opened'); 5967 }); 5968 $('.mobile-main-menu .sidebar-nav').find('li').each(function(){ 5969 $(this).addClass('hasChildren'); 5970 if ($(this).children('ul').length > 0){ 5971 $(this).prepend('<i class="fa fa-plus" aria-hidden="true"></i>'); 5972 $(this).find('a').after('<div class="clearfix"></div>'); 5973 $(this).find('span').after('<div class="clearfix"></div>'); 5974 } 5975 $(this).append('<div class="clearfix"></div>'); 5976 }); 5977 5978 $('.mobile-main-menu .sidebar-nav li i').click(function(){ 5979 if ($(this).parent().children('ul').length > 0){ 5980 $(this).parent().toggleClass('sub_open'); 5981 } 5982 if ($(this).hasClass('fa-plus')){ 5983 $(this).removeClass('fa-plus').addClass('fa-minus'); 5984 } else { 5985 $(this).removeClass('fa-minus').addClass('fa-plus'); 5986 } 5987 }); 5988 }) 5989 5990 if ($(window).width() > 740 && $(window).width() < 1100) { 5991 5992 $(document).ready(function(){ 5993 $('.tablet-menu .tablet-menu-ul').find('li').each(function(){ 5994 5995 if ($(this).children('ul').length > 0){ 5996 $(this).prepend('<i class="fa fa-plus tablet-fa hidden-sm hidden-md hidden-lg" aria-hidden="true"></i>'); 5997 $(this).find('a').after('<div class="clearfix"></div>'); 5998 var this_link = $(this).children('a').text().replace(/[^\x00-\x7F]/g, "");; 5999 $(this).children('a').html(this_link); 6000 $(this).find('span').after('<div class="clearfix"></div>'); 6001 } 6002 $(this).append('<div class="clearfix"></div>'); 6003 }); 6004 6005 $('.tablet-menu .tablet-menu-ul li i').click(function(){ 6006 6007 if ($(this).parent().children('ul').length > 0){ 6008 $(this).parent().toggleClass('sub_open'); 6009 6010 if ($(this).siblings( "ul" ).hasClass('tablet-block')){ 6011 $(this).siblings( "ul" ).removeClass('tablet-block').addClass('tablet-none'); 6012 } else { 6013 $(this).siblings( "ul" ).addClass( "tablet-block" ); 6014 6015 if ($(this).siblings( "ul" ).hasClass('tablet-none')){ 6016 $(this).siblings( "ul" ).removeClass('tablet-none') 6017 } 6018 6019 if ($(this).parent().siblings().children('ul').hasClass('tablet-block')) { 6020 $(this).parent().siblings().children('ul').removeClass('tablet-block').addClass('tablet-none'); 6021 $(this).parent().siblings().children('i').removeClass('fa-minus').addClass('fa-plus'); 6022 } 6023 6024 if ($(this).parent().siblings().children('ul').children().children('ul').hasClass('tablet-block')) { 6025 $(this).parent().siblings().children('ul').children().children('ul').removeClass('tablet-block').addClass('tablet-none'); 6026 $(this).parent().siblings().children('ul').children().children('i').removeClass('fa-minus').addClass('fa-plus'); 6027 } 6028 6029 if ($(this).siblings('ul').children('ul').children().children('ul').hasClass('tablet-block')) { 6030 $(this).siblings('ul').children('ul').children().children('ul').removeClass('tablet-block').addClass('tablet-none'); 6031 $(this).siblings('ul').children('ul').children().children('i').removeClass('fa-minus').addClass('fa-plus'); 6032 } 6033 6034 } 6035 6036 } 6037 6038 if ($(this).hasClass('fa-plus')){ 6039 $(this).removeClass('fa-plus').addClass('fa-minus'); 6040 } else { 6041 $(this).removeClass('fa-minus').addClass('fa-plus'); 6042 } 6043 }); 6044 }) 6045 } 6046 // Append unique ID attribute for mobile main menu links 6047 $('.mobile-main-menu a,.mobile-main-menu span').attr("id", function() { return $(this).attr("id") + "-mobile" }); 6048</script>
6048 6049
6050<script> 6051/* Keeps the announcement bar flush with the navbar: this widget's CSS emits static 50px 6052 offsets that are blind to the hide-menu settings, so a hidden or fixed compact-logo 6053 navbar leaves a gap or an overlap. Measure the real navbar state and own the offset. */ 6054(function () { 6055 function alignAnnouncementToNavbar() { 6056 var ann = document.querySelector('.announcement-bar'); 6057 if (!ann) { return; } 6058 /* above the widget's own offset breakpoints: restore stylesheet values */ 6059 if (window.innerWidth > 1100) { 6060 ann.style.removeProperty('margin-top'); 6061 ann.style.removeProperty('top'); 6062 return; 6063 } 6064 var navbar = document.querySelector('.header nav.navbar.navbar-default'); 6065 var navStyle = navbar ? window.getComputedStyle(navbar) : null; 6066 /* navbar hidden: the 50px offsets have nothing to clear, sit flush */ 6067 if (!navbar || navStyle.display === 'none') { 6068 ann.style.setProperty('margin-top', '0px', 'important'); 6069 ann.style.setProperty('top', '0px', 'important'); 6070 return; 6071 } 6072 if (window.innerWidth >= 768) { return; } 6073 /* only act while the navbar is pinned and showing the compact logo */ 6074 if (navStyle.position !== 'fixed') { return; } 6075 var logo = navbar.querySelector('.mobile_website_logo'); 6076 if (!logo || window.getComputedStyle(logo).display === 'none') { return; } 6077 var navRect = navbar.getBoundingClientRect(); 6078 var annRect = ann.getBoundingClientRect(); 6079 var delta = Math.round(navRect.bottom - annRect.top); /* >0 overlap, <0 gap */ 6080 if (delta === 0) { return; } 6081 var currentMt = parseFloat(window.getComputedStyle(ann).marginTop) || 0; 6082 var nextMt = currentMt + delta; 6083 /* a transient element above the bar during load can inflate the measure; a 6084 negative margin would pull the bar behind the navbar, so clamp at 0 */ 6085 if (nextMt < 0) { nextMt = 0; } 6086 /* !important to beat the widget's "margin-top: 50px !important" rule */ 6087 ann.style.setProperty('margin-top', nextMt + 'px', 'important'); 6088 } 6089 6090 function run() { 6091 alignAnnouncementToNavbar(); 6092 /* re-run after late layout shifts (fonts, async embeds) */ 6093 window.setTimeout(alignAnnouncementToNavbar, 250); 6094 window.setTimeout(alignAnnouncementToNavbar, 1200); 6095 } 6096 6097 if (document.readyState === 'loading') { 6098 document.addEventListener('DOMContentLoaded', run); 6099 } else { 6100 run(); 6101 } 6102 window.addEventListener('load', alignAnnouncementToNavbar); 6103 var resizeTimer; 6104 window.addEventListener('resize', function () { 6105 window.clearTimeout(resizeTimer); 6106 resizeTimer = window.setTimeout(alignAnnouncementToNavbar, 150); 6107 }); 6108})(); 6109</script>
vendor: 2 bytes, line 6109
6109
6110<script> 6111 </script>
6111<script type="text/javascript"> 6112(function () { 6113 try { 6114 var email = new URLSearchParams(window.location.search).get('email'); 6115 if (!email) { return; } 6116 email = email.trim(); 6117 if (email.indexOf('@') === -1) { return; } 6118 /* Sets the input value property (never HTML) -> XSS-safe regardless of the query value. */ 6119 var fill = function () { 6120 var fields = document.querySelectorAll('input[name="email_r"]'); 6121 for (var i = 0; i < fields.length; i++) { 6122 if (!fields[i].value) { fields[i].value = email; } 6123 } 6124 }; 6125 if (document.readyState === 'loading') { 6126 document.addEventListener('DOMContentLoaded', fill); 6127 } else { 6128 fill(); 6129 } 6130 } catch (e) {} 6131})(); 6132</script>
vendor: 2 bytes, line 6132
6132
6133<script> 6134 $('#captchaContainer').removeClass('form-control '); 6135 $(".website_url_field").keyup(function(){ 6136 var fieldName = $(this).attr('name'); 6137 $(this).val($(this).val().replace(/\s+/g, '')); 6138 $('#myform').formValidation('revalidateField', fieldName); 6139 }); 6140</script>
6140 6141
6141<script src="https://www.optimizecdn.com/directory/cdn/bootstrap/formvalidation/current/dist/js/formValidation.min.js"></script>
6141 6142
6142<script src="https://www.optimizecdn.com/directory/cdn/bootstrap/formvalidation/current/dist/js/framework/bootstrap.min.js"></script>
6142 6143
6143<script type="text/javascript"> 6144 function decodeHtml(html) { 6145 var txt = document.createElement("textarea"); 6146 txt.innerHTML = html; 6147 return txt.value; 6148 } 6149 6150 // Override FormValidation URI validator to prevent recursion with URLs that contain @ characters 6151 $(function() { 6152 function applyFix() { 6153 // Check if FormValidation library and URI validator are loaded 6154 if (FormValidation && FormValidation.Validator && FormValidation.Validator.uri) { 6155 FormValidation.Validator.uri.validate = function(validator, $field, options) { 6156 var value = validator.getFieldValue($field, 'uri').trim(); 6157 return value === '' || new RegExp('^https?://[^\\s]+\\.[^\\s]{2,}').test(value); 6158 }; 6159 return true; 6160 } 6161 return false; 6162 } 6163 6164 if (!applyFix()) { 6165 setTimeout(applyFix, 50); 6166 } 6167 }); 6168 </script>
6168 6169
6169<script type="text/javascript"> 6170 6171 var counterSubmit = 0; 6172 $(document).ready(function() { 6173 /* grecaptcha.reset() with no argument always resets widget 0. On a page with two 6174 captcha holders that clears the wrong checkbox, so the widget the visitor solved 6175 keeps a token Google has already spent and every retry fails the security check. 6176 captchaHolders is published by widget 1995 keyed by "<formId>-google-recaptcha"; 6177 an undefined id means no per-form id is known and the arg-less call is used, 6178 exactly as before. */ 6179 function bdCaptchaWidgetId(formId) { 6180 if (typeof captchaHolders === "undefined" || !formId) { 6181 return undefined; 6182 } 6183 /* recaptcha.php renames each holder to "<id>-<counter>" before render (recaptcha.php ~L84), 6184 so captchaHolders is keyed by the RENAMED id - not "<formId>-google-recaptcha". Resolve from 6185 the holder element itself so the counter never has to be reconstructed. */ 6186 var form = document.getElementById(formId); 6187 var holder = form && form.querySelector(".g-recaptcha"); 6188 return holder ? captchaHolders[holder.id] : undefined; 6189 } 6190 6191 function bdCaptchaReset(formId) { 6192 if (typeof grecaptcha === "undefined" || typeof grecaptcha.reset !== "function") { 6193 return; 6194 } 6195 var widgetId = bdCaptchaWidgetId(formId); 6196 if (widgetId === undefined) { 6197 grecaptcha.reset(); 6198 } else { 6199 grecaptcha.reset(widgetId); 6200 } 6201 } 6202 6203 // Ghost-field strip (card d4tk1CMp): the server-side validator config can carry 6204 // rules for fields that are NOT rendered in this form (conditionally-rendered or 6205 // duplicated form configs). Those phantom rules make formValidation mis-evaluate 6206 // isValid(), so an empty required field bypasses validation and submits natively. 6207 // Remove any rule whose field has no matching element before initializing. 6208 // NOTE: this is the ONLY layer re-applied from reverted PR #5902. It strictly 6209 // REMOVES rules (never adds validators, never overrides native submit, never 6210 // intercepts on capture phase, never re-validates on click) â so it cannot 6211 // reproduce the "Save button slides down / nav broken / no success message" 6212 // regression that caused #5902 to be rolled back on site 19413. 6213 var validatorConfig = {"framework":"bootstrap","addOns":{"reCaptcha2":{"element":"captchaContainer","language":"en","theme":"light","siteKey":"6Lf5x7ArAAAAANWNGogazYweb7go-_8lFv3BEpnO","timeout":"120","message":"The captcha is not valid"}},"fields":{"email":{"validators":{"notEmpty":{"message":"Required Field"},"emailAddress":{"message":"Please enter a valid email address"}}},"pass":{"validators":{"notEmpty":{"message":"Required Field"}}}}}; 6214 var formElement = $(`form[name='member_login_190']`); 6215 if(validatorConfig && validatorConfig.fields) { 6216 Object.keys(validatorConfig.fields).forEach(function(fieldName) { 6217 if(formElement.find('[name="' + fieldName + '"]').length === 0) { 6218 delete validatorConfig.fields[fieldName]; 6219 } 6220 }); 6221 } 6222 6223 // Scroll to the first invalid field when submit fails validation, 6224 // so the user can immediately see why the form will not submit 6225 formElement.on('err.form.fv', function(e) { 6226 var $firstError = $(e.target).find('.form-group.has-error').first(); 6227 if ($firstError.length) { 6228 $('html, body').animate({ scrollTop: $firstError.offset().top - 100 }, 700); 6229 } 6230 }); 6231
6232 formElement.formValidation(validatorConfig).on('success.form.fv', function(e,fvdata) { 6233 6234 if('member_login' == 'unsubscribe_email'){ 6235 return true; 6236 } 6237 // Prevent form submission 6238 e.preventDefault(); 6239 $form = $(e.target), 6240 fv = $form.data('formValidation'); 6241 6242 // Check HTML5 required fields that FormValidation may not know about 6243 var requiredEmpty = false; 6244 $form.find('[required]').each(function() { 6245 var val = $(this).val(); 6246 if (val === '' || val === null || (typeof val === 'string' && val.trim() === '')) { 6247 requiredEmpty = true; 6248 $(this).closest('.form-group').addClass('has-error'); 6249 if ($(this).siblings('.required-error').length === 0) { 6250 $(this).after('<small class="required-error help-block" style="color:#a94442;">Required Field</small>'); 6251 } 6252 } else { 6253 var $reqGroup = $(this).closest('.form-group'); 6254 $(this).siblings('.required-error').remove(); 6255 // Keep has-error if another validator is still failing for this field 6256 if ($reqGroup.find('small[data-fv-validator][data-fv-result="INVALID"]').length === 0) { 6257 $reqGroup.removeClass('has-error'); 6258 } 6259 } 6260 }); 6261 if (requiredEmpty) { 6262 fv.disableSubmitButtons(false); 6263 counterSubmit = 0; 6264 // Scroll to the first field with an error (HTML5-required scan does 6265 // not trigger err.form.fv, so handle the scroll here too) 6266 var $firstReqError = $form.find('.form-group.has-error').first(); 6267 if ($firstReqError.length) { 6268 $('html, body').animate({ scrollTop: $firstReqError.offset().top - 100 }, 700); 6269 } 6270 return false; 6271 } 6272 6273 var values = $(this).serialize(); 6274 6275 6276 var locationFieldCorrect = true; 6277 6278 if($("#member_login_190 .location_required").length > 0){ 6279 $("#member_login_190 .location_required").each(function (index) { 6280 if($(this).data('state') == 1){ 6281 if($('#member_login_190 input[name="lead_location"]').val() == "" || $('#member_login_190 input[name="lat"]').val() == "" || $('#member_login_190 input[name="lng"]').val() == "") { 6282 locationFieldCorrect = false; 6283 } 6284 } 6285 }); 6286 } 6287 6288 if(locationFieldCorrect === false){ 6289 //check that there is a latitude or longitude 6290 swal(`Whoops!`, `The location information is required to submit this form`, "error"); 6291 return false; 6292 } 6293 6294 6295 if (!$(this).attr("action")) { 6296 var action = ''; 6297 6298 } else { 6299 var action = $(this).attr("action"); 6300 } 6301 if (!$(this).attr("method")) { 6302 var method = 'post'; 6303 6304 } else { 6305 var method = $(this).attr("method"); 6306 } 6307 if (!$(this).attr("form_action_type")) { 6308 var form_action_type = 'notification'; 6309 6310 } else { 6311 var form_action_type = $(this).attr("form_action_type"); 6312 } 6313 if (!$(this).attr("form_action_div")) { 6314 /* Empty "ID to Replace" default: prefer #main-content, fall back to legacy #first_container if absent */ 6315 var form_action_div = $('#main-content').length ? '#main-content' : '#first_container'; 6316 6317 } else { 6318 var form_action_div = $(this).attr("form_action_div"); 6319 } 6320 if (!$(this).attr("return_data_type")) { 6321 var return_data_type = 'json'; 6322 6323 } else { 6324 var return_data_type = $(this).attr("return_data_type"); 6325 } 6326 var submitInFlight = counterSubmit != 0 || (Date.now() - ($form.data('bdLastSubmitAt') || 0) < 5000); 6327 if (!submitInFlight) { 6328 if ($("#member_login_190-notification").html() != "") { 6329 $("#member_login_190-notification").remove(); 6330 } 6331 if ($(this).find('input[type="submit"]').length > 0) { 6332 $(this).find('input[type="submit"]').before('<div id="member_login_190-notification" class="alert"></div>'); 6333 6334 } else { 6335 $(this).prepend('<div id="member_login_190-notification" class="alert"></div>'); 6336 } 6337 } 6338 var notification = $("#member_login_190-notification"); 6339 6340 if ((form_action_type == "" || form_action_type == "default") && action.indexOf("account") >= 0) { 6341 notification.html(`Processing Request...`).addClass("alert-warning-subtle"); 6342 setTimeout(function(){ 6343 fv.defaultSubmit(); 6344 }, 100); 6345 } else { 6346 notification.html(`Processing Request...`).addClass("alert-warning-subtle"); 6347 if(!submitInFlight) { 6348 counterSubmit++; 6349 $form.data('bdLastSubmitAt', Date.now()); 6350 6351 var fields = $(this).serializeArray(); 6352 var formField = []; 6353 var processData = true; 6354 var contentType = "application/x-www-form-urlencoded; charset=UTF-8"; 6355 6356 6357 6358 if($("#member_login_190 input[type=file]").length > 0){ 6359 6360 var formObject = new FormData(); 6361 processData = false; 6362 contentType = false; 6363 6364 $(fields).each(function(index,field){ 6365 formField.push(field.name+"="+field.value); 6366 }); 6367 6368 values = formField.join("&"); 6369 6370 $(formField).each(function(index,fieldValue){ 6371 var fieldInfo = fieldValue.split('='); 6372 formObject.append(fieldInfo[0],fieldInfo[1]); 6373 }); 6374 6375 $("#member_login_190 input[type=file]").each(function(index,node){ 6376 var file = this.files[0]; 6377 if(typeof file != "undefined"){ 6378 formObject.append("file_addon["+$(node).attr('name')+"]", file, file.name); 6379 } 6380 }); 6381 }else{ 6382 6383 $(fields).each(function(index,field){ 6384 formField.push(field.name+"="+encodeURIComponent(field.value)); 6385 }); 6386 6387 var formObject = formField.join("&"); 6388 } 6389 6390 $.ajax({
6391 url: action, 6392 type: method, 6393 data: formObject, 6394 dataType: return_data_type, 6395 processData: processData, 6396 contentType: contentType, 6397 success: function (data) { 6398 // Re-query live node: success.form.fv fires twice, orphaning the closure ref captured above. 6399 notification = $("#member_login_190-notification"); 6400 if (return_data_type == "html") { 6401 var result = 'success'; 6402 6403 if (!data != "") { 6404 var result_widget = data['result_widget']; 6405 } 6406 6407 } else { 6408 6409 6410 if (!data['result']) { 6411 var result = 'error'; 6412 } else { 6413 var result = data['result']; 6414 } 6415 if (!data['result_widget']) { 6416 var result_widget = ''; 6417 6418 } else { 6419 var result_widget = data['result_widget']; 6420 } 6421 } 6422 if (result == "success") { 6423 6424 if (!data['message']) { 6425 var message = `Your information has submitted successfully!`; 6426 6427 } else { 6428 var message = data['message']; 6429 } 6430 if (!data['redirect_url']) { 6431 var redirect_url = ''; 6432 6433 } else { 6434 var redirect_url = data['redirect_url']; 6435 } 6436 6437 6438 6439 if (form_action_type == "notification") { 6440 if (redirect_url && (action.indexOf('Member%20Login%20Page') >= 0 || action.indexOf('Member Login Page') >= 0)) { 6441 if (redirect_url.substring(0, 1) != "/" && redirect_url.substring(0, 1) != "h") { 6442 redirect_url = "/" + redirect_url; 6443 } 6444 if (notification.parents('.modal').length) { 6445 $('.modal-backdrop').hide(); 6446 $('.modal').modal('hide'); 6447 } 6448 window.location.href = redirect_url; 6449 fv.resetForm(true); 6450 } else { 6451 notification.html(message + '<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>') 6452 .addClass('alert-dismissible') 6453 .addClass("alert-success-subtle") 6454 .removeClass("alert-danger-subtle") 6455 .removeClass("alert-warning-subtle") 6456 6457 6458 6459 if(notification.parents('.modal').length && 'member_login_190' == 'whmcs_billing_address'){ 6460 setTimeout(function(){ 6461 notification.parents('.modal').modal('hide'); 6462 }, 1000); 6463 } 6464 } 6465 6466 } else if (form_action_type == "widget") { 6467 6468 if (result_widget != '') { 6469 6470 setTimeout(function(){ 6471 if(form_action_div != '.newsletter_modal_form_container'){ 6472 $("html, body").animate({ scrollTop: 0 }, 600); 6473 } 6474 $(form_action_div).html(decodeHtml(result_widget)).text(); 6475 6476 }, 1000); 6477 } 6478 6479 } else if (form_action_type == "redirect") { 6480 6481 if (redirect_url == "") { 6482 redirect_url = decodeURIComponent(""); 6483 } 6484 6485 if (redirect_url.substring(0, 1) != "/" && redirect_url.substring(0, 1) != "h") { 6486 redirect_url = "/" + redirect_url; 6487 } 6488 current_location = "/blog"; 6489 refresh_pages_string = "/login"; 6490 refresh_pages_string = refresh_pages_string.replace(/ /g,''); 6491 refresh_pages_array = refresh_pages_string.split(','); 6492 notification.html(message) 6493 .addClass("alert-success-subtle") 6494 .removeClass("alert-danger-subtle") 6495 .removeClass("alert-warning-subtle") 6496 .delay(2000).slideUp(); 6497 if(action == "/api/widget/json/get/Bootstrap%20Theme%20-%20Member%20Login%20Page" && current_location.indexOf("/login") == -1 && refresh_pages_string != '' && (!refresh_pages_array.includes(current_location) || refresh_pages_string == "/login" )){ 6498 window.location.href = window.location.href+'?logged'; 6499 } else { 6500 window.location.href = redirect_url; 6501 } 6502 6503 fv.resetForm(true); 6504 } 6505 if(form_action_div != '.newsletter_modal_form_container' && 'member_login_190' != 'whmcs_billing_address'){ 6506 $('.modal-backdrop').hide(); 6507 } 6508 } else { 6509 bdCaptchaReset(formElement.attr('id')); 6510 if (!data['message']) { 6511 var message = `You entered invali
6511d data. Please try to save again.`; 6512 6513 } else { 6514 var message = data['message']; 6515 } 6516 $("#member_login_190-notification").html(message) 6517 .addClass("alert-danger-subtle") 6518 .removeClass("alert-success-subtle") 6519 .removeClass("alert-warning-subtle") 6520 .fadeIn(); 6521 fv.disableSubmitButtons(false); 6522 } 6523 counterSubmit = 0; 6524 }, 6525 error: function (e) { 6526 6527 if(typeof grecaptcha !== "undefined" && typeof grecaptcha.reset === "function"){ 6528 bdCaptchaReset(formElement.attr('id')); 6529 $("#member_login_190-notification").html(`Recaptcha Error`); 6530 } else { 6531 $("#member_login_190-notification").html(`A connection error occurred while saving. Please try to save again.`); 6532 } 6533 $("#member_login_190-notification").addClass("alert-warning-subtle") 6534 .removeClass("alert-success-subtle") 6535 .removeClass("alert-warning-subtle") 6536 .fadeIn(); 6537 counterSubmit = 0; 6538 } 6539 });/// End Ajax 6540 } 6541 }//END else 6542 }).bind('keydown', function(event) { 6543 6544 if (event.ctrlKey || event.metaKey) { 6545 6546 switch (String.fromCharCode(event.which).toLowerCase()) { 6547 6548 case 's': 6549 var nativeForm = $(this)[0]; 6550 if (nativeForm && typeof nativeForm.reportValidity === 'function' && !nativeForm.reportValidity()) { 6551 event.preventDefault(); 6552 return false; 6553 } 6554 $(this).submit(); 6555 break; 6556 } 6557 } 6558 }); 6559 6560 /// This will turn any select2 that are required in the form builder to being required elements. 6561 $('#member_login_190 select').each(function (i, obj) { 6562 setTimeout(function(){ 6563 if ($(obj).prop("required") && $(obj).attr("style") == "display: none;") { 6564 $(obj).css("z-index","-999"); 6565 $(obj).css("height","0"); 6566 $(obj).css("width","0"); 6567 $(obj).css("display","block"); 6568 $(obj).css("position","absolute"); 6569 } 6570 }, 3000); 6571 }); 6572 6573 // Clear required-error messages when user fills in a required field 6574 $('#member_login_190').on('keyup change', '[required]', function() { 6575 var val = $(this).val(); 6576 if (val !== '' && val !== null && val.trim() !== '') { 6577 var $group = $(this).closest('.form-group'); 6578 // Remove only this handler's own required message 6579 $(this).siblings('.required-error').remove(); 6580 // Keep has-error if another FormValidation validator is still failing 6581 // (e.g. stringLength, regexp). has-error is shared, so removing it 6582 // wholesale would clobber other validators' red styling. 6583 if ($group.find('small[data-fv-validator][data-fv-result="INVALID"]').length === 0) { 6584 $group.removeClass('has-error'); 6585 } 6586 } 6587 }); 6588 6589 });//END $('# echo $_SERVER[form_element_id]; ').formValidation( 6590 </script>
6590 6591
6591<script> 6592 window.addEventListener('load', (event) => { 6593 setTimeout(() => { 6594 }, 501); 6595 }); 6596 </script>
vendor: 2 bytes, line 6596
6596
6597<script> 6598 function decision(message, url) { 6599 if (confirm(message)) { 6600 setTimeout(function () { 6601 window.location = url; 6602 }, 0); 6603 } 6604 } 6605</script>
vendor: 2 bytes, line 6605
6605
6606<script> 6607 // Function to add alt, width, and height attributes to <img> elements without them 6608 function addAttributesToImages() { 6609 var images = document.querySelectorAll('img:not([alt]), img:not([width]), img:not([height])'); 6610 Array.prototype.forEach.call(images, function(img) { 6611 // Skip if we've already processed this image 6612 if (img.dataset.processed === 'true') { 6613 return; 6614 } 6615 6616 // Mark this image as being processed 6617 img.dataset.processed = 'true'; 6618 6619 // Add alt attribute if missing 6620 if (!img.hasAttribute('alt')) { 6621 var src = img.getAttribute('src') || 'image'; // Default src to 'image' if missing 6622 var altText = src.split('/').pop().split('?')[0].replace(/\.\w+$/, ''); 6623 6624 try { 6625 altText = decodeURIComponent(altText) 6626 .replace(/[_\-+,.:;]+/g, ' ') 6627 .replace(/\s+/g, ' ') 6628 .trim(); 6629 } catch (e) { 6630 altText = 'image'; // Fallback to 'image' if decoding fails 6631 } 6632 6633 // Ensure altText is not empty, otherwise use 'image' 6634 altText = altText || 'image'; 6635 6636 img.setAttribute('alt', altText); 6637 } 6638 6639 // Add width and height attributes if missing 6640 if (!img.hasAttribute('width') || !img.hasAttribute('height')) { 6641 // Handle SVG differently 6642 if (img.src && img.src.endsWith('.svg')) { 6643 // For SVG, use the viewBox to set width and height, if available 6644 fetch(img.src) 6645 .then(response => { 6646 if (!response.ok) { 6647 throw new Error('Failed to fetch SVG: ' + response.status); 6648 } 6649 return response.text(); 6650 }) 6651 .then(svgText => { 6652 var parser = new DOMParser(); 6653 var svgDoc = parser.parseFromString(svgText, "image/svg+xml"); 6654 var svgElement = svgDoc.querySelector('svg'); 6655 6656 if (svgElement) { 6657 var viewBox = svgElement.getAttribute('viewBox'); 6658 if (viewBox) { 6659 var viewBoxValues = viewBox.split(' '); 6660 var width = viewBoxValues[2]; 6661 var height = viewBoxValues[3]; 6662 6663 if (!img.hasAttribute('width')) { 6664 img.setAttribute('width', width); 6665 } 6666 if (!img.hasAttribute('height')) { 6667 img.setAttribute('height', height); 6668 } 6669 } 6670 } 6671 }) 6672 .catch(error => { 6673 // Fallback to default dimensions for SVG 6674 if (!img.hasAttribute('width')) { 6675 img.setAttribute('width', '100'); 6676 } 6677 if (!img.hasAttribute('height')) { 6678 img.setAttribute('height', '100'); 6679 } 6680 }); 6681 } else { 6682 // For non-SVG images, use natural dimensions 6683 var tempImg = new Image(); 6684 tempImg.src = img.src; 6685 6686 tempImg.onload = function() { 6687 if (!img.hasAttribute('width')) { 6688 img.setAttribute('width', tempImg.naturalWidth); 6689 } 6690 if (!img.hasAttribute('height')) { 6691 img.setAttribute('height', tempImg.naturalHeight); 6692 } 6693 }; 6694 6695 tempImg.onerror = function() { 6696 // Fallback to default dimensions 6697 if (!img.hasAttribute('width')) { 6698 img.setAttribute('width', '100'); 6699 } 6700 if (!img.hasAttribute('height')) { 6701 img.setAttribute('height', '100'); 6702 } 6703 }; 6704 } 6705 } 6706 }); 6707 } 6708 6709 document.addEventListener('DOMContentLoaded', function() { 6710 // Run the function initially to catch images already in the DOM 6711 addAttributesToImages(); 6712 6713 // Create a MutationObserver to monitor the DOM for added/changed images 6714 var observer = new MutationObserver(function(mutations) { 6715 mutations.forEach(function(mutation) { 6716 if (mutation.addedNodes.length > 0 || mutation.type === 'attributes') { 6717 // Only process if we have new images or src attribute changes 6718 var hasNewImages = false; 6719 6720 if (mutation.addedNodes.length > 0) { 6721 mutation.addedNodes.forEach(function(node) { 6722 if (node.nodeType === 1) { // Element node 6723 if (node.tagName === 'IMG' || node.querySelectorAll) { 6724 hasNewImages = true; 6725 } 6726 } 6727 }); 6728 } 6729 6730 if (mutation.type === 'attributes' && mutation.attributeName === 'src') { 6731 hasNewImages = true; 6732 } 6733 6734 if (hasNewImages) { 6735 addAttributesToImages(); 6736 } 6737 } 6738 }); 6739 }); 6740 6741 // Start observing the document body for changes 6742 observer.observe(document.body, { 6743 childList: true, // Watch for added or removed nodes 6744 subtree: true, // Watch the entire subtree 6745 attributes: true, // Watch for attribute changes 6746 attributeFilter: ['src'] // Specifically watch for changes in the 'src' attribute 6747 }); 6748 }); 6749</script>
6749<style type='text/css'> select#sid[disabled], select#tid[disabled], select.combobox[disabled], select#bd-chained[disabled], select#category-chained[disabled], select.infinite-chained[disabled], select.subcategory-chained[disabled], select.search-chained[disabled], select#country-chained[disabled], select#state-chained[disabled], select#country-chained-2[disabled], select#state-chained-2[disabled], select#profession_id[disabled] { 6750 cursor: wait 6751} 6752select.select2-preload { 6753 line-height: initial; 6754} 6755 6756select#sid, select#tid, select#ttid, select.combobox, select#bd-chained, select#category-chained, select.infinite-chained, select.subcategory-chained, select.search-chained, select#country-chained, select#state-chained, select#country-chained-2, select#state-chained-2, select#profession_id, [name^="bd_phone_country_code"] { 6757 -webkit-appearance: none; 6758 -moz-appearance: none; 6759 appearance: none; 6760 background-image: url(/images/select2ArrowDown.png) !important; 6761 background-repeat: no-repeat !important; 6762 background-size: 10px 9px !important; 6763 background-position: 99% 16px; 6764 border-radius: 6px; 6765 overflow: hidden; 6766} 6767.module select#sid, .module select#tid, .module select.combobox, .module select#bd-chained, .module select#category-chained, .module select.infinite-chained, .module select.subcategory-chained, .module select.search-chained, .module select#country-chained, .module select#state-chained, .module select#country-chained-2, .module select#state-chained-2, .module select#profession_id, [name^="bd_phone_country_code"] { 6768 background-position: 98.2% 12px; 6769} </style>
6769<script> 6770 // Function to add aria-label to <select> elements without it, for better pagespeed accessibility score 6771 $(document).ready(function() { 6772 var ariaLabelCounter = {}; // Object to keep track of aria-label counts for uniqueness 6773 6774 // Iterate over each select element that does not have an aria-label 6775 $('select:not([aria-label])').each(function() { 6776 // Use the ID or placeholder as the base for the aria-label, stripping HTML tags 6777 var baseLabel = this.id || $(this).attr('placeholder') || 'select'; 6778 baseLabel = baseLabel.replace(/<[^>]*>/g, '').trim(); // Remove HTML tags and trim 6779 6780 // Ensure uniqueness of each aria-label 6781 ariaLabelCounter[baseLabel] = (ariaLabelCounter[baseLabel] || 0) + 1; 6782 var ariaLabel = baseLabel + '-' + ariaLabelCounter[baseLabel]; 6783 6784 // Truncate aria-label to 100 characters 6785 ariaLabel = ariaLabel.length > 100 ? ariaLabel.substring(0, 100) : ariaLabel; 6786 6787 // Set the aria-label attribute to the unique label 6788 $(this).attr('aria-label', ariaLabel); 6789 }); 6790 }); 6791</script>
vendor: 2 bytes, line 6791
6791
6792<script type="application/ld+json"> 6793{ 6794 "@context": "https://schema.org", 6795 "@graph": [ 6796 { 6797 "@type": "WebSite", 6798 "@id": "https://www.atozhealthguide.com/#website", 6799 "name": "A to Z health Guide", 6800 "url": "https://www.atozhealthguide.com/", 6801 "inLanguage": "en-US", 6802 "potentialAction": { 6803 "@type": "SearchAction", 6804 "target": "https://www.atozhealthguide.com/sitesearch?q={search_term_string}", 6805 "query-input": "required name=search_term_string", 6806 "name": "Search Directory: A to Z health Guide" 6807 }, 6808 "publisher": { 6809 "@id": "https://www.atozhealthguide.com/#organization" 6810 } 6811 }, 6812 { 6813 "@type": "Organization", 6814 "@id": "https://www.atozhealthguide.com/#organization", 6815 "name": "A to Z health Guide", 6816 "description": "Search A to Z health Guide for the best businesses and health information", 6817 "url": "https://www.atozhealthguide.com/", 6818 "mainEntityOfPage": { 6819 "@type": "WebPage", 6820 "@id": "https://www.atozhealthguide.com/#webpage" 6821 }, 6822 "contactPoint": [ 6823 { 6824 "@type": "ContactPoint", 6825 "email": "[email protected]", 6826 "contactType": "customer support", 6827 "availableLanguage": [ 6828 "en" 6829 ], 6830 "areaServed": "CA" 6831 } 6832 ], 6833 "areaServed": { 6834 "@type": "Country", 6835 "name": "CA" 6836 }, 6837 "telephone": "4168947217", 6838 "sameAs": [ 6839 "https://www.facebook.com/mrbusinessgta", 6840 "https://x.com/mrbusiness_ca", 6841 "https://www.linkedin.com/in/courtneymaxq", 6842 "https://www.youtube.com/channel/UCoIM-XyGhZjWvWLuUON2CUw" 6843 ], 6844 "logo": { 6845 "@type": "ImageObject", 6846 "@id": "https://www.atozhealthguide.com/#logo", 6847 "url": "/images/healthguideatoz4.png" 6848 }, 6849 "image": { 6850 "@type": "ImageObject", 6851 "@id": "https://www.atozhealthguide.com/#image", 6852 "url": "/images/healthguideatoz4.png" 6853 }, 6854 "keywords": [ 6855 "Search A to Z health Guide for the best businesses and health information", 6856 "A to Z health Guide", 6857 "natural health", 6858 "Natural Health and fitness" 6859 ] 6860 } 6861 ] 6862}</script>
6862 6863
6864<script> 6865// Bootstrap Icons fallback loader - ensures Bootstrap Icons work even if HEAD widget is customized, do not delete 6866(function() { 6867 if (!document.querySelector('link[href*="bootstrap-icons"]')) { 6868 var link = document.createElement('link'); 6869 link.rel = 'stylesheet'; 6870 link.href = 'https://www.optimizecdn.com/directory/cdn/assets/bootstrap/fonts/bootstrap-icons.min.css?v=1.13.1'; 6871 document.head.appendChild(link); 6872 } 6873})(); 6874</script>
6874 6875<style type='text/css'> .input-group.normal-autosuggest input,.input-group.sm-autosuggest input, .input-group.md-autosuggest input { 6876 border-radius: 0 8px 8px 0 !important; 6877 } 6878.normal-autosuggest .twitter-typeahead, .sm-autosuggest .twitter-typeahead, .md-autosuggest .twitter-typeahead, .large-autosuggest .twitter-typeahead { 6879 display: inline-block; 6880 height: 25px; 6881 position: relative; 6882 width: 100%; 6883} 6884.input-group.normal-autosuggest .twitter-typeahead, .input-group.sm-autosuggest .twitter-typeahead, .input-group.large-autosuggest .twitter-typeahead:not(.search_box .twitter-typeahead) { 6885 width: inherit; 6886} 6887.normal-autosuggest .twitter-typeahead .clear_content.medium{ 6888 bottom: 0px; 6889} 6890.sm-autosuggest .twitter-typeahead .clear_content.small{ 6891 bottom: -4px; 6892} 6893.md-autosuggest.input-group .twitter-typeahead .clear_content.medium { 6894 bottom: -2px; 6895} 6896.md-autosuggest .twitter-typeahead { 6897 height: 32px; 6898} 6899.md-autosuggest .input-group-addon + .input_wrapper .twitter-typeahead { 6900 height: 38px; 6901 vertical-align: top; 6902} 6903.md-autosuggest-input + .clear_content.medium { 6904 bottom: 0px; 6905} 6906.large-autosuggest .twitter-typeahead { 6907 height: 40px; 6908} 6909.normal-autosuggest .twitter-typeahead{ 6910 height: 38px; 6911} 6912.normal-autosuggest .twitter-typeahead .tt-hint, .sm-autosuggest .twitter-typeahead .tt-hint { 6913 background: #fff !important; 6914 border: 1px solid #ccc!important; 6915 border-radius: 0 8px 8px 0; 6916 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset!important; 6917 color: transparent; 6918 left: 0; 6919 padding: 4px 11px; 6920 position: absolute; 6921 top: 0; 6922 width: 100%; 6923 font-size:12px; 6924} 6925.normal-autosuggest.input-group-addon .fa, .sm-autosuggest .input-group-addon .fa, .input-group-sm .input-group-addon .fa {font-size:12px} 6926.md-autosuggest .twitter-typeahead .tt-hint { 6927 height: 100%; 6928 background: #ffffff none repeat scroll 0 0 !important; 6929 border: 1px solid #cccccc !important; 6930 border-radius: 0 8px 8px 0; 6931 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset !important; 6932 color: rgba(0, 0, 0, 0); 6933 left: 0; 6934 padding: 6px 11px; 6935 position: absolute; 6936 top: 0; 6937 width: 100%; 6938} 6939.large-autosuggest {background: #fff !important;border-radius:10px;} 6940.large-autosuggest input {width: 100%!important;box-shadow:none; border-radius: 10px;} 6941 .input-group.large-autosuggest input,.input-group.large-autosuggest .twitter-typeahead .tt-hint { 6942 border-radius: 0 10px 10px 0!important; 6943 } 6944 .large-autosuggest .twitter-typeahead .tt-hint { 6945 background: #fff !important; 6946 border: 1px solid #ccc!important; 6947 border-radius: 10px; 6948 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset!important; 6949 color: transparent; 6950 left: 0; 6951 position: absolute; 6952 top: 0; 6953 width: 100%; 6954 font-size: 18px; 6955 height: 46px; 6956 line-height: 1.33333; 6957 padding: 10px 15px; 6958} 6959.tt-dataset .empty-message { 6960 display: none !important; 6961} 6962.twitter-typeahead .tt-query {background-color:#fff!important} 6963.input-group.large-autosuggest span:first-child .tt-hint {border-radius: 0 !important;} 6964span.tt-dropdown-menu { 6965 border: 1px solid #FCFCFC; 6966 border-radius: 5px; 6967 box-shadow: 0 5px 10px rgba(0,0,0,.2); 6968 width: 100% !important; 6969} 6970.tt-is-under-cursor a.suggest-link { 6971 background: #55ACEE; 6972} 6973 6974.tt-is-under-cursor .media-heading, 6975.tt-is-under-cursor .suggest-origin, 6976.tt-is-under-cursor .location{ 6977 color:#fff!important; 6978} 6979.tt-suggestion .media .media-body .suggest-origin { 6980 color: rgba(45, 91, 137,0.9); 6981 padding: 1px 0; 6982 border-radius: 6px; 6983 font-weight: bold; 6984 line-height: 12px; 6985} 6986.tt-suggestion { 6987 background: #fff; 6988 border-bottom: 1px solid #eee; 6989 -webkit-transition: all 0.3s ease-in-out; 6990 -moz-transition: all 0.3s ease-in-out; 6991 -o-transition: all 0.3s ease-in-out; 6992 transition: all 0.3s ease-in-out; 6993} 6994body .tt-suggestions .media.br-bottom img { 6995 max-width: 45px; 6996 height: auto; 6997} 6998body .tt-suggestions .media-body span { 6999 font-size: 10px; 7000} 7001body .tt-suggestions .media-body h4 { 7002 font-size: 12px; 7003 margin: 2px 0px; 7004 text-transform: capitalize; 7005} 7006a.suggest-link { 7007 padding: 5px; 7008 display: block; 7009} 7010a.suggest-link img { 7011 border-radius: 100px; 7012 display: block; 7013 margin: 0 auto; 7014 height: 100%!important; 7015 width: 100%; 7016 object-fit: cover; 7017} 7018.left-suggest-col {
7019 display: inline-block; 7020 vertical-align: middle; 7021 width: 44px; 7022 height: 44px; 7023} 7024.right-suggest-col { 7025 display: inline-block; 7026 padding-left: 1%; 7027 text-align: left; 7028 vertical-align: middle; 7029 width: calc(100% - 1% - 50px); 7030} 7031p.media-heading { 7032 color: #333; 7033 font-size: 12px; 7034 font-weight: 600; 7035 margin-bottom: 0; 7036} 7037p.suggest-origin { 7038 font-size: 10px; 7039 color: #333; 7040 margin:0; 7041} 7042p.location { 7043 color: #333; 7044 font-size: 10px; 7045 margin: 2px 0; 7046} 7047body .tt-is-under-cursor a.suggest-link { 7048 background: #F7F7F7; 7049} 7050body .tt-is-under-cursor .media-heading, body .tt-is-under-cursor .suggest-origin, body .tt-is-under-cursor .location { 7051 color: #333!important; 7052} 7053a.suggest-link[data-heading="heading"] { 7054 pointer-events: none; 7055 cursor: default; 7056 text-decoration: none; 7057} 7058body .tt-is-under-cursor a.suggest-link[data-heading="heading"] { 7059 background: rgb(238, 238, 238); 7060} 7061/* --- all the novalue css --- */ 7062a.suggest-link .suggest-origin[data-state="novalue"] { 7063 display: none; 7064} 7065a.suggest-link .location[data-state="novalue"] { 7066 display: none; 7067} 7068a.suggest-link img[data-state="novalue"] { 7069 display: none; 7070} 7071a.suggest-link .suggest-origin[data-state="heading"] { 7072 display: none; 7073} 7074a.suggest-link .media-heading[data-heading="heading"] { 7075 color:rgb(102, 102, 102)!important; 7076 font-weight: bold; 7077 padding: 4px; 7078 font-size: 13px; 7079} 7080.left-suggest-col[data-photo="novalue"], .left-suggest-col[data-photo="undefined"] { 7081 display: none; 7082} 7083.right-suggest-col[data-photo="novalue"], .right-suggest-col[data-photo="undefined"] { 7084 width: 100%; 7085} 7086a.suggest-link[href="novalue"] { 7087 cursor: default !important; 7088 pointer-events: none; 7089} 7090a.suggest-link[data-heading="heading"] { 7091 background-color: rgb(238, 238, 238); 7092} 7093div.content-shell { 7094 overflow: inherit; 7095} 7096span.tt-dropdown-menu div { 7097 float: none; 7098} 7099.tt-menu { 7100 border-radius: 0 0 6px 6px; 7101 box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); 7102 overflow: hidden; 7103 width: 100%; 7104 z-index: 150 !important; 7105} 7106.tt-menu .tt-dataset { 7107 overflow-y: auto; 7108 max-height: 200px; 7109} </style>
7109<script type="text/javascript"> 7110 7111 if (typeof decodeHtml != "function") { 7112 function decodeHtml(html) { 7113 var txt = document.createElement("textarea"); 7114 txt.innerHTML = html; 7115 return txt.value; 7116 } 7117 } 7118 function initializeTypeheadMember_search() { 7119 var member_searchEngine = new Bloodhound({ 7120 initialize: false, 7121 datumTokenizer: function (d) { 7122 return Bloodhound.tokenizers.whitespace(value); 7123 }, 7124 queryTokenizer: Bloodhound.tokenizers.whitespace, 7125 remote: { 7126 url: `/api/suggest/json/get/1,users_data,Listings,1,1,1,1,1,3|88,list_professions,Main Categories,1,0,1,1,1,3|89,list_services,Sub Categories,1,0,1,1,1,3?tID=35&q=%QUERY`, 7127 wildcard: '%QUERY', 7128 filter: function (response) { 7129 7130 if (response != null) { 7131 //var response = response.slice(1); 7132 $.each( 7133 response, function (key, value) { 7134 response[key]['value'] = decodeHtml(value['value']); 7135 response[key]['comes_f'] = decodeHtml(value['comes_f']); 7136 response[key]['location'] = decodeHtml(value['location']); 7137 7138 if (response[key]['value'].indexOf('-/-') >= 0) { 7139 var splitResult = response[key]['value'].split('-/-'); 7140 response[key]['value'] = splitResult[0]; 7141 } 7142 } 7143 ); 7144 7145 } else { 7146 response = {error: "null"}; 7147 } 7148 7149 return response; 7150 } 7151 } 7152 }); 7153 var member_searchDataSrc = member_searchEngine.initialize(); 7154 7155 member_searchDataSrc 7156 .done(function () { /*console.log('Autosuggestions engine initialized.'); */ 7157 }) 7158 .fail(function () { /*console.log('err, something went wrong while initializing autosuggestions engine:(');*/ 7159 }) 7160 7161 $('.member_search').typeahead({ 7162 minLength: 2, 7163 highlight: true, 7164 hint: false }, 7165 { 7166 display: 'value', 7167 source: member_searchEngine.ttAdapter(), 7168 limit: 10, 7169 templates: { 7170 empty: [ 7171 '<div class="empty-message">', 7172 'Result not found', 7173 '</div>' 7174 ].join(" "), 7175 notFound: [ 7176 '<div class="notFound-message">', 7177 'Result not found', 7178 '</div>' 7179 ].join(" "), 7180 suggestion: function (data) { 7181 7182 if (data == "null") { 7183 strTemplate = '<div class="empty-message">Result not found</div>'; 7184 7185 } else { 7186 strTemplate = '<a class="suggest-link" href="' + data.link + '" data-state="' + data.link + '" data-heading="' + data.comes_f + '"> <div class="left-suggest-col" data-photo="' + data.photo + '"> <img src="' + data.photo + '" data-state="' + data.photo + '"> </div> <div class="right-suggest-col" data-photo="' + data.photo + '"> <p class="media-heading" data-state="' + data.value + '" data-heading="' + data.comes_f + '">' + data.value + '</p> <p class="suggest-origin" data-state="' + data.comes_f + '">' + data.comes_f + '</p> <p class="location" data-state="' + data.location + '">' + data.location + '</p> </div> </a> '; 7187 7188 if ((data.link == undefined) || (data.link == "") || (data.link == "novalue")) { 7189 strTemplate = strTemplate.replace(/href=".*?"/, "href='#'"); 7190 } 7191 7192 if ((data.photo == undefined) || (data.photo == "") || (data.photo == "novalue")) { 7193 strTemplate = strTemplate.replace(/<img src=".*?>/, ""); 7194 } 7195 } 7196 7197 return strTemplate; 7198 } 7199 }, 7200 }).on('typeahead:selected', function (obj, datum) { 7201 /* 7202 console.log(obj); 7203 console.log(datum); 7204 */ 7205 }); 7206 7207 $('.member_search').each(function () {
7208 var inputWidth = $(this).outerWidth(); 7209 $(this).siblings('.tt-dropdown-menu').css('width', inputWidth + 'px'); 7210 }); 7211 } 7212 </script>
7212 7213
7213<script type="text/javascript"> 7214 function initializeTypeheadVideos() { 7215 var videosEngine = new Bloodhound({ 7216 initialize: false, 7217 datumTokenizer: function (d) { 7218 return Bloodhound.tokenizers.whitespace(value); 7219 }, 7220 queryTokenizer: Bloodhound.tokenizers.whitespace, 7221 remote: { 7222 url: `/api/suggest/json/get/81,data_posts,Videos,1,1,1,0,1,3?tID=264&q=%QUERY`, 7223 wildcard: '%QUERY', 7224 filter: function (response) { 7225 7226 if (response != null) { 7227 //var response = response.slice(1); 7228 $.each( 7229 response, function (key, value) { 7230 response[key]['value'] = decodeHtml(value['value']); 7231 response[key]['comes_f'] = decodeHtml(value['comes_f']); 7232 response[key]['location'] = decodeHtml(value['location']); 7233 7234 if (response[key]['value'].indexOf('-/-') >= 0) { 7235 var splitResult = response[key]['value'].split('-/-'); 7236 response[key]['value'] = splitResult[0]; 7237 } 7238 } 7239 ); 7240 7241 } else { 7242 response = {error: "null"}; 7243 } 7244 7245 return response; 7246 } 7247 } 7248 }); 7249 var videosDataSrc = videosEngine.initialize(); 7250 7251 videosDataSrc 7252 .done(function () { /*console.log('Autosuggestions engine initialized.'); */ 7253 }) 7254 .fail(function () { /*console.log('err, something went wrong while initializing autosuggestions engine:(');*/ 7255 }) 7256 7257 $('.videos').typeahead({ 7258 minLength: 3, 7259 highlight: true, 7260 hint: false }, 7261 { 7262 display: 'value', 7263 source: videosEngine.ttAdapter(), 7264 limit: 3, 7265 templates: { 7266 empty: [ 7267 '<div class="empty-message">', 7268 'Result not found', 7269 '</div>' 7270 ].join(" "), 7271 notFound: [ 7272 '<div class="notFound-message">', 7273 'Result not found', 7274 '</div>' 7275 ].join(" "), 7276 suggestion: function (data) { 7277 7278 if (data == "null") { 7279 strTemplate = '<div class="empty-message">Result not found</div>'; 7280 7281 } else { 7282 strTemplate = '<a class="suggest-link" href="' + data.link + '" data-state="' + data.link + '" data-heading="' + data.comes_f + '"> <div class="left-suggest-col" data-photo="' + data.photo + '"> <img src="' + data.photo + '" data-state="' + data.photo + '"> </div> <div class="right-suggest-col" data-photo="' + data.photo + '"> <p class="media-heading" data-state="' + data.value + '" data-heading="' + data.comes_f + '">' + data.value + '</p> <p class="suggest-origin" data-state="' + data.comes_f + '">' + data.comes_f + '</p> <p class="location" data-state="' + data.location + '">' + data.location + '</p> </div> </a> '; 7283 7284 if ((data.link == undefined) || (data.link == "") || (data.link == "novalue")) { 7285 strTemplate = strTemplate.replace(/href=".*?"/, "href='#'"); 7286 } 7287 7288 if ((data.photo == undefined) || (data.photo == "") || (data.photo == "novalue")) { 7289 strTemplate = strTemplate.replace(/<img src=".*?>/, ""); 7290 } 7291 } 7292 7293 return strTemplate; 7294 } 7295 }, 7296 }).on('typeahead:selected', function (obj, datum) { 7297 /* 7298 console.log(obj); 7299 console.log(datum); 7300 */ 7301 }); 7302 7303 $('.videos').each(function () {
7304 var inputWidth = $(this).outerWidth(); 7305 $(this).siblings('.tt-dropdown-menu').css('width', inputWidth + 'px'); 7306 }); 7307 } 7308 </script>
7308 7309
7309<script> 7310 let typeheadElement = '.member_search,.videos'; 7311 let TypeheadNameListFunction = 'initializeTypeheadMember_search,initializeTypeheadVideos'; 7312 let typeheadFormElement = undefined; 7313 window.addEventListener('load', () => { 7314 if(typeheadElement.length > 1) { 7315 typeheadFormElement = document.querySelectorAll(typeheadElement); 7316 } 7317 if (typeof typeheadFormElement != "undefined") { 7318 for (let i = 0; i < typeheadFormElement.length; i++) { 7319 let closestForm = typeheadFormElement[i].closest('form'); 7320 if (typeof closestForm != "undefined" && closestForm != null) { 7321 closestForm.addEventListener('focus', typeheadFormClick, false); 7322 } 7323 typeheadFormElement[i].addEventListener('focus', typeheadFormClick, false); 7324 } 7325 } 7326 }); 7327 function initializeTypehead(){ 7328 let splitFunctionNames= TypeheadNameListFunction.split(','); 7329 for ( let funcName of splitFunctionNames) 7330 if (typeof funcName != 'function') { 7331 window[funcName](); // execute the function 7332 7333 } 7334 } 7335 function typeheadFormClick(event) { 7336 7337 let head = document.getElementsByTagName('head')[0]; 7338 let script = document.createElement('script'); 7339 let elementClicked = event.target; 7340 script.type = 'text/javascript'; 7341 script.src = "https://cdnjs.cloudflare.com/ajax/libs/corejs-typeahead/0.11.1/typeahead.bundle.min.js"; 7342 script.onload = function () { 7343 initializeTypehead(); 7344 elementClicked.focus(); 7345 }; 7346 head.appendChild(script); 7347 if (typeof typeheadFormElement != "undefined") { 7348 for (let i = 0; i < typeheadFormElement.length; i++) { 7349 let closestForm = typeheadFormElement[i].closest('form'); 7350 if (typeof closestForm != "undefined" && closestForm != null) { 7351 closestForm.removeEventListener('focus', typeheadFormClick, false); 7352 } 7353 typeheadFormElement[i].removeEventListener('focus', typeheadFormClick, false) 7354 } 7355 } 7356 } 7357 7358 7359 </script>
7359 7360 7361
7361<script> 7362 window.addEventListener('load', () => { 7363 let embedlyClass = document.querySelector('.fr-embedly'); 7364 if (typeof embedlyClass != "undefined" && embedlyClass != null) { 7365 let embedlyURI = "https://www.optimizecdn.com/directory/cdn/assets/bootstrap/js/embedly_widget.min.js"; 7366 let head = document.getElementsByTagName("head")[0]; 7367 let script = document.createElement('script'); 7368 script.type = 'text/javascript'; 7369 script.src = embedlyURI; 7370 script.async = true; 7371 script.onload = function() { 7372 setTimeout(function() { 7373 if (typeof embedly !== 'undefined' && embedly.card) { 7374 document.querySelectorAll('.embedly-card').forEach(function(card) { 7375 embedly.card(card); 7376 }); 7377 } 7378 }, 500); 7379 }; 7380 head.appendChild(script); 7381 } 7382 }); 7383</script>
7383<script type="text/javascript" src="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/jquery.lazy/1.7.9/jquery.lazy.min.js"></script>
7383<script> 7384 $(function () { 7385 $(".lazyloader").Lazy({ 7386 afterLoad: function(element) { 7387 $(".gridView.activeView").click(); 7388 } 7389 }); 7390 7391 }); 7392 $("button[class*='slick'],button[id*='slick']").click(function () { 7393 $(this).parents(".row").find(".lazyloader").lazy({ 7394 bind: "event", 7395 delay: 0 7396 }); 7397 }); 7398 $("[class*='slick'],[id*='slick']").on("swipe",function(){ 7399 $(this).parents(".row").find(".lazyloader").lazy({ 7400 bind: "event", 7401 delay: 0 7402 }); 7403 }); 7404 </script>
7404<script defer src="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/js/websiteScripts.min.js?v=8.0.0"></script>
7404 7405 </body> 7406 </html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.