1 2 3 4 5<!DOCTYPE html> 6 7<html class="no-js" lang="en"> 8<head id="Head1"> 9 10 11 12 13 14 15 16 17 18<meta charset="utf-8"> 19<meta http-equiv="X-UA-Compatible" content="IE=edge"> 20<!--[if (gte IE 9)|!(IE)]><!--> 21<meta name="viewport" content="width=device-width, initial-scale=1.0"> 22<!--<![endif]--> 23<meta name="generator" content="FMG Suite"> 24 25 26 27 <link rel="icon" sizes="32x32" type="image/png" href="//static.fmgsuite.com/media/WebsiteFavicon/variantSize/2a9c302e-c2dd-449f-8ca8-58e4c7ac64ae.png" /> 28 29 30 31 32 33 34 35<title>Latest Articles | The Wealth Consulting Group</title><meta name="robots" content="index, follow"/> 36 37 38
39<script type="application/ld+json"> 40 { 41 "@context": "https://schema.org", 42 "@type": "FinancialService", 43 "@id": "https://www.wealthcg.com", 44 "name": "The Wealth Consulting Group", 45 "logo": "//static.fmgsuite.com/media/TransparentLogo/variantSize/d783572d-4985-4d07-b22e-66b8ef32fe11.png", 46 "image": "//static.fmgsuite.com/media/PortraitImageFMG/variantSize/8ed665e7-e63e-4694-9c31-5ed7bddeff67.png", 47 "url": "https://www.wealthcg.com", 48 "telephone": "(702) 263-1919", 49 "priceRange": "N/A", 50 "address": { 51 "@type": "PostalAddress", 52 "streetAddress": "8925 West Post Road, Suite 200", 53 "addressLocality": "Las Vegas", 54 "addressRegion": "NV", 55 "postalCode": "89148", 56 "addressCountry": "US" 57 }, 58 "location": [ 59 { 60 "@type": "PostalAddress", 61 "streetAddress": "8925 West Post Road, Suite 200", 62 "addressLocality": "Las Vegas", 63 "addressRegion": "NV", 64 "postalCode": "89148", 65 "addressCountry": "US", 66 "telephone": "(702) 263-1919" 67 } 68 ], 69 "sameAs": [ 70 "https://x.com/WealthCG", 71 "https://www.linkedin.com/company/the-wealth-consulting-group" 72 ] 73} 74</script>
74 75 76 77<link rel="stylesheet" type="text/css" media="" href="//static.fmgsuite.com/site/templates/007/dist/7ac.css?v=2.86.45.30851.739" /> <link rel="stylesheet" type="text/css" href="//static.fmgsuite.com/site/globalassets/template7/css/global-asset-styles.css" /> 78 79 80 81 <style type="text/css"> 82 83 84 85 86/* #145D82 #092330 #b67b46 */ 87:root{ 88--paletteColor1: #145D82; 89--paletteColor2: #092330; 90--paletteColor3: #b67b46; 91 92--paletteColor1H: 201; 93--paletteColor1S: 73.3%; 94--paletteColor1L: 29.4%; 95 96--paletteColor2H: 200; 97--paletteColor2S: 68.4%; 98--paletteColor2L: 11.2%; 99 100--paletteColor3H: 29; 101--paletteColor3S: 44.4%; 102--paletteColor3L: 49.4%; 103} 104a{ 105 color:#b67b46; 106} 107h1, h2, h3, h4, 108h1 a, h2 a, h3 a, h4 a 109{color:#145D82;} 110 111.c-svg path{ 112 fill: #145D82; 113} 114.c-vcard-download--link { 115 color: #145D82; 116} 117 118 119.back-to-top{background: #b67b46; } 120 121.c-topnav__navbar { 122 background: #b67b46; 123} 124 125.c-topnav__menu-item .c-topnav__menu-text { 126 color: #fff; 127} 128 129.angleLeft, 130.angleRight { 131 background: #fff; 132} 133.c-topnav__submenu { 134 background:rgba(83,94,92,1); 135} 136.c-topnav__menu-item:hover .c-topnav__menu-text { 137 background: #b67b46; 138 color: #fff; 139} 140 141li.c-topnav__submenu-item a { 142 color: #fff; 143} 144 145.c-circle { 146 background:rgba(47,54,52,1); 147} 148@media (min-width:992px) { 149 150 .c-topbar { 151 background:#092330; 152 color:#fff; 153 } 154 .c-topbar a { 155 color:#c1c1c1; 156 } 157 .c-topbar a:not(.c-social-media--link):hover{ 158 color:#b67b46; 159 } 160 .c-topnav__navbar { 161 background:none; 162 } 163 164 .c-topnav__menu-item .c-topnav__menu-text { 165 color: #092330; 166 } 167 .c-topnav__menu-item .c-topnav__menu-text.selected{ 168 background: #b67b46; 169 color: #fff; 170 } 171 172 .c-topnav__submenu { 173 background:rgba(34,34,34,.95); 174 } 175 176 .c-topnav__menu-item:hover .c-topnav__menu-text { 177 background:#b67b46; 178 opacity:.80; 179 } 180 181 .c-topnav__submenu-item:hover{ 182 background:#b67b46; 183 } 184 185} /* END MEDIA */ 186 187/*HERO*/ 188 189 190@media (min-width: 992px) { 191 .top-bar {background:#092330;} 192} 193 194.c-btn { 195 color: #b67b46; 196 background: none; 197 border: solid 1px #b67b46; 198} 199 200.c-btn:hover, 201.c-btn:focus, 202.c-btn:active { 203 text-decoration: none; 204 color: #fff; 205 background-color: #b67b46; 206} 207.c-additional__content { 208 background-color: #F8F8F5; 209} 210 211.c-additional__content--small .c-accordion__link { 212 background: #b67b46; 213} 214 215.c-additional__content nav a { 216 color: #092330; 217} 218.c-additional__content nav a:hover{ 219 background: #b67b46; 220 color: #fff; 221} 222 223.c-additional__content nav .selected { 224 color: #fff; 225 background: #b67b46; 226} 227 228.c-additional__content h4 a { 229 color: #666; 230} 231 232.c-additional__content .viewAll a, 233.c-additional__content h4 a:hover { 234 color: #092330; 235} 236 237.c-additional__content--small .panel-heading { 238 background: #b67b46; 239} 240 241.c-matter-flag__body { 242 background: #b67b46; 243} 244.c-matter-flag__body:hover{ 245 opacity:.95; 246} 247.c-team-member__info a{ 248 color:#b67b46; 249} 250 251footer { 252 background: #092330; 253 color: #fff; 254} 255 256footer h4 { 257 color: #fff; 258 text-decoration:underline; 259} 260 261footer a { 262 color: #fff; 263} 264footer a:hover{ 265 color: #D8D8D6; 266} 267.quickLinks ul a { 268 color: #fff; 269} 270.quickLinks ul a:hover{ 271 color: #D8D8D6; 272} 273footer .c-socialMedia a { 274 color: #fff; 275} 276 277footer .c-socialMedia a:hover { 278 color: #fff; 279} 280 281 282.article-008 th, 283.article-012 th, 284.article-017 th {background-color:#b67b46} 285 286/*CONTENT GATE MODAL*/ 287.c-popup__submit { 288 color:#b67b46; border-color:#b67b46; background:#b67b46; 289} 290.c-popup__submit:hover { 291 opacity:0.75; 292} 293 294.c-matter__meta { 295 color: #145D82; 296} 297 298.c-matter__pull-quote { 299 background-color: #b67b46; 300 color: #fff; 301} 302 303/*EVENTS 304//==================================================*/ 305.c-event__date-box { 306 border-color: #b67b46; 307} 308.c-event-date--day { 309 color: #b67b46; 310} 311.c-event-reg--submit.c-loading:after { 312 border-top-color: #b67b46; 313} 314 315 </style> 316 317 318 319 320 321 322 323 324
325<link rel="preconnect" href="https://fonts.googleapis.com" /><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="crossorigin" /><link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap" rel="stylesheet" /><link rel="stylesheet" href="https://fmg-websites-custom.s3.amazonaws.com/fontawesome/css/all.css" /><link href="https://fmg-websites-custom.s3.amazonaws.com/fontawesome/css/v4-shims.css" rel="stylesheet" /><link rel="stylesheet" type="text/css" href="https://unpkg.com/@phosphor-icons/[email protected]/src/regular/style.css" /><link rel="stylesheet" type="text/css" href="https://unpkg.com/@phosphor-icons/[email protected]/src/thin/style.css" /><link rel="stylesheet" type="text/css" href="https://unpkg.com/@phosphor-icons/[email protected]/src/light/style.css" /><link rel="stylesheet" type="text/css" href="https://unpkg.com/@phosphor-icons/[email protected]/src/bold/style.css" /><link rel="stylesheet" type="text/css" href="https://unpkg.com/@phosphor-icons/[email protected]/src/fill/style.css" /><link rel="stylesheet" type="text/css" href="https://unpkg.com/@phosphor-icons/[email protected]/src/duotone/style.css" /><link rel="stylesheet" type="text/css" href="//fmg-websites-custom.s3.amazonaws.com/building-blocks/Headers/sticky/css/sticky.css" /><link rel="stylesheet" type="text/css" href="//fmg-websites-custom.s3.amazonaws.com/building-blocks/Footers/aurora-footer/css/aurora-footer.css" /><link rel="stylesheet" type="text/css" href="//fmg-websites-custom.s3.amazonaws.com/building-blocks/Sections/css/sections.css" /><link rel="stylesheet" href="https://fmg-websites-custom.s3.amazonaws.com/building-blocks/SectionDefaults/css/sectionDefaults.css" /><link rel="stylesheet" type="text/css" href="//fmg-websites-custom.s3.amazonaws.com/building-blocks/Sections/css/commonRequests.css" /><link rel="stylesheet" type="text/css" href="https://fmg-websites-custom.s3.amazonaws.com/css/lpl-retirement.css" media="all" /><link rel="stylesheet" type="text/css" href="https://fmg-websites-custom.s3.amazonaws.com/front-end-snippets/slick/slick.css" /><style> 326/* (BM1) */ 327:root { 328 /*Font (BM1-1)*/ 329 --headingFontFamily: "Playfair Display", serif; 330 --headingTextTransform: none; 331 --headingFontWeight: normal; 332 --bodyFontFamily: "DM Sans", sans-serif; 333 --bodyFontSize: 16px; 334 335 /* Hero Font */ 336 --heroFontFamily: var(--headingFontFamily); 337 --heroFontWeight: normal; 338 --heroTextTransform: none; 339 340 341 /*General Colors (BM1-2)*/ 342 --paletteColor4: #AF815A; 343 --paletteColor5: #201E1D; 344 --paletteColor6: #A1A1A1; 345 --paletteColor7: #E4E4E4; 346 --paletteColor8: #3A261D; 347 --headingColor: #1E1E1E; 348 --subHeaderColor: var(--paletteColor2); 349 --hyperlinkColor: var(--paletteColor1); 350 --hyperlinkHoverColor: var(--paletteColor2); 351 --bodyFontColor: #1E1E1E;
352 --editingBackground: var(--siteMainBackground); 353 354 /*Buttons (BM1-3)*/ 355 --btnFontWeight: 700; 356 --btnTextColor: #fff; 357 --btnTextHoverColor: #fff; 358 --btnBackgroundColor: var(--paletteColor3); 359 --btnBackgroundHoverColor: var(--paletteColor1); 360 --btnBorderColor: var(--paletteColor3); 361 --btnBorderHoverColor: var(--paletteColor1); 362 --btnTextTransform: uppercase; 363 --btnLetterSpacing: 2px; 364 --btnFontSize: 0.85rem; 365 --btnBorderWidth: 2px; 366 --btnBorderRadius: 0px; 367 --btnDisplay: inline-flex; 368 --boxBtnDisplay: inline-flex; 369 --boxBtnDisplayHover: inline-flex; 370 --hollowBtnTextColor: var(--paletteColor5); 371 --hollowBtnBorderColor: var(--paletteColor5); 372 373 /*Header (BM1-4)*/ 374 --topBarBackgroundColor: var(--paletteColor2); 375 --topBarFontColor: #fff; 376 --topBarFontHoverColor: var(--paletteColor4); 377 --headerBtnTextColor: #fff; 378 --headerBtnTextHoverColor: var(--topBarFontHoverColor); 379 --headerBtnBackgroundColor: transparent; 380 --headerBtnBackgroundHoverColor: transparent; 381 --headerBtnBorderColor: var(--btnBorderColor); 382 --headerBtnBorderHoverColor: var(--btnBorderHoverColor); 383 --headerBtnBorderWidth: 0px; 384 --headerBtnBorderRadius: 0px; 385 --headerBtnFontWeight: 400; 386 --headerBtnSpacing: 0px; 387 --specialNavBtnFontColor: var(--btnTextColor); 388 --specialNavBtnFontHoverColor: var(--btnTextHoverColor); 389 --specialNavBtnBackgroundColor: var(--btnBackgroundColor); 390 --specialNavBtnBackgroundHoverColor: var(--btnBackgroundHoverColor); 391 --specialNavBtnBorderColor: var(--btnBorderColor); 392 --specialNavBtnBorderHoverColor: var(--btnBorderHoverColor); 393 --specialNavBtnBorderWidth: var(--btnBorderWidth); 394 --specialNavBtnBorderRadius: var(--btnBorderRadius); 395 --specialNavBtn2FontHoverColor: #fff; 396 --specialNavBtn2BackgroundColor: transparent; 397 --specialNavBtn2BackgroundHoverColor: var(--paletteColor1); 398 --specialNavBtn2BorderHoverColor: var(--paletteColor1); 399 --specialNavBtn2BorderWidth: 2px; 400 --navArrows: #fff; 401 --navHoverArrows: #fff; 402 --headerWidth: 1350px; 403 404 /*Logo*/ 405 --logoWidth: 215px; 406 --logoWidthScroll: 215px; 407 408 /*Navigation (BM1-5)*/
409 --parentNavItemBackgroundColor: transparent; 410 --parentNavItemBackgroundHoverColor: transparent; 411 --parentNavItemUnderlineColor: transparent; 412 --selectedParentNavBackgroundColor: var(--parentNavItemBackgroundHoverColor); 413 --selectedNavItemUnderlineColor: var(--parentNavItemUnderlineColor); 414 --subNavFontColor: #fff; 415 --subNavFontHoverColor: #fff; 416 --subNavBackgroundColor: rgba(34, 34, 34, 0.95); 417 --mobileSubNavBackgroundColor: transparent; 418 --subNavBackgroundHoverColor: var(--paletteColor1); 419 --navFontSize: 0.85rem; 420 --subNavFontSize: 0.85rem; 421 422 /* Before Scroll Header */ 423 --headerBackgroundColor: #fff; 424 --headerShadow: 0px 6px 12px 0px rgba(154, 154, 154, 0.25); 425 --parentNavItemColor: #1e1e1e; 426 --parentNavItemHoverColor: var(--paletteColor1); 427 --selectedParentNavFontColor: var(--parentNavItemHoverColor); 428 --specialNavBtn2FontColor: #fff; 429 --specialNavBtn2BorderColor: #fff; 430 431 /*Mobile Header (BM1-6)*/ 432 --mobileTopBarBackgroundColor: #ffffff; 433 --expandCircleColor: var(--paletteColor2); 434 --mobileHamburgerMenuColor: var(--expandCircleColor); 435 --mobileNavigationFontColor: #fff; 436 --mobileNavigationFontHoverColor: #fff; 437 --mobileNavigationBackgroundColor: transparent; 438 --mobileNavigationBackgroundHoverColor: var(--paletteColor1); 439 440 /*Footer (BM1-7)*/ 441 --footerBackgroundColor: var(--paletteColor7); 442 --footerHeaderColor: var(--paletteColor8); 443 --footerBodyColor: var(--paletteColor8); 444 --footerHyperlinkColor: var(--paletteColor8); 445 --footerHyperlinkHoverColor: var(--paletteColor4); 446 --footerSocialHyperlinkColor: var(--paletteColor8); 447 --footerSocialHyperlinkHoverColor: var(--paletteColor4); 448 --footerBodyFontSize: 14px; 449 450 /*Site Background (BM1-8)*/ 451 --bodyContainerBackground: #fff; 452 --bodyBackground: #fff; 453 --linearGradientVertical: linear-gradient(180deg, hsla(var(--primaryHSL), 0.4) 0%, var(--paletteColor2) 100%); 454 --linearGradientHorizontal: linear-gradient(270deg, rgba(0,0,0,0.50) 45%, #000 100%); 455 --siteMainBackground: #fbfbfb; 456 --siteSideBackground: #fff; 457 --contentMaxWidth: 100%; 458 459 /*Misc (BM1-9)*/ 460 --sitewideContainerWidth: 1300px; 461 --defaultSectionContainerSidePadding: 20px; 462 --borderRadius: 0px; 463 --sectionMaxHeight: 60vh; 464 --mobileSectionMaxHeight: 35vh; 465 --superSectionBackgroundEffect: linear-gradient(0deg, rgba(255, 255, 255, 0.5), #fff); 466 --lineColor: var(--paletteColor1); 467 --lineWidth: 3px; 468 --backToTop: var(--paletteColor3); 469 --backToTopIconColor: #fff; 470 --placeholderColor: #1e1e1e; 471 --boxInnerJustifyContent: flex-start; 472 473 --objectComponentBorderRadius: 0px; 474 --boxBorderRadius: 0px; 475 --imgTextImageElementBorderRadius: 0px; 476 --boxImageBorderRadius: 0px; 477 --formInputBorderRadius: 8px; 478 --formInputMargin: 5px 0px 0px; 479 --teamMemberGridBackground: #fff; 480 --imgTextImageElementMaxHeightMobile: min(500px, 65vh);
481 --sectionContainerBeforeBackground: hsla(var(--primaryHSL), 0.5); 482 --gridContentBackground: transparent; 483 484 /* FMG Resource Content */ 485 --additionalContentHeadlineColor: #1E1E1E; 486 --fmgContentFlagFontColor: #fff; 487 --fmgContentFlagBackgroundColor: var(--paletteColor2); 488 --fmgContentFlagFontHoverColor: #fff; 489 --fmgContentFlagBackgroundHoverColor: var(--paletteColor1); 490 491 /* Subpage Banners (BM1-10)*/ 492 --subpageBannerImg: url(//static.fmgsuite.com/media/InlineContent/originalSize/8bd68bf6-dcf1-4e86-9fe5-1ecc56a08613.png); 493 --subpageBannerTextColor: #fff; 494 --subpageBannerTextPosition: left; 495 --subpageBannerFontSize: 3.5rem; 496 --subpageBannerMobileFontSize: 2.5rem; 497 --bannerPaddingTop: 100px; 498 --bannerPaddingBottom: 50px; 499 500 /*Sup (BM1-11)*/ 501 --supColor: var(--paletteColor3); 502 --supFontSize: 1rem; 503 504 /*Flexbox*/ 505 --flexSectionPadding: 0px; 506 507 /*Default CSS*/ 508 --boxTitleFlex: none; 509 510 /* Text */ 511 --headingLineHeight: 1.2; 512 513 --videoWrapperMaxWidth: 600px; 514 --aspect-ratio: 16/9; 515 516 /* After Effects */ 517 --watermarkBG: url(); 518} 519</style><style> 520 521.section_Boxes .c-grid__item.box .c-section-boxes__inner-box { 522 box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.0); 523} 524 525/* ---------- Text/Font ---------- (BM2)*/ 526.section{ 527 --heading2FontSize: 2.8rem; 528 --heading2MobileFontSize: 2.4rem; 529 --heading4FontSize: 1.3rem; 530 --heading4MobileFontSize: 1.3rem; 531 --heading3FontSize: 2rem; 532 --heading3MobileFontSize: 1.7rem; 533} 534 535.titleSizing, .dev-titleSizing.section_Boxes.section{ 536 --heading2FontSize: 2.8rem; 537 --heading2MobileFontSize: 2.4rem; 538} 539 540.e-page__edit-mode .dev-boxes-Clickable-Base .c-section-boxes__inner-box .c-box__btn{ 541 display: inline-flex; 542} 543 544.section :is(.c-box__paragraph, .box-copy) p:first-of-type { 545 margin-top: 0px; 546} 547 548.section :is(h1, h2, h3, h4, h5, h6) + p { 549 margin-top: 0px; 550} 551 552:is(h1, h2, h3, h4, h5, h6) > p { 553 margin: 0px; 554 line-height: inherit; 555} 556 557.dev-bodyFont{ 558 --headingFontFamily: var(--bodyFontFamily); 559} 560 561.dev-uppercaseText{ 562 --headingTextTransform: uppercase; 563} 564 565h4 { 566 --heading4FontSize: 1.5rem; 567} 568 569.dev-isH4 h2:not(.titleSizing), .isH4 { 570 font-weight: 500; 571 font-size: var(--heading4FontSize, 1.5rem) !important; 572} 573 574.dev-isH3 h2, .isH3 { 575 font-size: var(--heading3FontSize, 1.5em) !important; 576} 577 578.dev-JumboTextSize.section { 579 --headingMinFontSizeRem: 2.6; 580 --headingMaxFontSizeRem: 3.5; 581 --fontMinViewport: 1200; 582 --fontMaxViewPort: 1400; 583 --heading2FontSize: var(--headingResponsiveFont); 584} 585 586@media(max-width: 600px){ 587 h2{ 588 font-size: var(--heading2MobileFontSize, var(--heading2FontSize, 2em)); 589 } 590 591 h3{ 592 font-size: var(--heading3MobileFontSize, var(--heading3FontSize, 1.5em)); 593 } 594 595 .dev-isH3 h2, .isH3 { 596 font-size: var(--heading3MobileFontSize, var(--heading3FontSize, 1.5em)) !important; 597 } 598 599 .dev-isH4 h2, .isH4 { 600 font-size: var(--heading4MobileFontSize, var(--heading4FontSize, 1.5rem)) !important; 601 } 602} 603 604.section_Boxes.section{ 605 --heading2FontSize: 1.8rem; 606 --heading2MobileFontSize: 1.4rem; 607 --heading3FontSize: 1.6rem; 608 --heading3MobileFontSize: 1.2rem; 609} 610 611.dev-supEffect-Affinity{ 612 --supFontWeight: 400; 613 --supTextTransform: uppercase; 614 --supFontSize: 1rem; 615} 616 617.dev-supEffect-Affinity h2 sup{ 618 font-family: var(--bodyFontFamily, "Lato", sans-serif); 619 display: inline-block; 620 margin-bottom: 1.2em; 621} 622 623.dev-accentSup{ 624 --supColor: var(--paletteColor1); 625} 626 627.dev-inheritSup{ 628 --supColor: var(--headingColor); 629} 630 631.dev-inheritSup h2[style*="color:"]{ 632 --headingColor: inherit; 633} 634 635.dev-sectionEffects-ThemedBackground.dev-accentSup, .dev-sectionEffects-ThemedBackground .dev-accentSup{ 636 --supColor: var(--paletteColor4); 637} 638 639.dev-boldSup{ 640 --supFontWeight: bold; 641} 642 643.e-page__edit-mode h2 br + sup{ 644 padding-top: 1.5em; 645} 646 647.box-icon{ 648 max-height: calc(var(--iconSize, 2.5rem) * 1.12); 649} 650 651.box-icon :is(i, span, svg){ 652 font-size: var(--iconSize, 2.5rem); 653 color: inherit; 654 line-height: 1.0; 655} 656 657.box-icon svg{ 658 width: var(--iconSize, 2.5rem); 659} 660 661.accordion :is(i, span.c-box-icon, svg){ 662 --iconSize: 1.5em; 663} 664 665.box-icon.iconBG{ 666 background: var(--paletteColor1); 667 width: 67px; 668 height: 67px; 669 line-height: 0; 670 border-radius: 20px; 671 display: flex; 672 justify-content: center;
673 align-items: center; 674 max-height: unset; 675} 676 677.box-icon.iconBG :is(i, i.c-box-icon, svg){ 678 color: #fff !important; 679 --iconSize: 1.8rem; 680} 681 682.box-icon.custom { 683 --iconSize: 2.1rem; 684} 685 686span.c-box-icon{ 687 --iconSize: 14px; 688 font-size: var(--iconSize, 14px); 689 color: inherit; 690} 691 692.c-box-text__align--Center .box-icon { 693 margin-inline: auto; 694} 695 696.c-box-text__align--Right .box-icon { 697 margin-inline: auto 0px; 698} 699 700 701.boxInnerWrapper{ 702 color: inherit; 703} 704 705@media(max-width: 991px){ 706 br.desktopBreak, .dev-desktopBreak h2 > br, .desktop-only{ 707 display: none; 708 } 709 710 .dev-desktopBreak.dev-supEffect-Affinity h2 > sup + br{ 711 display: block !important; 712 } 713} 714 715.dev-mt0 h2, .mt0{ 716 margin-top: 0px !important; 717} 718 719.dev-m0 h2, .m0{ 720 margin-block: 0px !important; 721} 722 723.dev-mb0 h2, .mb0{ 724 margin-bottom: 0px !important; 725} 726 727.dev-supEffect-Affinity.dev-mt0 .c-sxs__text > h2:has(sup), h2.noSupMT{ 728 margin-top: -0.5em !important; 729} 730 731.dev-primaryHeading{ 732 --headingColor: #0F4661; 733} 734 735.dev-boldHeading{ 736 --headingFontWeight: 700; 737} 738 739.dev-boldHeading.dev-isH4 h2{ 740 font-weight: 700; 741} 742 743/* ---------- Buttons/Links ---------- (BM3)*/ 744 745 .dev-btnLinks{ 746 --btnBackgroundColor: transparent; 747 --btnBackgroundHoverColor: transparent; 748 --btnPadding: 0px; 749 --btnTextColor: var(--hyperlinkColor); 750 --btnTextHoverColor: var(--hyperlinkHoverColor); 751 --btnBorderWidth: 0px; 752 --btnBorderRadius: 0px; 753} 754 755.dev-btnStyle-NoUpper, .dev-btnLinks, .dev-arrowBtn{ 756 --btnTextTransform: none; 757 --btnLetterSpacing: 0px; 758 --btnFontSize: 1rem; 759} 760 761.dev-arrowBtn:not(.dev-btnLinks){ 762 --btnBorderRadius: 40px; 763} 764 765.dev-arrowBtn{ 766 --btnFontSize: 3rem !important; 767 --btnPadding: 0px 10px; 768 --btnTextTransform: none; 769 --btnLetterSpacing: unset; 770} 771 772.dev-arrowBtn .c-btn{ 773 line-height: 0.8; 774} 775 776.dev-arrowBtn .c-btn span{ 777 /*transform: translateY(-0.05em);*/ 778 transform: translateY(-50%); 779 top: 42%; 780 position: relative; 781} 782 783/* Updated Arrow Btns */ 784.dev-arrowBtn.section { 785 --btnPadding: 13px 1.9rem; 786 --btnAfterContent: ''; 787 --btnAfterPosition: absolute; 788 --btnAfterBackground: var(--btnTextColor); 789 --btnAfterHoverBackground: var(--btnTextHoverColor); 790 --btnAfterWidth: 2.5rem; 791 --btnAfterAspectRatio: 3.25; 792 --btnAfterMask: url('//s3.amazonaws.com/static.contentres.com/media/documents/9a554a1f-77f0-4605-88f0-f5dc207dcf53.svg') center right no-repeat; 793 --btnAfterTop: 50%; 794 --btnAfterLeft: 50%; 795 --btnAfterPaddingLeft: 0px; 796 797 .c-btn::after, .c-popup__submit::after, .submit::after{ 798 transform: translate(-50%, -50%); 799 } 800 801 :is(.c-btn, .c-popup__submit, .submit) span{ 802 display: none; 803 } 804} 805 806.dev-btnLinks:not(.dev-noBottomBorder) :is(.c-btn, .submit, .c-popup__submit){ 807 border-bottom: 1px solid; 808} 809 810a.wrappedBoxLink{ 811 color: inherit; 812} 813 814.dev-sectionEffects-ThemedBackground:not(.dev-btnStyle-Hollow, .dev-normalizeBtn, .section:has(.dev-btnStyle-Hollow, .dev-normalizeBtn)){ 815 --btnBackgroundColor: var(--paletteColor4); 816 --btnBorderColor: var(--paletteColor4); 817 --btnBackgroundHoverColor: var(--paletteColor5); 818 --btnBorderHoverColor: var(--paletteColor5); 819} 820 821.dev-btnStyle-Hollow-White{ 822 --hollowBtnTextColor: #fff; 823 --hollowBtnBorderColor: #fff; 824 --hollowTextHoverColor: var(--paletteColor5); 825} 826 827.c-btn, .submit, .c-popup__submit{ 828 letter-spacing: var(--btnLetterSpacing, unset); 829 text-shadow: var(--btnTextShadow, unset); 830} 831 832:where(.c-btn, .submit, .c-popup__submit)::before, :where(.c-btn, .submit, .c-popup__submit):after{ 833 -o-transition: ease-in .2s all; 834 -moz-transition: ease-in .2s all; 835 -webkit-transition: ease-in .2s all; 836 transition: ease-in .2s all; 837} 838 839.dev-boxes-Clickable-Base-Button{ 840 --boxBtnDisplay: inline-flex; 841 --boxBtnDisplayHover: inline-flex; 842} 843 844.c-header .c-topbar .o-container .c-header-btn .c-header-btn--link{ 845 letter-spacing: var(--headerBtnLetterSpacing, var(--btnLetterSpacing, unset)); 846 text-shadow: var(--headerBtnTextShadow, var(--btnTextShadow, unset)); 847 font-size: var(--headerBtnFontSize, var(--btnFontSize, inherit)); 848 font-weight: var(--headerBtnFontWeight, var(--btnFontWeight, bold)); 849 padding: var(--headerBtnPadding, var(--btnPadding, 15px 20px)); 850 text-transform: var(--headerBtnTextTransform, var(--btnTextTransform, uppercase)); 851} 852 853@media(min-width: 992px){ 854 #mainNav .c-topnav__menu-item.navBtn .c-topnav__menu-text{ 855 font-size: var(--specialNavBtnFontSize, var(--btnFontSize, inherit)); 856 font-family: var(--bodyFontFamily, "Helvetica Neue", Helvetica, Arial, sans-serif); 857 text-transform: var(--specialNavBtnTextTransform, var(--btnTextTransform, uppercase)); 858 letter-spacing: var(--specialNavBtnLetterSpacing, var(--btnLetterSpacing, unset)); 859 text-shadow: var(--specialNavBtnTextShadow, var(--btnTextShadow, unset)); 860 } 861 862 #mainNav .c-topnav__menu-item.navBtn .c-topnav__menu-text span{ 863 padding: 0px !important; 864 border-bottom: none; 865 } 866} 867 868.button-offset { 869 margin-top: 30px !important; 870} 871 872 873/* ---------- Header/Navigation/Topbar ---------- (BM4)*/ 874 875@media(min-width: 991px){ 876 #mainNav .c-topnav__menu-item:not(.navBtn){ 877 text-transform: uppercase; 878 letter-spacing: 2px; 879 } 880 881 Transparent Header */ 882 *body:not(.article, .calculator, .e-page__edit-mode, .subpage) header.c-header {*/ 883 * position: fixed;* 884 *}* 885 886 /* After Scroll Parent Nav */ 887 body.article header.c-header, body.calculator header.c-header, body.e-page__edit-mode header.c-header, body.subpage header.c-header, header.c-header.scrolled{
888 --headerBackgroundColor: #ffffff; 889 --parentNavItemColor: #1E1E1E; 890 --parentNavItemHoverColor: var(--paletteColor1); 891 --selectedParentNavFontColor: var(--parentNavItemHoverColor); 892 --specialNavBtn2FontColor: var(--paletteColor5); 893 --specialNavBtn2BorderColor: var(--paletteColor5); 894 } 895 896 body:not(.article, .calculator, .e-page__edit-mode, .subpage) header.c-header:not(.scrolled) :is(#mainNav, .c-header--overylay) { 897 background: transparent !important; 898 } 899 900 *body:not(.article, .calculator, .e-page__edit-mode, .subpage) header.c-header:not(.scrolled) #agentLogo{*/ 901 * filter: brightness(0) invert(1);* 902 *}* 903 904 #mainNav .c-topnav__menu-item.navBtn.navBtn2 { 905 --specialNavBtnFontColor: var(--paletteColor5); 906 --specialNavBtnBorderColor: var(--paletteColor5); 907 --specialNavBtnBorderWidth: 2px; 908 --specialNavBtnBackgroundColor: transparent; 909 910 /*--specialNavBtnFontColor: var(--specialNavBtn2FontColor);*/ 911 /*--specialNavBtnFontHoverColor: var(--specialNavBtn2FontHoverColor);*/ 912 /*--specialNavBtnBackgroundColor: var(--specialNavBtn2BackgroundColor);*/ 913 /*--specialNavBtnBackgroundHoverColor: var(--specialNavBtn2BackgroundHoverColor);*/ 914 /*--specialNavBtnBorderColor: var(--specialNavBtn2BorderColor);*/ 915 /*--specialNavBtnBorderHoverColor: var(--specialNavBtn2BorderHoverColor);*/ 916 /*--specialNavBtnBorderWidth: var(--specialNavBtn2BorderWidth);*/ 917 } 918} 919 920@media(max-width: 991px){ 921 #mainNav .c-topnav__menu-item:has(.dropdown-text.selected) { 922 --navArrows: var(--navHoverArrows, #fff); 923 } 924} 925 926/* ---------- General ---------- (BM5)*/ 927 928.section[class*="dev-id-"] .o-container{ 929 scroll-margin-top: var(--headerAnchorSize, 0px); 930} 931 932script[src*="acsb.js"] + body .back-to-top { 933 bottom: 40px; 934} 935 936@media(min-width: 1024px){ 937 script[src*="acsb.js"] + body .back-to-top { 938 bottom: 70px; 939 right: 25px; 940 } 941} 942 943.bannerSection + .o-container:not(:empty):has( > *){ 944 padding-top: 50px; 945} 946 947#content:has(.dev-bannerSection) > .o-container{ 948 display: none; 949} 950 951.e-page__edit-mode{ 952 --formInputBorderRadius: 0px; 953} 954 955.e-page__edit-mode .c-btn[class*="c-btn--"]{ 956 --btnBeforeDisplay: none; 957 --btnAfterDisplay: none; 958 --btnPadding: 15px 20px; 959} 960 961/* Fix Font Awesome 6 Arrows */ 962.back-to-top{ 963 --fa-style-family: 'Phosphor'; 964} 965 966.back-to-top i::before{ 967 content: "\e13c"; /* Angle Up */ 968} 969 970.section_Rotator :is(.c-rotator-nav-prev, .c-rotator-nav-next){ 971 --fa-style-family: 'Phosphor'; 972 overflow: hidden; 973 width: 40px; 974} 975 976.section_Rotator .c-rotator-nav-item--prev i::before{ 977 content: "\e138"; /* Angle Left */ 978} 979 980.section_Rotator .c-rotator-nav-item--next i::before{ 981 content: "\e13a"; /* Angle Right */ 982} 983 984/* Subpage Banners */ 985.dev-bannerSection, .bannerSection{ 986 --defaultSectionBackground: var(--subpageBannerImg, var(--paletteColor1)); 987 --defaultSectionContainerPaddingTop: var(--bannerPaddingTop, 100px); 988 --defaultSectionContainerPaddingBottom: var(--bannerPaddingBottom, 100px); 989 --defaultSectionOverlayColor: linear-gradient(285deg, rgba(43, 43, 43, 0.00) 6.41%, rgba(43, 43, 43, 0.89) 86.24%); 990 --defaultSectionBackgroundPosition: 50% 50%; 991} 992 993@media(min-width: 992px){ 994 body:not(.e-page__edit-mode) { 995 --adjustedBannerPaddingTop: calc(var(--bannerPaddingTop) + var(--headerHeight,113.328125px)); 996 } 997 998 body:not(.e-page__edit-mode) :is(.dev-bannerSection#section_0, .bannerSection){ 999 --defaultSectionContainerPaddingTop: var(--adjustedBannerPaddingTop, 200px); 1000 } 1001} 1002 1003.subpage #content > .o-container > h1 { 1004 padding-bottom: 50px; 1005} 1006 1007/* ---------- Footer ---------- (BM6)*/ 1008 1009.footer-container{ 1010 max-width: 100%; 1011} 1012 1013/* Aurora Footer Fix */ 1014footer { 1015 --footerContactDisplay: none; 1016 --footerQuickLinksDisplay: none; 1017 --footerDisclosureWidth: 100%; 1018 padding-top: 70px 1019} 1020 1021footer .customFooter .footerLogo a { 1022 text-decoration: none; 1023} 1024 1025footer .customFooter .footerLogo .c-logo--image{ 1026 margin-bottom: 30px; 1027 max-width: 100%; 1028} 1029 1030.footer-container .o-grid__collapse{ 1031 flex-wrap: wrap; 1032} 1033 1034footer .customFooter{ 1035 width: 100%; 1036} 1037 1038footer .customFooter .footerLogo{ 1039 flex-grow: 1; 1040} 1041 1042footer .footerLogo #agentLogo{ 1043 width: var(--logoWidth, 150px); 1044 max-width: 100%; 1045 /*filter: brightness(0) invert(1);*/ 1046} 1047 1048.customFooter .customFooterAddress, .customFooter .customFooterContactLinks{ 1049 margin-top: 0px; 1050} 1051 1052.customFooter .customFooterAddress::before, .customFooter .customFooterContactLinks::before{ 1053 display: none; 1054} 1055 1056.customFooter .customFooterAddress{ 1057 align-items: flex-start; 1058 text-align: left; 1059} 1060 1061 .customFooter .customFooterContactLinks{ 1062 align-items: flex-end; 1063 text-align: right; 1064 } 1065 1066.moonlight-address_block :is(.moonlight-address1, .moonlight-address2){ 1067 display: inline-block; 1068} 1069 1070.customFooter h4{ 1071 margin-bottom: 15px; 1072 text-decoration: none; 1073} 1074 1075@media(min-width: 992px){ 1076 .customFooter .customFooterAddress, .customFooter .customFooterContactLinks{ 1077 width: 350px; 1078 } 1079} 1080 1081.customFooter .customFooterContactLinks p{ 1082 margin-bottom: 0; 1083} 1084 1085/* ---------- Sections ---------- (BM7)*/ 1086 1087/* Hero __________________________ (BM7-1)*/ 1088.dev-hero-Welllington{ 1089 --defaultSectionOverlayColor: linear-gradient(170deg, rgba(0, 0, 0, 0.30) 53.49%, rgba(0, 0, 0, 0.8) 88.64%), linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.30) 37.46%), linear-gradient(90deg, rgba(0, 0, 0, 0.30) 0.06%, rgba(0, 0, 0, 0.8) 99.94%);
1090 --defaultSectionBackgroundPosition: 50% 20%; 1091 --defaultSectionBorderRadiusBottomRight: 0px; 1092 --defaultSectionTextMaxWidth: 1000px; 1093 --defaultSectionGridAlignContent: center; 1094 --containerMinHeightMobile: 500px; 1095 --headingFontFamily: var(--heroFontFamily, "Lato", sans-serif); 1096 --headingLineHeight: 1.1; 1097 --headingMinFontSizeRem: 2.5; 1098 --headingMaxFontSizeRem: 4.5; 1099 --heading1Padding: 0px; 1100 --heading1FontSize: var(--headingResponsiveFont); 1101 --heading2FontSize: var(--heading1FontSize); 1102 --defaultSectionContainerPaddingTop: 50px; 1103 --defaultSectionContainerPaddingBottom: 50px; 1104 --defaultSectionGridMinHeight: auto; 1105 --defaultSectionContainerPaddingTop: var(--headerHeight, 76px); 1106 --mobileDefaultSectionContainerPaddingTop: 50px; 1107 --mobileDefaultSectionContainerPaddingBottom: 50px; 1108} 1109 1110.dev-hero-Welllington .c-text__section p{ 1111 /*max-width: 740px;*/ 1112 text-wrap: balance; 1113} 1114 1115.dev-hero-Welllington:has(+ .dev-sectionOverHero){ 1116 --defaultSectionContainerPaddingBottom: var(--sectionOverHeroHeight, 148.55px); 1117} 1118 1119.dev-hero-Welllington :is(h1, h2){ 1120 font-family: var(--heroFontFamily, var(--headingFontFamily, "Lato", sans-serif)); 1121 text-transform: var(--heroTextTransform, var(--headingTextTransform, none)); 1122 font-weight: var(--heroFontWeight, var(--headingFontFamily, "Lato", sans-serif)); 1123} 1124 1125.dev-hero-Welllington .o-container{ 1126 min-height: var(--containerMinHeightMobile, unset); 1127 display: flex; 1128 flex-direction: column; 1129 justify-content: center; 1130} 1131 1132@media(min-width: 992px){ 1133 .dev-hero-Welllington .o-container{ 1134 min-height: var(--containerMinHeight, unset); 1135 } 1136} 1137 1138.dev-videoBackground{ 1139 --defaultSectionContainerZIndex: 1; 1140 --overlayColor: var(--defaultSectionOverlayColor, rgba(0, 0, 0, 0.25)); 1141} 1142 1143.dev-sectionOverHero{ 1144 --defaultSectionBackground: var(--paletteColor2); 1145} 1146 1147@media(min-width: 992px){ 1148 body:not(.e-page__edit-mode) .dev-sectionOverHero{ 1149 --defaultSectionBackground: transparent; 1150 position: relative; 1151 --defaultSectionZIndex: 2; 1152 transform: translate(0, -100%); 1153 --defaultSectionMarginBottom: calc(0px - var(--sectionOverHeroHeight, 148.55px)); 1154 } 1155} 1156 1157/* Rotators ______________________ (BM7-2)*/ 1158 1159/* Combined Sections _____________ (BM7-3)*/ 1160 1161.dev-bgCombiner-Combined{ 1162 --superSectionContainerPaddingTop: 0px; 1163 --superSectionContainerPaddingBottom: 0px; 1164} 1165 1166.dev-bgCombiner-Combined .primaryGrid{ 1167 gap: 0px; 1168} 1169 1170.dev-bgCombiner2-Combined{ 1171 --superSectionContainerPaddingTop: 0px; 1172 --superSectionContainerPaddingBottom: 0px; 1173} 1174 1175.dev-bgCombiner2-Combined .primaryGrid{ 1176 gap: 0px; 1177} 1178 1179.dev-formInsertSXS .dev-formInsert.formAdded{ 1180 --defaultSectionContainerSidePadding: 0px; 1181 --leadGenFormWrapperWidth: min(500px, 100%); 1182 --formFlexGap: 10px; 1183 --defaultSectionContainerPaddingTop: 0px; 1184 --defaultSectionContainerPaddingBottom: 0px; 1185} 1186 1187 1188.dev-formInsertSXS .dev-formInsert.formAdded .o-form__wrapper { 1189 padding-bottom: 0px; 1190} 1191 1192.dev-formInsertSXS .dev-formInsert.formAdded .c-leadGen-form__wrapper{ 1193 flex-direction: row; 1194 flex-wrap: wrap; 1195} 1196 1197.dev-formInsertSXS .dev-formInsert.formAdded .c-leadGen-form__input{ 1198 flex-grow: 1; 1199 margin-inline: 0px; 1200} 1201 1202 1203/* Forms _________________________ (BM7-4)*/ 1204 1205.section_Form{ 1206 --headingMarginBottom: 30px; 1207} 1208 1209.section_Form:has(*[style*="color:#fff"]){ 1210 --defaultSectionContentFontColor: #fff; 1211} 1212 1213.e-page__edit-mode :is(.section_Form:has(*[style*="color:#fff"]), .dev-sectionEffects-ThemedBackground.section_Form) select{ 1214 filter: brightness(0) invert(1); 1215} 1216 1217.section_Form .box-copy + form{ 1218 margin-top: 30px; 1219} 1220 1221/* Lead Gen Form Fix */ 1222.o-form__wrapper.u-text-align--Center .c-leadGen-form__wrapper { 1223 justify-content: center; 1224} 1225 1226.c-leadGen-form__wrapper{ 1227 --formInputBorderRadius: 8px; 1228} 1229 1230.o-form__wrapper.u-text-align--Center { 1231 --formAlignItems: center; 1232} 1233 1234.o-form__wrapper.u-text-align--Right .c-leadGen-form__wrapper { 1235 justify-content: flex-end; 1236} 1237 1238.o-form__wrapper.u-text-align--Right { 1239 --formAlignItems: flex-end; 1240} 1241 1242.dev-cta-TextForm-Combined{ 1243 --headingMarginTop: 0px; 1244 --defaultSectionTextMaxWidth: 550px; 1245} 1246 1247.section_Form :is(input[type=text], textarea){ 1248 border: 2px solid #1e1e1e; 1249} 1250
1251.dev-sectionEffects-ThemedBackground :is(input[type=text], textarea){ 1252 border: none; 1253} 1254 1255.section_Form h2[style*="color:#FFFFFF"] ~ form :is(input[type=text], textarea){ 1256 border: none; 1257} 1258 1259.section_Form.dev-btnStyle-Hollow h2[style*="color:#FFFFFF"] ~ form { 1260 --btnTextColor: #fff; 1261 --btnBorderColor: #fff; 1262 --btnTextHoverColor: var(--hollowTextHoverColor, var(--paletteColor1)); 1263 --btnBackgroundHoverColor: var(--hollowBtnBackgroundHoverColor, #fff); 1264 --btnBorderHoverColor: #fff; 1265} 1266 1267@media(min-width: 992px){ 1268 .dev-cta-TextForm-Combined{ 1269 --superSectionContainerPaddingTop: 100px; 1270 --superSectionContainerPaddingBottom: 100px; 1271 } 1272} 1273 1274/* Img Text SXS __________________ (BM7-5)*/ 1275 1276.section_SideBySide{ 1277 --headingMarginTop: 0px; 1278} 1279 1280.section_SideBySide .c-sxs__text .c-sxs--description{ 1281 margin-bottom: 30px; 1282} 1283 1284.dev-imgText-VerticalCenter{ 1285 --imgTextBoxTopPadding: 100px; 1286 --imgTextBoxBottomPadding: 100px; 1287} 1288 1289/* Border Radius Image */ 1290.dev-imgText-Rounded{ 1291 --imgTextImageElementBorderRadius: 17px; 1292} 1293 1294.halfSection { 1295 max-width: max(calc(50% - 1rem), min(500px, 100%)); 1296} 1297 1298.dev-halfTextBox{ 1299 --defaultSectionTextMaxWidth: calc((var(--defaultSectionContainerMaxSectionWidth, var(--sitewideContainerWidth, 1200px)) / 2) - var(--halfTextBoxOffset, 2rem)); 1300 --defaultSectionTextMargin: 0px auto 0px 0px; 1301} 1302 1303.dev-halfTextBox-Center{ 1304 --defaultSectionTextMaxWidth: calc((var(--defaultSectionContainerMaxSectionWidth, var(--sitewideContainerWidth, 1200px)) / 2) - var(--halfTextBoxOffset, 2rem)); 1305 --defaultSectionTextMargin: 0px auto; 1306} 1307 1308.dev-halfTextBox-Right{ 1309 --defaultSectionTextMaxWidth: calc((var(--defaultSectionContainerMaxSectionWidth, var(--sitewideContainerWidth, 1200px)) / 2) - var(--halfTextBoxOffset, 2rem)); 1310 --defaultSectionTextMargin: 0px 0px 0px auto; 1311} 1312 1313.dev-sectionEffects-TopLine{
1314 --sectionContainerBeforeBackground: rgba(17, 17, 17); 1315} 1316 1317.dev-sectionEffects-TopLine-Center { 1318 --sectionContainerBeforePositionLeft: calc(50% - (var(--sectionContainerBeforeWidth, 1px) / 2)); 1319} 1320 1321.dev-sectionEffects-TopLine-Right { 1322 --sectionContainerBeforePositionLeft: auto; 1323 --sectionContainerBeforePositionRight: 5%; 1324} 1325 1326@media(prefers-reduced-motion: no-preference){ 1327 .dev-scrollIn.dev-sectionEffects-TopLine{ 1328 --sectionContainerBeforeOpacity: 0; 1329 --sectionContainerBeforeTransform: scaleY(0); 1330 } 1331 1332 .dev-scrollIn.dev-sectionEffects-TopLine .o-container::before{ 1333 transform-origin: top; 1334 transition: all 0.7s ease-in; 1335 } 1336 1337 .dev-scrollIn.dev-sectionEffects-TopLine.visible{ 1338 --sectionContainerBeforeOpacity: 1; 1339 --sectionContainerBeforeTransform: scaleY(1); 1340 } 1341} 1342 1343@media(min-width: 768px){ 1344 .maxBodyWidth{ 1345 max-width: 450px; 1346 } 1347 1348 .maxBodyWidth-Center{ 1349 max-width: 450px; 1350 margin-inline: auto; 1351 } 1352 1353 .maxBodyWidth-Right{ 1354 max-width: 450px; 1355 margin-inline: auto 0px; 1356 } 1357} 1358 1359.dev-noPaddingTopMobile{ 1360 --sectionContainerBeforeHeight: 100px !important; 1361 --imgTextBoxTopPadding: 20px !important; 1362 --imgTextBoxBottomPadding: 0px !important; 1363} 1364 1365@media(max-width: 991px){ 1366 .dev-noPaddingTopMobile .o-container{ 1367 padding-top: 0px !important; 1368 } 1369 1370 .dev-noPaddingTopMobile{ 1371 --imgTextBoxBottomPadding: 20px !important; 1372 } 1373 1374 .dev-noPaddingBlockMobile .o-container{ 1375 padding-block: 0px !important; 1376 } 1377} 1378 1379 1380.dev-noPaddingTopMobile-Large{ 1381 --sectionContainerBeforeHeight: 200px !important; 1382 --imgTextBoxTopPadding: 20px !important; 1383 --imgTextBoxBottomPadding: 50px !important; 1384} 1385 1386@media(max-width: 991px){ 1387 .dev-noPaddingTopMobile-Large .o-container{ 1388 padding-top: 0px !important; 1389 } 1390} 1391 1392/* Full Width Overlap Images */ 1393 1394.dev-imgText-FullsizeImg-TextContainer{ 1395 --imgTextBoxTopPadding: 100px; 1396 --imgTextBoxBottomPadding: 100px; 1397 --defaultSectionGridMinHeight: unset; 1398} 1399 1400.dev-imgText-FullsizeImg-TextContainer.dev-imgText-ImgOverhanging-Top{ 1401 --imgTextBoxBottomPadding: 150px; 1402} 1403 1404.dev-imgText-FullsizeImg-TextContainer.dev-imgText-ImgOverhanging-Bottom{ 1405 --imgTextBoxTopPadding: 150px; 1406} 1407 1408.dev-sectionEffects-TopLine.dev-imgText-FullsizeImg-TextContainer{ 1409 --imgTextBoxTopPadding: max(100px, 8vw); 1410 --sectionContainerBeforeHeight: var(--imgTextBoxTopPadding); 1411} 1412 1413@media(min-width: 992px){ 1414 .section_SideBySide.dev-imgText-ImgOverhanging-Top.dev-sectionEffects-TopLine{ 1415 --imgTextBoxTopPadding: max(50px, 4.5vw); 1416 } 1417 1418 .section_SideBySide.dev-imgText-ImgOverhanging-Bottom.dev-sectionEffects-TopLine{ 1419 --imgTextBoxTopPadding: max(100px, 7vw); 1420 } 1421 1422 .dev-imgText-FullsizeImg-TextContainer.dev-sectionEffects-TopLine.dev-TopLineLeft{ 1423 --sectionContainerBeforePositionRight: 46.5%; 1424 } 1425 1426 .dev-imgText-FullsizeImg-TextContainer.dev-sectionEffects-TopLine.dev-TopLineRight{ 1427 --sectionContainerBeforePositionRight: auto; 1428 --sectionContainerBeforePositionLeft: 46.5%; 1429 } 1430 1431 .dev-imgText-FullsizeImg-TextContainer.dev-imgText-ImgOverhanging-Bottom{ 1432 --imgTextImageElementHeight: calc(100% + 240px); 1433 } 1434} 1435 1436.dev-topImage { 1437 --imgTextImageElementHorizonalPlacement: 50%; 1438 --imgTextImageElementVeritcalPlacement: 0%; 1439} 1440 1441.dev-imgText-Fullsize{ 1442 --defaultSectionContainerMaxSectionWidth: 100%; 1443 --defaultSectionContainerSidePadding: 20px; 1444 --defaultSectionContainerPaddingTop: 20px; 1445 --defaultSectionContainerPaddingBottom: 20px; 1446 --imgTextImageElementBorderRadius: 0px; 1447 --imgTextImageElementMaxHeightMobile: 100%; 1448 --mobileSectionMaxHeight: 500px; 1449} 1450 1451@media(min-width: 992px){ 1452 .dev-imgText-Fullsize{ 1453 --defaultSectionContainerSidePadding: 0px; 1454 --defaultSectionContainerPaddingTop: 0px; 1455 --defaultSectionContainerPaddingBottom: 0px; 1456 --sectionMaxHeight: max(35vw, 60vh); 1457 } 1458} 1459 1460.dev-imgText-CenterText{ 1461 --defaultSectionGridAlignItems: center; 1462} 1463 1464/* Sets Max Width of Half Screen Image */ 1465 1466@media (min-width: 992px){ 1467 .dev-imgHalfScreenMaxWidth{ 1468 --imgTextImageElementWidth: min(100%, 750px); 1469 --imgTextImageElementHeight: auto; 1470 --imgTextImageAlignItems: center; 1471 } 1472 1473 .dev-imgHalfScreenMaxWidth.Right { 1474 --imgTextImageJustifyContent: flex-end; 1475 } 1476 1477 .dev-imgHalfScreenMaxWidth.Right .c-sxs__image .wrap{ 1478 right: 0px; 1479 } 1480 1481 .dev-imgText-SmallImg{ 1482 --imgTextImageWidth: min(100%, 450px); 1483 } 1484 1485 .dev-imgText-SmallImg .c-sxs__text{ 1486 flex-grow: 1; 1487 } 1488} 1489
1490/* Team Widgets __________________ (BM7-6)*/ 1491.section_TeamList{ 1492 --teamContainerJustifyContent: center; 1493} 1494 1495.section_TeamList .c-team-list__section--developer { 1496 --teamMemberListPortraitImgMaxWidth: 300px; 1497 --teamMemberListPortraitImgWidth: max(100%, 300px); 1498 --teamMemberListPortraitWidth: min(100%, 300px); 1499 --teamMemberListInfoWidth: max(calc(100% - var(--teamMemberListPortraitImgMaxWidth)), 320px); 1500} 1501 1502.section_TeamList .c-team-list__section--developer h4 { 1503 --hyperlinkColor: var(--headingColor); 1504} 1505 1506.dev-teamMember-LargePortraits2x2{ 1507 --teamMemberGridPortraitAspectRatio: auto; 1508 --teamMemberArrowButtonAfterBackground: #fff; 1509 --teamMemberArrowButtonAfterBackgroundHover: #fff; 1510 --teamMemberArrowButtonBackground: var(--paletteColor3); 1511 --teamMemberArrowButtonBackgroundHover: var(--paletteColor2); 1512 --btnAfterMask: var(--svgArrowRight) center no-repeat; 1513} 1514 1515 1516.section_TeamList .c-team-member__info h4 + p:not([class]){ 1517 color: var(--teamPositionColor, #253371); 1518} 1519 1520@media(min-width: 992px){ 1521 .section_TeamList .c-team-list__section--developer { 1522 --teamMemberListRowGap: 4rem; 1523 --teamMemberListRowAlignItems: flex-start; 1524 } 1525} 1526 1527.dev-teamMember-FullImageGrid { 1528 --teamMemberGridMaxWidth: 250px; 1529 --teamContainerHorizontalGap: 2rem; 1530 --teamContainerJustifyContent: center; 1531 --teamMemberGridBackground: transparent; 1532 --teamMemberH4PPadding: 20px 0px 5px; 1533 --teamContainerFlexFlow: row wrap; 1534 --teamMemberGridInfoPadding: 0px; 1535} 1536 1537.dev-teamMember-FullImageGrid .c-team-member__info p.u-margin-bottom--5 + p.u-margin-bottom--5{ 1538 margin-top: 0px; 1539} 1540 1541.dev-teamMember-ListGrid.section_TeamList .c-team-list__section--developer{ 1542 --teamMemberListWidth: min(100%, 250px); 1543 --teamMemberListPadding: 0px; 1544 --teamMemberListPortraitWidth: 100%;
1545 --teamMemberListPortraitImgWidth: 100%; 1546 --teamMemberListPortraitImgMaxWidth: 250px; 1547 --teamMemberListInfoWidth: 100%; 1548 --teamMemberListRowFlexFlow: column; 1549 --teamMemberListRowGap: 0px; 1550} 1551 1552.dev-teamMember-ListGrid .c-team-member__info p.u-margin-bottom--5 + p.u-margin-bottom--5{ 1553 margin-top: 0px; 1554} 1555 1556/* Team Image Style Section */ 1557.dev-teamImageSXS.section_TeamList .c-team-list__section--developer{ 1558 --teamMemberListPortraitImgMaxWidth: 100%; 1559 --teamMemberListPortraitImgWidth: 100%; 1560 --teamMemberListPortraitWidth: 100%; 1561 --teamMemberListInfoWidth: 100%; 1562} 1563 1564.dev-teamImageSXS.section_TeamList h4{ 1565 font-size: var(--heading3MobileFontSize, 2rem); 1566 font-weight: var(--headingFontWeight, normal); 1567} 1568 1569.dev-teamImageSXS.section_TeamList h4 a{ 1570 color: inherit; 1571} 1572 1573.dev-teamImageSXS.section_TeamList .c-team-member__info h4 + p:not([class]){ 1574 text-transform: uppercase; 1575} 1576 1577.dev-teamImageSXS.section_TeamList .c-team-list__summary{ 1578 margin-top: 30px; 1579} 1580 1581@media(min-width: 768px){ 1582 .dev-teamImageSXS.section_TeamList{ 1583 --teamMemberListRowMobileFlexFlow: row wrap; 1584 } 1585 1586 .dev-teamImageSXS.section_TeamList .c-team-list__section--developer{ 1587 --teamMemberListPortraitWidth: 50%; 1588 --teamMemberListInfoWidth: 50%; 1589 --teamMemberListInfoMobileWidth: 50%; 1590 --teamMemberListPortraitMobileWidth: 50%; 1591 } 1592 1593 .dev-teamImageSXS.section_TeamList .c-team-list__section--developer .row > div{ 1594 order: 1; 1595 } 1596 1597 .dev-teamImageSXS.section_TeamList .c-team-list__section--developer:nth-of-type(even) .row > .c-team-member__portrait{ 1598 order: 2; 1599 } 1600} 1601 1602@media(min-width: 992px){ 1603 .dev-teamImageSXS.section_TeamList h4{ 1604 font-size: var(--heading3FontSize, 2rem); 1605 } 1606} 1607 1608@media(prefers-reduced-motion: no-preference) { 1609 .dev-teamImageSXS.dev-scrollIn.dev-fadeRight.dev-teamAnimation.visible .c-team-list__section--developer:nth-of-type(odd){ 1610 animation-name: fadeLeftContent; 1611 animation-duration: 1s; 1612 animation-timing-function: ease-in; 1613 animation-fill-mode: forwards; 1614 } 1615} 1616 1617/* Simple Text ___________________ (BM7-7)*/ 1618 1619.shadowCard { 1620 padding: 20px; 1621 background: transparent; 1622 --headingMarginBottom: 10px; 1623} 1624 1625.shadowCard p:last-child{ 1626 --paragraphMargin: 0px; 1627} 1628 1629.shadowCard + .shadowCard{ 1630 margin-top: 10px; 1631} 1632 1633.shadowCard:hover{ 1634 box-shadow: 0px 4px 10.5px 0px rgba(0, 0, 0, 0.15); 1635 background: #fff; 1636} 1637 1638.dev-sectionEffects-ThemedBackground .shadowCard:hover, .shadowCard:has(*[style*="color: #fff"]){ 1639 background: var(--paletteColor2); 1640} 1641 1642.video-container { 1643 position: relative; 1644 aspect-ratio: var(--aspect-ratio); 1645} 1646 1647.video-container iframe, 1648.video-container object, 1649.video-container embed, 1650.video-container video { 1651 position: absolute; 1652 top: 0; 1653 left: 0; 1654 width: 100%; 1655 height: 100%; 1656} 1657 1658.video-wrapper { 1659 width: 100%; 1660 max-width: var(--videoWrapperMaxWidth); 1661 margin: 0 auto; 1662} 1663 1664 1665.flex-images { 1666 display: flex; 1667 flex-wrap: wrap; 1668 justify-content: center; 1669 align-items: center; 1670 row-gap: 20px; 1671 column-gap: 15px; 1672 width: 100%; 1673 margin: var(--imageFlexMargin, 40px 0px) !important; 1674} 1675 1676@media(min-width: 1148px){ 1677 .flex-images { 1678 column-gap: 5px; 1679 justify-content: space-between; 1680 } 1681} 1682 1683.dev-grayScaleImg img, img.grayScaleImg{ 1684 filter: grayscale(1); 1685 transition: all .25s ease-in; 1686} 1687 1688.dev-grayScaleImg img:hover, img.grayScaleImg:hover{ 1689 filter: none; 1690} 1691 1692.dev-accolades img{ 1693 height: 100px; 1694 width: auto; 1695} 1696 1697.flex-logos{ 1698 display: flex; 1699 justify-content: center; 1700 gap: 20px; 1701 align-items: center; 1702 1703 a{ 1704 display: block; 1705 line-height: 0; 1706 width: max-content; 1707 } 1708 1709 img{ 1710 max-width: 100%; 1711 width: auto; 1712 height: 90px; 1713 } 1714} 1715 1716.dev-accolades .flex-logos img{ 1717 height: 90px; 1718} 1719 1720.flex-logos { 1721 max-width: 100%; 1722 overflow: hidden; 1723 1724 @media(max-width: 1399px){ 1725 flex-wrap: wrap; 1726 } 1727} 1728 1729/*.dev-accolades .c-btn::after{*/ 1730/* font-family: 'Phosphor';*/ 1731/* transform: translate(0, -50%);*/ 1732/*}*/ 1733 1734/* Text Button CTA */ 1735.dev-textBtnCTA{ 1736 --headingMarginTop: 0px; 1737} 1738 1739@media(min-width: 768px){ 1740 .dev-textBtnCTA .c-text__section{ 1741 /*--defaultSectionTextPadding: 0px 180px 0px 0px;*/ 1742 position: relative; 1743 --defaultSectionTextBtnMarginTop: 0px; 1744 } 1745 1746 .dev-textBtnCTA .c-text__section > .c-btn{ 1747 position: absolute; 1748 top: calc(50% + 24.4px); 1749 right: 0px; 1750 /*transform: translate(0, -50%);*/ 1751 height: auto; 1752 display: flex; 1753 /*max-width: 140px;*/ 1754 text-transform: none; 1755 font-size: 1rem; 1756 font-style: italic; 1757 color: #fff; 1758 } 1759} 1760 1761/* General Section _______________ (BM7-8)*/ 1762 1763/* Smaller Container */ 1764.dev-smallContainer { 1765 --defaultSectionContainerMaxSectionWidth: 900px; 1766} 1767 1768.dev-smallContainer-Right { 1769 --defaultSectionContainerMaxSectionWidth: 900px; 1770 --calcSideMargin: max(calc((100vw - var(--sitewideContainerWidth, 1200px)) / 2), 0px); 1771 --defaultSectionContainerMargin: 0px var(--calcSideMargin) 0px auto; 1772} 1773 1774.dev-smallContainer-Left { 1775 --defaultSectionContainerMaxSectionWidth: 900px; 1776 --calcSideMargin: max(calc((100vw - var(--sitewideContainerWidth, 1200px)) / 2), 0px); 1777 --defaultSectionContainerMargin: 0px auto 0px var(--calcSideMargin); 1778} 1779 1780.dev-mediumContainer { 1781 --defaultSectionContainerMaxSectionWidth: 1070px; 1782} 1783 1784.dev-mediumContainer-Right { 1785 --defaultSectionContainerMaxSectionWidth: 1070px; 1786 --calcSideMargin: max(calc((100vw - var(--sitewideContainerWidth, 1200px)) / 2), 0px); 1787 --defaultSectionContainerMargin: 0px var(--calcSideMargin) 0px auto; 1788} 1789 1790.dev-mediumContainer-Left { 1791 --defaultSectionContainerMaxSectionWidth: 1070px; 1792 --calcSideMargin: max(calc((100vw - var(--sitewideContainerWidth, 1200px)) / 2), 0px); 1793 --defaultSectionContainerMargin: 0px auto 0px var(--calcSideMargin); 1794} 1795 1796.combinedSuperSections :is(.dev-smallContainer-Right, .dev-smallContainer-Left, .dev-mediumContainer-Right, .dev-mediumContainer-Left){ 1797 --calcSideMargin: 0px; 1798} 1799
1800/* Section Background */ 1801.dev-sectionEffects-CustomBackground { 1802 --gridContentBackground: transparent; 1803} 1804 1805.dev-sectionEffects-CustomBackground.section { 1806 --defaultSectionOverlayColor: transparent; 1807 --defaultSectionBackground: transparent; 1808} 1809 1810.dev-sectionEffects-ThemedBackground{ 1811 /*--defaultSectionBackground: linear-gradient(233deg, var(--paletteColor1) 28.71%, var(--paletteColor2) 100%);*/ 1812 --defaultSectionBackground: linear-gradient(0deg, var(--paletteColor6) 0%, var(--paletteColor6) 100%); 1813 --gridContentFontColor: #fff; 1814 --defaultSectionContentFontColor: #fff; 1815 --headingColor: #fff; 1816 --supColor: #fff; 1817 color: #fff; 1818 --boxTextColor: #fff; 1819 --hyperlinkColor: #fff; 1820 --hyperlinkHoverColor: var(--paletteColor4); 1821 --btnBorderHoverColor: var(--backgroundHoverColor); 1822 --bodyFontColor: #fff; 1823} 1824 1825 1826.dev-sectionEffects-ThemedBackgroundSecondary{ 1827 --defaultSectionBackground: var(--paletteColor5); 1828 --bodyFontColor: #fff; 1829 --gridContentBackground: transparent; 1830 --gridContentFontColor: #fff; 1831 --headingColor: #fff; 1832 --defaultSectionContentFontColor: #fff; 1833 --supColor: #fff; 1834 color: #fff; 1835 --hyperlinkColor: #fff; 1836 --hyperlinkHoverColor: var(--paletteColor4); 1837} 1838 1839.dev-sectionEffects-TopLine.dev-sectionEffects-ThemedBackground{
1840 --sectionContainerBeforeBackground: #fff; 1841} 1842 1843/* Gradient Overlay */ 1844.dev-gradientOverlay{ 1845 --defaultSectionOverlayColor: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(0deg, rgba(24, 44, 79, 0.40) 0%, rgba(24, 44, 79, 0.40) 100%); 1846} 1847 1848/* Watermark BG */ 1849.dev-sectionEffects-watermarkBG { 1850 --sectionAfterContent: ''; 1851 --sectionAfterDisplay: inline-flex; 1852 --sectionAfterPosition: absolute; 1853 --sectionAfterZIndex: -1; 1854 --sectionAfterWidth: clamp(300px, 60%, 450px); 1855 --sectionAfterMaxWidth: 100%; 1856 --sectionAfterAspectRatio: 0.817; 1857 --sectionAfterHeight: auto; 1858 --defaultSectionZIndex: 1; 1859 --sectionAfterPositionRight: 0px; 1860 --sectionAfterPositionBottom: 0px; 1861 --sectionAfterPositionLeft: auto; 1862 --sectionAfterBackground: var(--watermarkBG); 1863 --sectionAfterBackgroundSize: cover; 1864 --defaultSectionOverflow: hidden; 1865} 1866 1867.dev-sectionEffects-watermarkBG .section{ 1868 --sectionAfterContent: none; 1869 --defaultSectionOverflow: visible; 1870} 1871 1872.dev-sectionEffects-watermarkBG::after { 1873 mix-blend-mode: screen; 1874} 1875 1876@media(min-width: 992px){ 1877 body:not(.e-page__edit-mode) .section:has(+ .dev-sectionPopDown){ 1878 --defaultSectionZIndex: 3; 1879 } 1880 1881 body:not(.e-page__edit-mode) .dev-sectionPopDown{ 1882 --popOutAmmount: 120px; 1883 --defaultSectionZIndex: 2; 1884 --defaultSectionContainerTransform: translateY(var(--popOutAmmount, 70px)); 1885 --defaultSectionMarginTop: calc(0px - var(--popOutAmmount, 70px)); 1886 pointer-events: none; 1887 } 1888 1889 body:not(.e-page__edit-mode) .dev-sectionPopDown .o-container{ 1890 pointer-events: auto; 1891 } 1892} 1893 1894body:not(.e-page__edit-mode) .dev-sectionMoveUp{ 1895 --defaultSectionZIndex: 2; 1896 --defaultSectionContainerTransform: translateY(calc(0px - var(--popOutAmmount, 20px))); 1897 --defaultSectionMarginBottom: calc(0px - var(--popOutAmmount, 20px)); 1898 --defaultSectionContainerPaddingBottom: calc(70px - var(--popOutAmmount, 20px)); 1899} 1900 1901body:not(.e-page__edit-mode) .dev-sectionMoveUp .o-container{ 1902 pointer-events: auto; 1903} 1904 1905body:not(.e-page__edit-mode) .dev-sectionPopDown + .section{ 1906 --defaultSectionZIndex: 3; 1907} 1908 1909@media(min-width: 992px){ 1910 body:not(.e-page__edit-mode) .dev-sectionMoveUp{ 1911 --popOutAmmount: 70px; 1912 } 1913} 1914 1915/* Boxes _________________________ (BM7-9)*/ 1916 1917.dev-boxes-ShowContentHover.section{ 1918 --btnBeforeDisplay: none; 1919 --btnAfterDisplay: none; 1920 --btnBorderRadius: 40px; 1921} 1922 1923.dev-boxes-ShowContentHover.section.c-box__count--4{ 1924 --sitewideContainerWidth: 1500px; 1925} 1926 1927.section_Boxes.c-box__count--3 { 1928 --boxWidth: calc((100% / 3) - var(--boxGridGap, var(--defaultSectionGridGap, 2rem))); 1929 --boxFlexBasis: var(--boxWidth); 1930} 1931 1932@media(min-width: 992px){ 1933 body:not(.e-page__edit-mode) .dev-boxes-ShowContentHover.dev-wellingtonVersion{ 1934 --defaultSectionGridGap: 20px; 1935 --boxGridGap: var(--defaultSectionGridGap); 1936 --boxInnerJustifyContentHover: flex-end; 1937 --boxInnerAfterBackground: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 36.1%, rgba(17, 17, 17, 0.70) 100%); 1938 --boxInnerAfterBackgroundHover: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 36.1%, rgba(17, 17, 17, 1) 100%); 1939 font-size: 16px; 1940 --boxMaxWidth: 375px; 1941 --boxMinHeight: 518px; 1942 } 1943} 1944 1945.dev-iconBoxes { 1946 --hyperlinkColor: #1e1e1e; 1947 --hyperlinkHoverColor: var(--paletteColor1); 1948} 1949 1950.dev-iconBoxes .c-section-boxes__inner-box .box-icon{ 1951 transition: all 0.3s ease-in; 1952} 1953 1954.dev-iconBoxes.dev-btnLinks .c-section-boxes__inner-box:hover{ 1955 --btnTextColor: var(--hyperlinkHoverColor); 1956} 1957 1958.dev-iconBoxes .c-section-boxes__inner-box:hover .box-icon{ 1959 color: var(--paletteColor1); 1960} 1961 1962.dev-iconBoxes.dev-sectionEffects-ThemedBackground{ 1963 --hyperlinkColor: #fff; 1964 --hyperlinkHoverColor: var(--paletteColor2); 1965} 1966 1967.dev-iconBoxes.dev-sectionEffects-ThemedBackground .c-section-boxes__inner-box:hover .box-icon{ 1968 color: var(--hyperlinkHoverColor); 1969} 1970 1971 /* Border Boxes */ 1972.dev-boxes-BorderBetween{ 1973 --borderWidthSet: 1px; 1974 --borderWidthUnset: var(--borderWidthUnset, 0px); 1975 --boxBorderColor: rgba(0, 0, 0, 0.5); 1976 --boxBorderHoverColor: var(--boxBorderRightColor); 1977 --boxBorderBottomWidth: var(--borderWidthSet, 1px); 1978 --defaultSectionGridGap: var(--borderWidthSet, 1px); 1979} 1980
1981.dev-sectionEffects-ThemedBackground.dev-boxes-BorderBetween, .dev-sectionEffects-ThemedBackground .dev-boxes-BorderBetween{ 1982 --boxBorderColor: #fff; 1983} 1984 1985#content.o-content__container section.section.dev-boxes-BorderBetween .o-grid__collapse{ 1986 row-gap: 2rem; 1987} 1988 1989.dev-boxes-BorderBetween.section_Boxes .box:last-of-type{ 1990 --boxBorderBottomWidth: var(--borderWidthUnset, 0px); 1991} 1992 1993@media(min-width: 768px){ 1994 .dev-boxes-BorderBetween{ 1995 --boxBorderBottomWidth: var(--borderWidthUnset, 0px); 1996 --boxBorderRightWidth: var(--borderWidthSet, 1px); 1997 --defaultSectionGridJustifyContent: center; 1998 } 1999 2000 :is(.dev-boxes-BorderBetween.c-box__count--2, .dev-boxes-BorderBetween.c-box__count--4) .box:nth-child(2n){ 2001 --boxBorderRightWidth: var(--borderWidthUnset, 0px); 2002 } 2003 2004 .dev-boxes-BorderBetween.c-box__count--3 .box:nth-child(3n){ 2005 --boxBorderRightWidth: var(--borderWidthUnset, 0px); 2006 } 2007 2008 .dev-boxes-BorderBetween.section_Boxes .box:last-of-type{ 2009 --boxBorderRightWidth: var(--borderWidthUnset, 0px); 2010 } 2011} 2012 2013@media(min-width: 992px){ 2014 .dev-boxes-BorderBetween.c-box__count--4 .box:nth-of-type(2n){ 2015 --boxBorderRightWidth: var(--borderWidthSet, 1px); 2016 } 2017 2018 .dev-boxes-BorderBetween.c-box__count--4 .box:nth-of-type(4n){ 2019 --boxBorderRightWidth: var(--borderWidthUnset, 0px); 2020 } 2021} 2022 2023@media(max-width: 767px){ 2024 .dev-boxes-BorderBetween.section_Boxes:has(+ .dev-boxes-BorderBetween.section_Boxes) .box:last-of-type{ 2025 --boxBorderBottomWidth: var(--borderWidthSet, 1px); 2026 } 2027} 2028 2029.dev-heroBoxes.dev-boxes-BorderBetween, .dev-boxes-BorderBetween.dev-sectionEffects-ThemedBackground, .dev-sectionEffects-ThemedBackground .dev-boxes-BorderBetween{ 2030 --boxBorderColor: #fff; 2031} 2032 2033.dev-heroBoxes.dev-boxes-BorderBetween{ 2034 --boxBorderColor: #111; 2035} 2036 2037#content.o-content__container section.section.dev-heroBoxes.dev-boxes-BorderBetween .o-grid__collapse{ 2038 row-gap: 1px; 2039} 2040 2041/* Hero Boxes */ 2042.dev-heroBoxes{ 2043 --sitewideContainerWidth: 100%; 2044 --defaultSectionContainerSidePadding: 0px; 2045 --boxMinHeight: 300px; 2046 --boxBackgroundHoverColor: var(--paletteColor2); 2047 --boxTextHoverColor: #fff; 2048 --defaultSectionBackground: #d9d9d9; 2049 --boxInnerPadding: 30px; 2050 --defaultSectionBorderTopWidth: 1px; 2051 --defaultSectionBorderTopColor: #111; 2052} 2053 2054.dev-heroBoxes.dev-arrowBtn{ 2055 --btnFontSize: 2rem !important; 2056} 2057 2058@media(min-width: 992px){ 2059 .dev-heroBoxes{ 2060 --boxInnerPadding: 60px; 2061 } 2062} 2063 2064.dev-heroBoxes .c-section-boxes__inner-box:hover{ 2065 --btnTextColor: #111; 2066 --btnBackgroundColor: #fff; 2067 --btnBorderColor: #fff; 2068 --headingColor: #fff; 2069} 2070 2071/* Box Shadow Effect Boxes */ 2072.dev-shadowBoxes{ 2073 --boxInnerPadding: 40px 20px; 2074 --boxBackgroundColor: #fff; 2075 --boxTitleMargin: 0px 0px 10px; 2076 --defaultSectionGridGap: 10px; 2077 --boxShadow: 0px 0px 18.5px 0px rgba(0, 0, 0, 0.15); 2078 --hyperlinkColor: #1e1e1e; 2079 --hyperlinkHoverColor: var(--paletteColor4); 2080} 2081 2082.dev-shadowBoxes .c-section-boxes__inner-box:hover{ 2083 --hyperlinkColor: var(--paletteColor4); 2084 --btnTextColor: var(--hyperlinkColor); 2085} 2086 2087/* 2 Box Section */ 2088.dev-2Box.section_Boxes{ 2089 --defaultSectionGridJustifyContent: flex-start; 2090 --boxParagraphMargin: 0px; 2091} 2092 2093@media(min-width: 768px){ 2094 .dev-2Box.section_Boxes{ 2095 --boxWidth: calc((100% / 2) - var(--boxGridGap, var(--defaultSectionGridGap, 2rem))); 2096 --boxFlexBasis: var(--boxWidth); 2097 } 2098} 2099 2100/* 4 Box Section */ 2101.dev-4Box.section_Boxes{ 2102 --defaultSectionGridJustifyContent: flex-start; 2103 --boxParagraphMargin: 0px; 2104} 2105@media(min-width: 768px){ 2106 .dev-4Box.section_Boxes{ 2107 --boxWidth: calc((100% / 2) - var(--boxGridGap, var(--defaultSectionGridGap, 2rem))); 2108 --boxFlexBasis: var(--boxWidth); 2109 } 2110} 2111 2112@media(min-width: 992px){ 2113 .dev-4Box.section_Boxes{ 2114 --boxWidth: calc((100% / 4) - var(--boxGridGap, var(--defaultSectionGridGap, 2rem))); 2115 --boxFlexBasis: var(--boxWidth); 2116 } 2117} 2118 2119 2120.e-page__edit-mode .dev-4Box.section_Boxes{ 2121 --boxWidth: calc((100% / 4) - var(--boxGridGap, var(--defaultSectionGridGap, 2rem))); 2122 --boxFlexBasis: var(--boxWidth); 2123} 2124 2125@media(prefers-reduced-motion: no-preference){ 2126 .dev-scrollIn.dev-fadeUp.dev-boxAnimation.visible .box:nth-child(5){ 2127 animation-delay: 1.6667s; 2128 } 2129 2130 .dev-scrollIn.dev-fadeUp.dev-boxAnimation.visible .box:nth-child(6){ 2131 animation-delay: 2s; 2132 } 2133 2134 .dev-scrollIn.dev-fadeUp.dev-boxAnimation.visible .box:nth-child(7){ 2135 animation-delay: 2.3333s; 2136 } 2137 2138 .dev-scrollIn.dev-fadeUp.dev-boxAnimation.visible .box:nth-child(8){ 2139 animation-delay: 2.6667s; 2140 } 2141
2142 .dev-scrollIn.dev-boxes-HalfBox1.dev-boxAnimation.visible .box:first-of-type{ 2143 animation-name: fadeRightContent; 2144 } 2145} 2146 2147.dev-middleBoxes{ 2148 --boxBtnMarginTop: 15px; 2149 --defaultSectionGridAlignItems: center; 2150 --boxParagraphMargin: 0px; 2151} 2152 2153.dev-boxImgRounded{ 2154 --boxImageBorderRadius: 20px; 2155} 2156 2157.dev-innerContainerPaddingOffset{ 2158 --defaultSectionContainerSidePadding: 0px; 2159} 2160 2161.dev-serviceBoxes{ 2162 --boxBorderRadius: 15px; 2163 --boxBackgroundHoverColor: linear-gradient(233deg, var(--paletteColor1) 28.71%, var(--paletteColor2) 100%); 2164 --boxTextHoverColor: #fff; 2165} 2166 2167.dev-serviceBoxes .c-section-boxes__inner-box:hover{ 2168 background: var(--boxBackgroundHoverColor, var(--boxBackgroundColor, transparent)) !important; 2169} 2170 2171.dev-serviceBoxes .c-section-boxes__inner-box:hover h2{ 2172 --headingColor: #fff; 2173 color: #fff; 2174 transition: all 0.3s ease-in; 2175} 2176 2177/* ---------- Page Specific ---------- (BM8)*/ 2178 2179 2180/* ---------- B/D Specific ---------- (BM9)*/ 2181 2182@media only screen and (max-width: 500px) { 2183 .mce-item-table td { 2184 display: block; 2185 } 2186} 2187.dev-heroRotator .c-rotator--title p { 2188 font-size: var(--heading1FontSize, 3em); 2189} 2190.dev-heroRotator h3 { 2191 color: #fff; 2192} 2193.dev-heroRotator { 2194 --rotatorSummaryTop: calc(var(--headerHeight, 146px) + 30px); 2195 --rotatorSummaryTransform: translate(0, 0); 2196 --headingMinFontSizeRem: 2.5; 2197 --headingMaxFontSizeRem: 4.5; 2198 --heading1Padding: 0px; 2199 --heading1FontSize: var(--headingResponsiveFont); 2200 --heading2FontSize: var(--heading1FontSize); 2201 --rotatorImgBackgroundVerticalPlacement: top; 2202 /*--rotatorImgOverlay: linear-gradient(90deg, rgba(0, 0, 0, .7) 23%, rgba(0, 0, 0, 0) 90%);*/ 2203 --rotatorImgOverlay: rgba(0, 0, 0, .5); 2204 --mobileDefaultSectionContainerPaddingTop: 0; 2205 --mobileDefaultSectionContainerPaddingBottom: 0; 2206} 2207@media (min-width:992px) { 2208 .dev-heroRotator { 2209 --rotatorItemHeight: 100vh; 2210 /*--rotatorItemHeight: max(800px, 80vh);*/ 2211 2212 height: max(700px, 80vh); 2213 } 2214} 2215.dev-accolades img { 2216 height: auto; 2217} 2218 2219body:not(.e-page__edit-mode) .dev-accolades { 2220 --defaultSectionTextMaxWidth: 1200px; 2221 --defaultSectionOverlayColor: none; 2222 --defaultSectionGridJustifyContent: center; 2223 z-index: 2 !important; 2224 /*position: absolute !important;*/ 2225 /*top: 42%;*/ 2226 background-color: transparent !important; 2227} 2228@media(min-width:992px) and (max-width:1400px) { 2229 body:not(.e-page__edit-mode) .dev-accolades { 2230 --defaultSectionTextMaxWidth: 900px; 2231 /*top: 35%;*/ 2232 } 2233 .dev-heroRotator { 2234 --rotatorSummaryTop: 30%; 2235 --rotatorSummaryPadding: 0; 2236 --rotatorSummaryWidth: 70%; 2237 } 2238} 2239@media(min-width:768px) and (max-width: 991px) { 2240 .dev-textBtnCTA .c-text__section > .c-btn { 2241 right: 50px; 2242 } 2243} 2244@media(max-width: 991px) { 2245 .dev-accolades { 2246 --defaultSectionTextMaxWidth: 100%; 2247 --defaultSectionTextPadding: 0 50px; 2248 } 2249} 2250/*@media (min-width: 1600px) {*/ 2251/* body:not(.e-page__edit-mode) .dev-accolades {*/ 2252/* top: 35%;*/ 2253/* }*/ 2254/*}*/ 2255/*@media (min-width: 1900px) {*/ 2256/* body:not(.e-page__edit-mode) .dev-accolades {*/ 2257/* top: 30%;*/ 2258/* }*/ 2259/*}*/ 2260/*@media (min-width: 2300px) {*/ 2261/* body:not(.e-page__edit-mode) .dev-accolades {*/ 2262/* top: 20%;*/ 2263/* }*/ 2264/*}*/ 2265/*@media (min-width: 3000px) {*/ 2266/* body:not(.e-page__edit-mode) .dev-accolades {*/ 2267/* top: 0%;*/ 2268/* }*/ 2269/*}*/ 2270 2271.dev-equalBtns.section_Boxes{ 2272 --boxWidth: 100%; 2273 --boxFlexBasis: 100%; 2274 --defaultSectionGridFlexFlow: column; 2275 --mobileDefaultSectionGridFlexFlow: column; 2276 --defaultSectionGridAlignItems: center; 2277 --mobileDefaultSectionGridAlignItems: center; 2278 --boxMaxWidth: 216px; 2279 --boxInnerPadding: 0px; 2280 2281 .c-btn{ 2282 width: 100%; 2283 text-align: center; 2284 --btnJustifyContent: center; 2285 } 2286} 2287 2288body:not(.e-page__edit-mode) .dev-boxes-Stories.section_Boxes{ 2289 --boxWidth: 100%; 2290 --boxFlexBasis: var(--boxWidth); 2291 --boxImageContainerWidth: 40%; 2292 --boxImageContainerLeft: 20px; 2293 --boxInnerPadding: 50px; 2294 --boxTextHoverColor: #fff; 2295 --btnBackgroundHoverColor: var(--paletteColor2); 2296 --btnBorderHoverColor: var(--btnBackgroundHoverColor); 2297 --rotatorNavColor: var(--paletteColor1); 2298 --rotatorNavHoverColor: var(--paletteColor3); 2299 --boxImageWidth: 100%; 2300
2301 .box.c-grid__item .c-section-boxes__inner-box{ 2302 align-items: flex-end !important; 2303 } 2304 2305 @media(max-width: 992px){ 2306 --boxInnerPadding: 20px; 2307 --boxImageContainerWidth: 100%; 2308 --boxImageContainerLeft: 0px; 2309 2310 .c-box-image, .c-box-image__container{ 2311 max-height: 400px; 2312 } 2313 2314 .c-section-boxes__inner-box{ 2315 gap: 20px; 2316 } 2317 } 2318} 2319 2320.dev-logos.section_Boxes{ 2321 --boxImageWidth: auto; 2322 --boxImageMaxWidth: min(100%, 250px); 2323} 2324 2325.dev-heroRotator { 2326 .owl-stage-outer .owl-item:nth-of-type(4):not(.cloned) { 2327 --rotatorImgOverlay: rgba(0, 0, 0, 0.7) !important; 2328 } 2329 2330} 2331 2332/* =============== Homepage Rotator Boxes =============== */ 2333 .dev-RotatorBoxes { 2334 --heading2FontSize: 1.35rem; 2335 --heading2Margin: 10px 0; 2336 2337 .Image img { 2338 max-width: 100%; 2339 } 2340 } 2341 .dev-RotatorBoxes .slick-slider .slick-track { 2342 padding: 25px 0; 2343 } 2344 .dev-RotatorBoxes .slider__item.slick-slide { 2345 display: flex !important; 2346 align-items: center; 2347 justify-content: center; 2348 /*padding: 0 15px;*/ 2349 } 2350 .slick-prev:before, .slick-next:before { 2351 font-family: 'slick'; 2352 font-size: 2.125rem; 2353 opacity: 1; 2354 color: var(--paletteColor1); 2355 } 2356 .slick-next { 2357 right: -5px; 2358 z-index: 10; 2359 } 2360 .slick-prev { 2361 left: -20px; 2362 z-index: 10; 2363 } 2364 .dev-RotatorBoxes .slider__item .c-section-boxes__inner-box { 2365 /*max-width: 600px;*/ 2366 min-height: 220px; 2367 /*background: #ffffff;*/ 2368 /*box-shadow: 0px 4px 18.5px 0px rgba(0, 0, 0, 0.15);*/ 2369 /*--boxInnerPadding: 40px 20px;*/ 2370 /*border-radius: 20px;*/ 2371 /*-webkit-box-shadow: 0px 4px 36.4px 5px rgba(0, 0, 0, 0.11);*/ 2372 /*box-shadow: 0px 4px 36.4px 5px rgba(0, 0, 0, 0.11);*/ 2373 } 2374 @media (min-width: 992px) { 2375 .dev-RotatorBoxes .slider__item .c-section-boxes__inner-box { 2376 min-height: 260px; 2377 } 2378 } 2379 2380 @media (min-width: 1300px) { 2381 .dev-RotatorBoxes .slider__item .c-section-boxes__inner-box { 2382 min-width: 280px; 2383 min-height: 220px; 2384 } 2385 } 2386 2387 .dev-RotatorBoxes .slider__item h2 { 2388 text-wrap-style: balance; 2389 } 2390 2391 .slick-dots { 2392 position: absolute; 2393 bottom: -15px; 2394 left: 50%; 2395 z-index: 1; 2396 display: flex; 2397 flex-wrap: wrap; 2398 list-style: none; 2399 margin: 0; 2400 padding: 0; 2401 transform: translate(-50%, 0); 2402 } 2403 2404 .slick-dots li { 2405 padding: 5px; 2406 } 2407 2408 .slick-dots button { 2409 display: block; 2410 width: 13px; 2411 height: 13px; 2412 padding: 0; 2413 font-size: 0; 2414 line-height: 0; 2415 border: none; 2416 background-color: #fff; 2417 border-radius: 50%; 2418 outline: none; 2419 cursor: pointer; 2420 box-shadow: 1px 1px 3px rgba(0, 0, 0, .25); 2421 transition: all .3s ease; 2422 } 2423 2424 .slick-dots .slick-active button { 2425 background-color: var(--paletteColor2); 2426 } 2427 2428.page-blog .c-page--header { 2429 /*--heading1FontSize: 36px;*/ 2430} 2431 2432.section_TeamList.dev-borderBottomLine { 2433 .o-container::after { 2434 clear: both; 2435 content: ""; 2436 display: block; 2437 width: 100%; 2438 background: #000; 2439 height: 2px; 2440 } 2441} 2442 2443.page-wcg-in-the-news { 2444.box-copy { 2445 font-family: Georgia, serif; 2446 /*max-width: 800px;*/ 2447 /*margin: 0 auto;*/ 2448 padding: 2rem 1rem; 2449 color: #333; 2450} 2451 2452.box-copy > p strong { 2453 display: block; 2454 font-size: 1.5rem; 2455 margin-bottom: 0.25rem; 2456 /*color: #1a1a1a;*/ 2457 padding-top: 1.5rem; 2458} 2459 2460.box-copy ul.mt0 + p { 2461 border-bottom: 1px solid #ccc; 2462 width: 100%; 2463} 2464 2465.box-copy > p.mb0 strong { 2466 border-top: 1px solid #ccc; /* top border before title */ 2467} 2468 2469.box-copy p { 2470 margin: 0.5rem 0; 2471 font-size: 1rem; 2472 line-height: 1.6; 2473} 2474 2475.box-copy a.c-btn { 2476 /*display: inline-block;*/ 2477 /*color: #005f73;*/ 2478 /*text-decoration: none;*/ 2479 /*font-weight: 500;*/ 2480 /*margin-top: 0.5rem;*/ 2481 /*padding-bottom: 1.5rem;*/ 2482 border-bottom: 1px solid #ccc; /* bottom border after button */ 2483} 2484 2485.box-copy a.c-btn:hover { 2486 text-decoration: underline; 2487} 2488 2489.box-copy ul { 2490 font-size: 0.9rem; 2491 margin: 1rem 0 2rem; 2492 padding-left: 1.2rem; 2493 color: #666; 2494} 2495 2496.box-copy ul li { 2497 margin-bottom: 0.5rem; 2498} 2499 2500.box-copy p.mb0 { 2501 margin-top: 1.5rem; 2502 font-size: 0.85rem; 2503 font-weight: bold; 2504 text-transform: uppercase; 2505 color: #999; 2506 letter-spacing: 0.5px; 2507 margin-bottom: 0.25rem; 2508 width: 100%; 2509} 2510 2511&:not(.e-page__edit-mode) .box-copy p.mb0 { 2512 display: none; 2513} 2514&:not(.e-page__edit-mode) .box-copy ul { 2515 display: none; 2516} 2517 2518.fancybox-stage p.mb0 { 2519 margin-top: 1.5rem; 2520 font-size: 0.85rem; 2521 font-weight: bold; 2522 text-transform: uppercase; 2523 color: #999; 2524 letter-spacing: 0.5px; 2525 margin-bottom: 0.25rem; 2526 width: 100%; 2527} 2528 2529.fancybox-stage p strong { 2530 display: block; 2531 font-size: 1.5rem; 2532 margin-bottom: 0.25rem; 2533 /*color: #1a1a1a;*/ 2534} 2535 2536.box-copy > p + p { 2537 margin-top: 0.25rem; 2538} 2539 2540/* Remove old border logic based on p strong not first */ 2541.box-copy > p strong:not(:first-of-type) { 2542 margin-top: 0; 2543 padding-top: 0; 2544 border-top: none; 2545} 2546 2547@media (min-width: 992px) { 2548 .box-copy > p:not(.mb0) strong { 2549 /*padding-left: 200px;*/ 2550 } 2551 .box-copy > p + p:not(.mb0) { 2552 padding-left: 200px; 2553 } 2554 .box-copy p:first-child { 2555 border-top: 1px solid #ccc; 2556 padding-left: 200px; 2557 width: 100%; 2558 } 2559 .c-btn.sectionButtonHover { 2560 margin-left: 200px; 2561 } 2562} 2563 2564 2565.box-copy a.c-btn[href*="#"] { 2566 display: none; 2567} 2568 2569} 2570 2571/*Flip Card Teams*/ 2572.dev-flipCardsTeam { 2573 --teamContainerGap: 1rem; 2574 --teamContainerJustifyContent: center; 2575 --headingMaxFontSizeRem: 2; 2576 --headingColor: #ffffff; 2577} 2578 2579.dev-flipCardsTeam .flip-card { 2580 background-color: transparent; 2581 width: 400px; 2582 height: 400px; 2583 perspective: 1000px; 2584 margin: 5px auto; 2585} 2586 2587@media only screen and (min-width: 992px){ 2588 .dev-flipCardsTeam .flip-card { 2589 margin: 0px; 2590 } 2591} 2592 2593.dev-flipCardsTeam .flip-card-inner { 2594 position: relative; 2595 width: 100%; 2596 height: 100%; 2597 text-align: center; 2598 transition: transform 0.6s; 2599 transform-style: preserve-3d; 2600 box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); 2601} 2602 2603.dev-flipCardsTeam .flip-card-front { 2604 background-repeat: no-repeat; 2605 background-size: cover; 2606} 2607 2608/*.dev-flipCardsTeam .flip-card-front h1 {*/ 2609/* width: 100%;*/ 2610/* height: 100%;*/ 2611/* display: flex;*/ 2612/* justify-content: start;*/
2613/* align-items: end;*/ 2614/* background-color: #0000002e;*/ 2615/* margin: 0;*/ 2616/* color: white;*/ 2617/* text-transform: capitalize;*/ 2618/* padding: 10px 20px;*/ 2619/* text-align: left;*/ 2620/*}*/ 2621 2622.dev-flipCardsTeam .flip-card-front { 2623 width: 100%; 2624 height: 100%; 2625 display: flex; 2626 flex-direction: column; 2627 justify-content: end; 2628 align-items: start; 2629 background-color: #0000002e; 2630 margin: 0; 2631 color: white; 2632 text-transform: capitalize; 2633 padding: 10px 20px; 2634 text-align: left; 2635} 2636 2637 2638.dev-flipCardsTeam .flip-card-front::before { 2639 content: ""; 2640 position: absolute; 2641 width: 100%; 2642 height: 100%; 2643 background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.76) 100%); 2644 top: 0; 2645 left: 0; 2646} 2647 2648.dev-flipCardsTeam .flip-card-front h1, 2649.dev-flipCardsTeam .flip-card-front h3 { 2650 z-index: 2; 2651} 2652 2653.dev-flipCardsTeam .flip-card-back { 2654 z-index: 3; 2655} 2656 2657.dev-flipCardsTeam .flip-card:hover .flip-card-inner { 2658 transform: rotateY(180deg); 2659} 2660 2661.dev-flipCardsTeam .flip-card-front, .flip-card-back { 2662 position: absolute; 2663 width: 100%; 2664 height: 100%; 2665 -webkit-backface-visibility: hidden; 2666 backface-visibility: hidden; 2667} 2668 2669.dev-flipCardsTeam .flip-card-back { 2670 background-color: var(--paletteColor3); 2671 color: white; 2672 transform: rotateY(180deg); 2673 padding: 40px 0px; 2674 display: flex; 2675 justify-content: center; 2676 align-items: start; 2677 flex-direction: column; 2678 padding: 20px; 2679 text-align: left; 2680} 2681 2682 2683.dev-flipCardsTeam .flipCardButton{ 2684 padding: 10px 20px; 2685 background-color: #fff; 2686 color: #111; 2687} 2688 2689.dev-flipCardsTeam a.flipCardButton { 2690 color: #111 !important; 2691 text-transform: uppercase; 2692 font-weight: 700; 2693 letter-spacing: 1.5px; 2694} 2695 2696.flip-card-back h2 { 2697 font-size: 1.7em; 2698} 2699 2700.flip-card-front h3, 2701.flip-card-back h3 { 2702 font-size: 1em; 2703 font-family: var(--bodyFontFamily); 2704} 2705 2706.dev-flipCardsTeam .flip-card-back h1, .dev-flipCardsTeam .flip-card-back h3, .dev-flipCardsTeam .flip-card-back a { 2707 color: #fff; 2708} 2709 2710.dev-flipCardsTeam h4, .dev-flipCardsTeam p:first-of-type, .dev-flipCardsTeam .c-team-member__social-icns { 2711 display: none; 2712} 2713 2714.dev-statesAndMap-Combined { 2715 .o-grid__collapse.primaryGrid { 2716 --defaultSectionGridDisplay: flex; 2717 --defaultSectionGridFlexFlow: column; 2718 } 2719 @media (min-width: 992px) { 2720 .o-grid__collapse.primaryGrid { 2721 --defaultSectionGridFlexFlow: row; 2722 } 2723 .dev-statesAndMap.section_SimpleText { 2724 flex-basis: 33%; 2725 } 2726 .dev-statesAndMap.section_Html { 2727 flex-basis: 66%; 2728 } 2729 } 2730 .accordionContent > p { 2731 transform: translateX(0px); 2732 transition: all 0.3s ease; 2733 } 2734 .accordionContent > p:hover { 2735 transform: translateX(10px); 2736 } 2737} 2738 2739.dev-heroRotator { 2740 --rotatorSummaryWidth: var(--headerWidth); 2741 --rotatorSummaryLeft: 0 !important; 2742 --rotatorSummaryRight: 0 !important; 2743 2744 &.section_Rotator .o-container .o-grid__collapse .owl-item .c-rotator-item .c-rotator-summary__box { 2745 margin: 0 auto; 2746 padding-left: 2%; 2747 padding-right: 2%; 2748 } 2749 2750 .c-rotator-summary__box > *{ 2751 max-width: 740px; 2752 margin-right: auto; 2753 } 2754} 2755 2756.homepage .dev-RotatorBoxes { 2757 .c-section-boxes__inner-box .c-box__title { 2758 margin-top: 30px; 2759 } 2760 .c-section-boxes__inner-box .c-box__paragraph { 2761 margin-bottom: 30px; 2762 } 2763} 2764 2765.dev-team-totPopup .c-team-section__container .c-team-list__section--developer .c-team-member__portrait::before { 2766 border-radius: 50%; 2767} 2768 2769.dev-team-totPopup .c-team-section__container .c-team-list__section--developer .c-team-member__portrait a::before { 2770 border-radius: 50%; 2771} 2772.dev-team-totPopup .c-team-section__container .c-team-list__section--developer .c-team-member__portrait a::after { 2773 border-radius: 50%; 2774} 2775.dev-team-totPopup .c-team-section__container .c-team-list__section--developer .c-team-member__portrait .c-team-list__img--developer { 2776 border-radius: 50%; 2777} 2778 2779/*Custom Blog Page Layout- 3 box grid*/ 2780.page-blog { 2781 .o-ui-list.c-posts:not(.show-all), 2782 .c-posts.open { 2783 display: grid; 2784 @media (min-width: 992px) { 2785 grid-template-columns: repeat(3, 1fr); 2786 } 2787 gap: 2rem; 2788 border: none; 2789 } 2790 .o-ui-list__item.c-post.c-post__list { 2791 /*display: flex;*/ 2792 /*flex-flow: column;*/ 2793 /*margin-top: 0;*/ 2794 /*padding-top: 0;*/ 2795 /*border-top: none;*/ 2796 } 2797 .c-post__image { 2798 /*width: calc(100% - 20px);*/ 2799 } 2800 /*.c-post__content {*/ 2801 /* width: auto;*/ 2802 /*}*/ 2803} 2804 2805.page-blog .dev-SubpageHero { 2806 background-color: #EEE8E2; 2807} 2808 2809.page-blog .dev-SubpageHero .o-container { 2810 padding-top: 100px; 2811 padding-bottom: 100px; 2812} 2813.page-blog .dev-SubpageHero .c-page--header { 2814 /*--heading1FontSize: 36px;*/ 2815 text-align: left; 2816 padding: 0; 2817} 2818 2819.c-post-author .c-post-author__image, 2820.c-post-header__date, 2821.page-blog .c-post-summary { 2822 display: none; 2823} 2824 2825 2826 .page-blog .c-post__image { 2827 min-height: 140px; 2828 } 2829 .page-blog .c-post__image, 2830.page-blog .c-post__image a { 2831 width: 100%; 2832 display: block; 2833 margin: 0; 2834 float: none; 2835} 2836 2837 2838.page-blog .c-post__image img { 2839 width: auto; 2840 max-width: 300px; 2841 max-height: 130px; 2842 object-fit: contain; 2843 margin: 0; 2844} 2845 2846body[class*="page-blog-"] .c-post-header__image { 2847 width: auto; 2848 max-width: 300px; 2849 max-height: 180px; 2850 object-fit: contain; 2851 margin-bottom: 0; 2852} 2853 2854.page-blog .o-ui-list__item.c-post.c-post__list { 2855 display: flex; 2856 flex-flow: column; 2857 margin-top: 0; 2858 padding: 25px; 2859 box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.4); 2860 border: none ; 2861} 2862 2863.page-blog .c-post__content { 2864 --lineColor: rgba(0, 0, 0, 0.5); 2865 --lineWidth: 1px; 2866 display: flex; 2867 flex-flow: column; 2868 align-items: flex-start; 2869 height: 100%; 2870 width: 100%; 2871 margin: 0; 2872 /*padding: 20px;*/ 2873} 2874 2875@media (min-width: 992px) { 2876 .page-blog .c-post__content { 2877 /*min-height: 280px;*/ 2878 } 2879} 2880 2881.page-blog .c-post__content .c-post-header { 2882 display: flex; 2883 flex-flow: column; 2884 margin-bottom: 0; 2885} 2886.page-blog .c-post__content .c-btn { 2887 margin-top: auto; 2888} 2889 2890.c-post-header__title { 2891 --heading1FontSize: 2.5rem; 2892 --heading2FontSize: 1.25rem; 2893 --heading2LineHeight: 1.5; 2894 --headingMarginTop: 20px; 2895 --headingMarginBottom: 15px; 2896 max-width: 800px; 2897 margin-top: 20px; 2898 /*text-wrap-style: pretty;*/ 2899} 2900 2901body[class*="page-blog-"] .c-post-header__title { 2902 margin-top: 0; 2903} 2904 2905.c-posts .c-post-details { 2906 /*margin: 0;*/ 2907} 2908 2909.page-blog .c-post-header__title { 2910 /*margin-bottom: 15px;*/ 2911 /*order: 1;*/ 2912 /*font-family: var(--bodyFontFamily);*/ 2913} 2914 2915.c-posts .c-post-details .c-post-author__text { 2916 font-size: 1rem; 2917 font-style: italic; 2918 /*font-family: var(--headingFontFamily);*/ 2919} 2920 2921.page-investment-management .dev-cta-TextForm { 2922 --defaultSectionGridFlexFlow: row; 2923 --defaultSectionGridAlignItems: center; 2924 --defaultSectionGridGap: 3rem; 2925 --mobileDefaultSectionGridFlexFlow: column-reverse; 2926} 2927</style><style> 2928/* Hide Box Styling */
2929body:not(.e-page__edit-mode) .section_Boxes .box.hide-box { 2930 --boxDisplay: none; 2931 --boxDisplayHover: none; 2932 display: none; 2933} 2934 2935.align-Start { 2936 --defaultSectionGridJustifyContent: flex-start; 2937} 2938 2939/* Media Boxes */ 2940 2941.section_Boxes.section.dev-mediaBoxes { 2942 --defaultSectionGridJustifyContent: flex-start; 2943 /*--headingFontFamily: var(--bodyFontFamily);*/ 2944 --headingMarginTop: 0; 2945 --heading2LineHeight: 1.4; 2946 --heading2FontSize: 1.2rem; 2947 --heading2FontWeight: 600; 2948 --boxShadow: 0px 2px 7px rgba(0, 0, 0, 0.4); 2949 --boxInnerPadding: 25px 15px; 2950 /*--boxBorderWidth: 2px;*/ 2951 /*--boxBorderHoverColor: rgba(0, 0, 0, 0.5);*/ 2952 /*--boxBorderColor: rgba(0, 0, 0, 0.5);*/ 2953} 2954.section_Boxes.section.dev-mediaBoxes .c-grid__item.box .c-section-boxes__inner-box { 2955 text-wrap-style: pretty; 2956 /*box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.4);*/ 2957} 2958 2959@media (min-width: 992px) and (max-width: 11500px) { 2960 .section_Boxes.section.dev-mediaBoxes .c-grid__item.box .c-section-boxes__inner-box .c-box__title { 2961 /*min-height: 65px;*/ 2962 } 2963} 2964.section_Boxes.section.dev-mediaBoxes .c-grid__item.box .c-section-boxes__inner-box .c-box__paragraph { 2965 --boxParagraphDisplay: flex; 2966 --boxParagraphDisplayHover: flex; 2967 flex-flow: column; 2968 /*height: 100%;*/ 2969 flex: 1; 2970} 2971 2972.dev-mediaBoxes .accordion-Accessible { 2973 --accordionHeaderBackgroundColor: transparent; 2974 --accordionHeaderBackgroundHoverColor: transparent; 2975 --accordionContentBackgroundColor: transparent; 2976 --accordionHeaderTextColor: #000; 2977 --accordionHeaderPadding: 15px 29px 15px 0px; 2978 --accordionContentVerticalPadding: 20px; 2979 --accordionContentSidePadding: 0px; 2980 --boxShadow: none; 2981 --accordionHeaderArrowSize: 2px; 2982 --accordionHeaderArrowTopPosition: 20px; 2983 margin-top: auto; 2984} 2985.dev-mediaBoxes .accordion-Accessible li.accordionItem .accordionHeader { 2986 --headingFontWeight: 600; 2987 border-top: 1px solid rgba(0, 0, 0, 0.5); 2988 border-bottom: 1px solid rgba(0, 0, 0, 0.5); 2989} 2990 2991@media (min-width: 992px) { 2992 .dev-mediaBoxes .accordion-Accessible li.accordionItem .accordionHeader { 2993 margin-top: 20px; 2994 } 2995} 2996 2997.accordion-Accessible li.accordionItem .accordionContent { 2998 text-wrap-style: balance; 2999 padding-right: 20px; 3000} 3001.dev-mediaBoxes .accordion-Accessible li.accordionItem ul { 3002 list-style-type: disc; 3003 margin-left: 0; 3004} 3005.dev-mediaBoxes .accordion-Accessible li.accordionItem ul li { 3006 font-size: 14px; 3007} 3008 3009.dev-mediaBoxes .c-section-boxes__inner-box .c-box__paragraph>p { 3010 margin-top: 10px; 3011 margin-bottom: 10px; 3012 line-height: 1.6; 3013} 3014 3015 3016/* Misc */ 3017hr { 3018 border: none; 3019 border-top: 1px solid rgba(0,0,0,0.5); 3020 width: 100%; 3021 padding: 0; 3022 /*margin: 0;*/ 3023} 3024.section ul:not(.accordion) li { 3025 margin-bottom: 15px; 3026} 3027.row.dev-ModalInner .ContactInfo a { 3028 display: block; 3029} 3030 3031.dev-ModalWrapper .dev-team-totPopup .ContactInfo a[href*="mailto:"]::before, 3032.dev-ModalWrapper .dev-team-totPopup .ContactInfo a[href*="tel:"]::before { 3033 display: inline-flex; 3034 justify-content: center; 3035 align-items: center; 3036 width: 25px; 3037 min-width: 25px; 3038 height: 30px; 3039 border-radius: 50%; 3040 font-size: 16px; 3041 font-family: fontawesome; 3042 color: var(--paletteColor1); 3043 margin-right: 10px; 3044} 3045 3046.dev-ModalWrapper .dev-team-totPopup .c-team-member__info a[href*="mailto:"]::before { 3047 content:"\f0e0"; 3048} 3049.dev-ModalWrapper .dev-team-totPopup .c-team-member__info a[href*="tel:"]::before { 3050 content:"\f095"; 3051} 3052 3053.dev-ModalInner.dev-team-totPopup .c-team-member__info { 3054 padding: 15px 0; 3055} 3056.dev-ModalInner.dev-team-totPopup .ContactInfo { 3057 display: flex; 3058 flex-flow: column; 3059 gap: 2px; 3060 margin-bottom: 20px; 3061} 3062 3063.dev-ModalInner.dev-team-totPopup .ContactInfo .socialWrapper { 3064 display: flex; 3065 flex-flow: row; 3066 gap: 8px; 3067 margin-top: 10px; 3068} 3069 3070</style> 3071 3072 <!--[if lt IE 9]> 3073
3073<script type="text/javascript" src="//static.fmgsuite.com/site/templates/shared/scripts/html5shiv.min.js?v=2.86.45.30851.739"></script>
3073 3074
3074<script type="text/javascript" src="//static.fmgsuite.com/site/templates/shared/scripts/html5shiv-printshiv.min.js?v=2.86.45.30851.739"></script>
3074 3075
3075<script type="text/javascript" src="//static.fmgsuite.com/site/templates/shared/scripts/respond.js?v=2.86.45.30851.739"></script>
3075 3076 <link rel="stylesheet" type="text/css" media="" href="//static.fmgsuite.com/site/templates/bootstrap/3.3.4/css/bootstrap-disable-responsive.css?v=2.86.45.30851.739" /> 3077 <![endif]--> 3078 3079 3080 3081
3082<script async type="text/javascript"> 3083 var FMG = { 3084 "RootLocation": "https://www.wealthcg.com/", 3085 "SecureLocation": "https://www.library-messages.com/e1206038-6112-4df6-91b0-64ccf9f60d99/", 3086 "PrimaryLocation": "https://www.wealthcg.com/", 3087 "LeavingSiteDisclaimer": null, 3088 "PartyPublicIdentifier": "419531", 3089 "EbookBGType": "0" 3090 }; 3091</script>
3091 3092
3093<script data-fmg-blocked=""> 3094 (function(h,o,u,n,d) { 3095 h=h[d]=h[d]||{q:[],onReady:function(c){h.q.push(c)}} 3096 d=o.createElement(u);d.async=1;d.src=n 3097 n=o.getElementsByTagName(u)[0];n.parentNode.insertBefore(d,n) 3098 })(window,document,'script','https://www.datadoghq-browser-agent.com/us1/v5/datadog-rum.js','DD_RUM') 3099 3100 window.DD_RUM.onReady(function () { 3101 let botPattern = "(googlebot\/|bot|Googlebot-Mobile|Googlebot-Image|Google favicon|Mediapartners-Google|bingbot|slurp|java|wget|curl|Commons-HttpClient|Python-urllib|libwww|httpunit|nutch|phpcrawl|msnbot|jyxobot|FAST-WebCrawler|FAST Enterprise Crawler|biglotron|teoma|convera|seekbot|gigablast|exabot|ngbot|ia_archiver|GingerCrawler|webmon |httrack|webcrawler|grub.org|UsineNouvelleCrawler|antibot|netresearchserver|speedy|fluffy|bibnum.bnf|findlink|msrbot|panscient|yacybot|AISearchBot|IOI|ips-agent|tagoobot|MJ12bot|dotbot|woriobot|yanga|buzzbot|mlbot|yandexbot|purebot|Linguee Bot|Voyager|CyberPatrol|voilabot|baiduspider|citeseerxbot|spbot|twengabot|postrank|turnitinbot|scribdbot|page2rss|sitebot|linkdex|Adidxbot|blekkobot|ezooms|dotbot|Mail.RU_Bot|discobot|heritrix|findthatfile|europarchive.org|NerdByNature.Bot|sistrix crawler|ahrefsbot|Aboundex|domaincrawler|wbsearchbot|summify|ccbot|edisterbot|seznambot|ec2linkfinder|gslfbot|aihitbot|intelium_bot|facebookexternalhit|yeti|RetrevoPageAnalyzer|lb-spider|sogou|lssbot|careerbot|wotbox|wocbot|ichiro|DuckDuckBot|lssrocketcrawler|drupact|webcompanycrawler|acoonbot|openindexspider|gnam gnam spider|web-archive-net.com.bot|backlinkcrawler|coccoc|integromedb|content crawler spider|toplistbot|seokicks-robot|it2media-domain-crawler|ip-web-crawler.com|siteexplorer.info|elisabot|proximic|changedetection|blexbot|arabot|WeSEE:Search|niki-bot|CrystalSemanticsBot|rogerbot|360Spider|psbot|InterfaxScanBot|Lipperhey SEO Service|CC Metadata Scaper|g00g1e.net|GrapeshotCrawler|urlappendbot|brainobot|fr-crawler|binlar|SimpleCrawler|Livelapbot|Twitterbot|cXensebot|smtbot|bnf.fr_bot|A6-Indexer|ADmantX|Facebot|Twitterbot|OrangeBot|memorybot|AdvBot|MegaIndex|SemanticScholarBot|ltx71|nerdybot|xovibot|BUbiNG|Qwantify|archive.org_bot|Applebot|TweetmemeBot|crawler4j|findxbot|SemrushBot|yoozBot|lipperhey|y!j-asr|Domain Re-Animator Bot|AddThis)"; 3102 3103 let regex = new RegExp(botPattern, 'i'); 3104 3105 // Set the session sample rate to 0 if the user agent matches any known bots 3106 let conditionalSampleRate = regex.test(navigator.userAgent) ? 0 : .025 3107 3108 window.DD_RUM.init({ 3109 clientToken: 'pub01ff75491ac52c89c0770a5b96a0cb50', 3110 applicationId: '4f1a5a1e-ac0b-48dd-9db8-a3c9ec1bb028', 3111 site: 'datadoghq.com', 3112 service: 'cms', 3113 env: 'prod', 3114 version: 'cms-main-739', 3115 allowedTracingUrls: [{ match: "https://www.wealthcg.com/", propagatorTypes:["datadog"]}], 3116 sessionSampleRate: conditionalSampleRate, 3117 sessionReplaySampleRate: 20, 3118 trackUserInteractions: true, 3119 trackResources: true, 3120 trackLongTasks: true, 3121 defaultPrivacyLevel: 'mask-user-input', 3122 }); 3123 }) 3124</script>
3124 3125 3126<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 65 bytes, lines 3126-3127
3126 3127<script async src="https://www.googletagmanager.com/gtag/js?id=
3127G-90NR43CZBZ
vendor: 13 bytes, line 3127
3127"></script>
3128<script> 3129 window.dataLayer = window.dataLayer || []; 3130 function gtag(){window.dataLayer.push(arguments);} 3131 gtag('js', new Date()); 3132 gtag('config', 'G-90NR43CZBZ', { 'public_id': '419531' }); 3133</script>
3133 3134 3135 3136 3137</head> 3138 3139<body class="subpage page-resource-center-articles"> 3140 3141 3142 3143 3144 3145 3146 3147 3148 3149 3150 3151 <a class="back-to-top" href="#top" role="button" aria-label="Click to return to the top of the page"><i class="fa fa-angle-up"></i></a> 3152 3153 3154 3155 3156 3157 3158<header class="c-header c-header-modern c-header-modern--withtopbar c-header--optimized " > 3159 3160 3161 3162 3163 <div class="c-topbar" > 3164 <div class="c-topbar__container o-container" style=""> 3165 <div class="c-topbar__inner" style="color:;"> 3166 <div class="c-topbar-cta-links"> 3167 3168<div class="c-social-media"> 3169 <a class="c-social-media--link br-twitter" href="https://x.com/WealthCG" target="_blank" rel="noopener noreferrer" aria-label="Twitter"><i class="fa fa-twitter" aria-hidden="true"></i></a> 3170 <a class="c-social-media--link br-linkedin" href="https://www.linkedin.com/company/the-wealth-consulting-group" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn"><i class="fa fa-linkedin" aria-hidden="true"></i></a> 3171 3172</div> <div class="c-header-btn"> 3173 <a href="#" class="c-header-btn--link" style="" > 3174 3175 </a> 3176 </div> 3177 </div> 3178 </div> 3179 </div> 3180 </div> 3181 <div class="c-header--overylay" style=""> 3182 <div class="c-header__container o-container" style=""> 3183 <div class="c-header__inner"> 3184 <div class="c-template__logo"> 3185 3186 3187 3188 3189 <a href="https://www.wealthcg.com/" class="c-logo--link"> 3190 <img id="agentLogo" src="//static.fmgsuite.com/media/TransparentLogo/variantSize/75ea31e6-2bae-4a7f-bd8e-2ac45b669532.png" class="c-logo--image img-responsive" alt="The Wealth Consulting Group Home" /> 3191 </a> 3192 3193 </div> 3194 3195 <div class="c-header-content "> 3196 3197 3198 3199<nav id="mainNav" data-tag="qa-nav-007" class="c-topnav__navbar c-nav-Modern c-nav-text--center c-header--optimized" style=""> 3200 <div class="c-topnav__outer-wrapper"> 3201 <div class="c-topnav__navbar-btn"> 3202 <button type="button" class="c-navbar__toggle js-navbar__toggle"> 3203 <span class="sr-only">Menu</span> 3204 <div class="c-hambuger-bar c-center-bar"></div> 3205 </button> 3206 </div> 3207 <div class="c-template__logo--mobile "> 3208 3209 3210 3211 3212 <a href="https://www.wealthcg.com/" class="c-logo--link"> 3213 <img id="agentLogoMobile" src="//static.fmgsuite.com/media/TransparentLogo/variantSize/75ea31e6-2bae-4a7f-bd8e-2ac45b669532.png" class="c-logo--image img-responsive" alt="The Wealth Consulting Group Home" /> 3214 </a> 3215 3216 </div> 3217 3218 3219 <div class="c-topnav__navwrapper js-circle-nav"> 3220<ul class="c-topnav__container"><li class="c-topnav__menu-item c-nav__dropdown"><a class="c-topnav__menu-text" href="https://www.wealthcg.com/" role="button" aria-expanded="false"><span>Home</span></a></li><li class="c-topnav__menu-item c-nav__dropdown"><a class="c-topnav__menu-text" href="https://www.wealthcg.com/about-us" role="button" aria-expanded="false"><span>Who We Are</span></a><a class="js-dropdown__toggle" href="javascript:void(0)" data-toggle="dropdown" target="_self" role="button" aria-label="Toggle menu item"><span><span class="subnavButton"> </span><span class="angleDown angleLeft"></span><span class="angleDown angleRight"></span></span></a><ul class="c-topnav__submenu js-accordion__submenu"><li class="c-topnav__submenu-item"><a href="https://www.wealthcg.com/meet-the-team">Meet the Team</a></li><li class="c-topnav__submenu-item"><a href="https://www.wealthcg.com/partner-locations">Find an Advisor</a></li><li class="c-topnav__submenu-item"><a href="https://www.wealthcg.com/wcg-disclosures">Disclosures</a></li></ul></li><li class="c-topnav__menu-item c-nav__dropdown"><a class="c-topnav__menu-text" href="https://www.wealthcg.com/our-services" role="button" aria-expanded="false"><span>What We Do</span></a><a class="js-dropdown__toggle" href="javascript:void(0)" data-toggle="dropdown" target="_self" role="button" aria-label="Toggle menu item"><span><span class="subnavButton"> </span><span class="angleDown angleLeft"></span><span class="angleDown angleRight"></span></span></a><ul class="c-topnav__submenu js-accordion__submenu"><li class="c-topnav__submenu-item"><a href="https://www.wealthcg.com/investment-management">Investment Management</a></li><li class="c-topnav__submenu-item"><a href="https://www.wealthcg.com/financial-planning">Financial Planning</a></li><li class="c-topnav__submenu-item"><a href="https://www.wealthcg.com/insurance-risk-management">Insurance & Risk Management</a></li><li class="c-topnav__submenu-item"><a href="https://www.wealthcg.com/executive-benefits#corporate-retirement-plans">Corporate Retirement Plans</a></li><li class="c-topnav__submenu-item"><a href="https://www.wealthcg.com/executive-benefits">Exec/Employee Benefits</a></li><li class="c-topnav__submenu-item"><a href="https://www.wealthcg.com/value-based-investing">Values-Based Investing</a></li></ul></li><li class="c-topnav__menu-item c-nav__dropdown"><a class="c-topnav__menu-text" href="https://www.wealthcg.com/blog" role="button" aria-expanded="false"><span>Thought Leadership</span></a><a class="js-dropdown__toggle" href="javascript:void(0)" data-toggle="dropdown" target="_self" role="button" aria-label="Toggle menu item"><span><span class="subnavButton"> </span><span class="angleDown angleLeft"></span><span class="angleDown angleRight"></span></span></a><ul class="c-topnav__submenu js-accordion__submenu"><li class="c-topnav__submenu-item"><a href="https://www.wealthcg.com/blog">Better Thinking</a></li><li class="c-topnav__submenu-item"><a href="https://www.wealthcg.com/in-the-media-1b28e">In The Media</a></li><li class="c-topnav__submenu-item"><a href="https://www.wealthcg.com/awards-recognition">Awards & Recognition</a></li></ul></li><li class="c-topnav__menu-item c-nav__dropdown"><a class="c-topnav__menu-text" href="https://www.wealthcg.com/account-access" role="button" aria-expanded="false"><span>Client Login</span></a></li><li class="c-topnav__menu-item c-nav__dropdown"><a class="c-topnav__menu-text" href="https://www.wealthcg.com/contact" role="button" aria-expanded="false"><span>Lets Talk</span></a></li></ul> 3221 3222 <div class="c-header-nav--btn"> 3223 <a href="#" class="c-header-nav-btn--link"> 3224 3225 3226 </a> 3227 </div> 3228 3229 </div> 3230 <div class="c-circle js-circle__expand"></div> 3231 <!--/.navbar-collapse --> 3232 </div> 3233</nav> </div> 3234 </div> 3235 </div> 3236 </div> 3237</header> 3238 3239 3240 3241 3242 3243 <div class="body-container">
3244 <section id="content" class="o-content__container"> 3245 3246 <div class="o-container"> 3247 <div class="o-container__item"> 3248 <div class="o-grid__collapse"> 3249 3250 <h1 class="c-page--header">Latest Articles</h1> 3251 3252 3253 3254 3255 3256<section id="allTypeContent" class="c-content__list"> 3257 <section class="matter left"> 3258 <div class="list-content"> 3259 <h2>Retirement</h2> 3260 3261 <ul> 3262 <li> 3263 <a href="https://www.wealthcg.com/resource-center/retirement/how-retirement-spending-changes-with-time">How Retirement Spending Changes With Time</a> 3264 </li> 3265 <li> 3266 <a href="https://www.wealthcg.com/resource-center/retirement/understanding-qualified-charitable-distributions">Understanding Qualified Charitable Distributions</a> 3267 </li> 3268 <li> 3269 <a href="https://www.wealthcg.com/resource-center/retirement/women-and-wealth">Women and Wealth: A Pivot Towards Retirement</a> 3270 </li> 3271 <li> 3272 <a href="https://www.wealthcg.com/resource-center/retirement/split-annuity-strategy">Split Annuity Strategy</a> 3273 </li> 3274 <li> 3275 <a href="https://www.wealthcg.com/resource-center/retirement/roth-ira-for-kids">Roth IRA for Kids</a> 3276 </li> 3277 <li> 3278 <a href="https://www.wealthcg.com/resource-center/retirement/ai-tools-changing-retiree-entrepreneurship">AI Tools Changing Retiree Entrepreneurship</a> 3279 </li> 3280 <li> 3281 <a href="https://www.wealthcg.com/resource-center/retirement/how-women-can-prepare-for-retirement">How Women Can Prepare For Retirement</a> 3282 </li> 3283 <li> 3284 <a href="https://www.wealthcg.com/resource-center/retirement/fire-retirement">FIRE Retirement</a> 3285 </li> 3286 <li> 3287 <a href="https://www.wealthcg.com/resource-center/retirement/women-on-the-rise">Women on the Rise</a> 3288 </li> 3289 <li> 3290 <a href="https://www.wealthcg.com/resource-center/retirement/saving-early-letting-time-work-for-you">Saving Early & Letting Time Work For You</a> 3291 </li> 3292 </ul> 3293 </div> 3294 </section> 3295 <section class="matter "> 3296 <div class="list-content"> 3297 <h2>Estate</h2> 3298 3299 <ul> 3300 <li> 3301 <a href="https://www.wealthcg.com/resource-center/estate/and-the-executor-is">And the Executor Is</a> 3302 </li> 3303 <li> 3304 <a href="https://www.wealthcg.com/resource-center/estate/3-estate-challenges-for-blended-families">3 Estate Challenges for Blended Families</a> 3305 </li> 3306 <li> 3307 <a href="https://www.wealthcg.com/resource-center/estate/trends-in-charitable-giving">Trends in Charitable Giving</a> 3308 </li> 3309 <li> 3310 <a href="https://www.wealthcg.com/resource-center/estate/problems-with-probate">Problems with Probate</a> 3311 </li> 3312 <li> 3313 <a href="https://www.wealthcg.com/resource-center/estate/four-steps-to-valuing-an-estate">Four Steps to Valuing an Estate</a> 3314 </li> 3315 <li> 3316 <a href="https://www.wealthcg.com/resource-center/estate/intellectual-property-and-your-estate">Intellectual Property and Your Estate</a> 3317 </li> 3318 <li> 3319 <a href="https://www.wealthcg.com/resource-center/estate/estate-strategies-of-the-rich-and-famous">Estate Strategies of the Rich and Famous</a> 3320 </li> 3321 <li> 3322 <a href="https://www.wealthcg.com/resource-center/estate/how-often-should-you-update-your-estate-strategy">How Often Should You Update Your Estate Strategy?</a> 3323 </li> 3324 <li> 3325 <a href="https://www.wealthcg.com/resource-center/estate/estate-management-checklist">Estate Management Checklist</a> 3326 </li> 3327 <li> 3328 <a href="https://www.wealthcg.com/resource-center/estate/a-brief-history-of-estate-taxes">A Brief History of Estate Taxes</a> 3329 </li> 3330 </ul> 3331 </div> 3332 </section> 3333 <section class="matter left"> 3334 <div class="list-content"> 3335 <h2>Investment</h2> 3336 3337 <ul> 3338 <li> 3339 <a href="https://www.wealthcg.com/resource-center/investment/are-you
3339-ready-for-your-portfolio-to-make-a-difference">Are You Ready for Your Portfolio to Make a Difference?</a> 3340 </li> 3341 <li> 3342 <a href="https://www.wealthcg.com/resource-center/investment/understanding-equity-compensation">Understanding Equity Compensation</a> 3343 </li> 3344 <li> 3345 <a href="https://www.wealthcg.com/resource-center/investment/how-stocks-work">How Stocks Work</a> 3346 </li> 3347 <li> 3348 <a href="https://www.wealthcg.com/resource-center/investment/estimating-the-cost-of-college">Estimating the Cost of College</a> 3349 </li> 3350 <li> 3351 <a href="https://www.wealthcg.com/resource-center/investment/pullbacks-corrections-and-bear-markets">Pullbacks, Corrections, and Bear Markets</a> 3352 </li> 3353 <li> 3354 <a href="https://www.wealthcg.com/resource-center/investment/how-to-invest-in-lgbtq-friendly-companies">How to Invest in LGBTQ+ Friendly Companies</a> 3355 </li> 3356 <li> 3357 <a href="https://www.wealthcg.com/resource-center/investment/the-pros-and-cons-of-an-nua-strategy">The Pros and Cons of an NUA Strategy</a> 3358 </li> 3359 <li> 3360 <a href="https://www.wealthcg.com/resource-center/investment/the-economic-report-of-the-president">Required Reading: The Economic Report of the President</a> 3361 </li> 3362 <li> 3363 <a href="https://www.wealthcg.com/resource-center/investment/the-utility-of-sector-investing">The Utility of Sector Investing</a> 3364 </li> 3365 <li> 3366 <a href="https://www.wealthcg.com/resource-center/investment/the-anatomy-of-an-index">The Anatomy of an Index</a> 3367 </li> 3368 </ul> 3369 </div> 3370 </section> 3371 <section class="matter "> 3372 <div class="list-content"> 3373 <h2>Insurance</h2> 3374 3375 <ul> 3376 <li> 3377 <a href="https://www.wealthcg.com/resource-center/insurance/the-cost-of-medical-care">The Cost of Medical Care</a> 3378 </li> 3379 <li> 3380 <a href="https://www.wealthcg.com/resource-center/insurance/the-value-of-insuring-against-lifes-risks">The Value of Insuring Against Lifeâs Risks</a> 3381 </li> 3382 <li> 3383 <a href="https://www.wealthcg.com/resource-center/insurance/dog-bites-neighbor-now-what-1">Dog Bites Neighbor. Now What?</a> 3384 </li> 3385 <li> 3386 <a href="https://www.wealthcg.com/resource-center/insurance/when-life-insurance-becomes-taxable">When Life Insurance Becomes Taxable</a> 3387 </li> 3388 <li> 3389 <a href="https://www.wealthcg.com/resource-center/insurance/keeping-summer-safe-pool-and-spa-safety-tips-1">Keeping Summer Safe: Pool and Spa Safety Tips</a> 3390 </li> 3391 <li> 3392 <a href="https://www.wealthcg.com/resource-center/insurance/teen-drinking-and-your-liability">Teen Drinking and Your Liability</a> 3393 </li> 3394 <li> 3395 <a href="https://www.wealthcg.com/resource-center/insurance/making-sense-of-a-home-warranty">Making Sense Of A Home Warranty</a> 3396 </li> 3397 <li> 3398 <a href="https://www.wealthcg.com/resource-center/insurance/what-to-look-for-in-an-extended-care-policy">What to Look for in an Extended-Care Policy</a> 3399 </li> 3400 <li> 3401 <a href="https://www.wealthcg.com/resource-center/insurance/inventorying-your-possessions">Inventorying Your Possessions</a> 3402 </li> 3403 <li> 3404 <a href="https://www.wealthcg.com/resource-center/insurance/understanding-extended-care">Understanding Extended Care</a> 3405 </li> 3406 </ul> 3407 </div> 3408 </section> 3409 <section class="matter left"> 3410 <div class="list-content"> 3411 <h2>Tax</h2> 3412 3413 <ul> 3414 <li> 3415 <a href="https://www.wealthcg.com/resource-center/tax/how-income-taxes-work">How Income Taxes Work</a> 3416 </li> 3417 <li> 3418 <a href="https://www.wealthcg.com/resource-center/tax/how-to-make-the-tax-code-work-for-you">How to Make the Tax Code Work for You</a> 3419 </li> 3420 <li> 3421 <a href="https://www.wealthcg.com/resource-center/tax/five-most-overlooked-tax-deductions">Five Most Overlooked Tax Deductions</a> 3422 </li> 3423 <li> 3424 <a href="https://www.wealthcg.com/resource-center/tax/understanding-marginal-income-tax-brackets">Understanding Marginal Income Tax Brackets</a> 3425 </li> 3426 <li> 3427 <a href="https://www.wealthcg.com/resource-center/tax/whats-my-tax-bracket-2026">What's My 2026 Tax Bracket?</a> 3428 </li> 3429 <li> 3430 <a href="https://www.wealthcg.com/resource-center/tax/tax-and-estate-strategies-for-married-lgbtq-couples">Tax & Estate Strategies for Married LGBTQ+ Couples</a> 3431 </li> 3432 <li> 3433 <a href="https://www.wealthcg.com/resource-center/tax/death-is-noexcuse">Filing Final Tax Returns for the Deceased</a> 3434 </li> 3435 <li> 3436 <a href="https://www.wealthcg.com/resource-center/tax/what-do-your-taxes-pay-for">What Do Your Taxes Pay For?</a> 3437 </li> 3438 <li> 3439 <a href="https://www.wealthcg.com/resource-center/tax/do-you-owe-the-amt">Do You Owe The AMT?</a> 3440 </li> 3441 </ul> 3442 </div> 3443 </section> 3444 <section class="matter "> 3445 <div class="list-content"> 3446 <h2>Money</h2> 3447 3448 <ul> 3449 <li> 3450 <a href="https://www.wealthcg.com/resource-center/money/life-and-death-of-a-20-dollar-bill">Life and Death of a Twenty Dollar Bill</a> 3451 </li> 3452 <li> 3453 <a href="https://www.wealthcg.com/resource-center/money/saving-early-and-letting-time-work-for-you">Saving Early & Letting Time Work for You</a> 3454 </li> 3455 <li> 3456 <a href="https://www.wealthcg.com/resource-center/money/the-many-ways-to-measure-inflation">The Many Ways to Measure Inflation</a> 3457 </li> 3458 <li> 3459 <a href="https://www.wealthcg.com/resource-center/money/password-protection-strategies">Password Protection Strategies</a> 3460 </li> 3461 <li> 3462 <a href="https://www.wealthcg.com/resource-center/money/countering-counterfeit-currency">Countering Counterfeit Currency</a> 3463 </li> 3464 <li> 3465 <a href="https://www.wealthcg.com/resource-center/money/weighing-the-benefits-of-prepaid-deb
3465it-cards">Weighing the Benefits of Prepaid Debit Cards</a> 3466 </li> 3467 <li> 3468 <a href="https://www.wealthcg.com/resource-center/money/your-emergency-fund-how-much-is-enough">Your Emergency Fund: How Much Is Enough?</a> 3469 </li> 3470 <li> 3471 <a href="https://www.wealthcg.com/resource-center/money/exploring-the-federal-student-grant-program">Exploring the Federal Student Grant Program</a> 3472 </li> 3473 <li> 3474 <a href="https://www.wealthcg.com/resource-center/money/u-s-personal-savings-rate">U.S. Personal Savings Rate</a> 3475 </li> 3476 <li> 3477 <a href="https://www.wealthcg.com/resource-center/money/the-lowdown-on-those-free-credit-scores">The Lowdown on Those Free Credit Scores</a> 3478 </li> 3479 </ul> 3480 </div> 3481 </section> 3482 <section class="matter left"> 3483 <div class="list-content"> 3484 <h2>Lifestyle</h2> 3485 3486 <ul> 3487 <li> 3488 <a href="https://www.wealthcg.com/resource-center/lifestyle/good-health-is-good-business">Good Health is Good Business</a> 3489 </li> 3490 <li> 3491 <a href="https://www.wealthcg.com/resource-center/lifestyle/debt-stress">Debt Stress</a> 3492 </li> 3493 <li> 3494 <a href="https://www.wealthcg.com/resource-center/lifestyle/raising-healthy-children">Raising Healthy Children</a> 3495 </li> 3496 <li> 3497 <a href="https://www.wealthcg.com/resource-center/lifestyle/tips-to-prevent-marital-rift">Prevent a Rift: Money Tips for Newlyweds</a> 3498 </li> 3499 <li> 3500 <a href="https://www.wealthcg.com/resource-center/lifestyle/financial-aid-for-students-101">Financial Aid for Students 101</a> 3501 </li> 3502 <li> 3503 <a href="https://www.wealthcg.com/resource-center/lifestyle/retiring-wild-national-parks-and-you">Retiring Wild: National Parks and You</a> 3504 </li> 3505 <li> 3506 <a href="https://www.wealthcg.com/resource-center/lifestyle/personal-finance-tips-for-military-families">Personal Finance Tips for Military Families</a> 3507 </li> 3508 <li> 3509 <a href="https://www.wealthcg.com/resource-center/lifestyle/pickleball-in-retirement">Pickleball in Retirement</a> 3510 </li> 3511 <li> 3512 <a href="https://www.wealthcg.com/resource-center/lifestyle/a-path-to-serenity-and-smart-money-choices">A Path to Serenity and Smart Money Choices </a> 3513 </li> 3514 <li> 3515 <a href="https://www.wealthcg.com/resource-center/lifestyle/should-you-choose-a-fixed-or-variable">Fixed or Variable Mortgage, Which Should You Pick?</a> 3516 </li> 3517 </ul> 3518 </div> 3519 </section> 3520 3521 </section> 3522 3523<div class="rule"> </div> 3524 3525 3526 3527 </div> 3528</div> 3529</div> 3530 3531 </section> 3532 </div> 3533 <div class="footer-container"> 3534 <footer> 3535 <section class="o-container c-footer__container"> 3536 <div class="o-grid__collapse">
3537 <div class="c-footer__contact"> 3538<div class="contact"> 3539 <h4>Contact</h4> 3540 <div class="moonlight-contact-information"> 3541 <p class="moonlight-phone">Office: <a href='tel:7022631919'>(702) 263-1919</a></p> 3542 <div class="moonlight-address_block"> 3543 <p class="moonlight-address1">8925 West Post Road</p> 3544 <p class="moonlight-address2">Suite 200</p> 3545 <p> 3546 <span class="moonlight-city">Las Vegas,</span> 3547 <span class="moonlight-region">NV</span> 3548 <span class="moonlight-postalcode">89148</span> 3549 </p> 3550 </div> 3551 3552 <a href="mailto:[email protected]" itemprop="email"> 3553 [email protected] 3554 </a> 3555 </div> 3556 <div class="c-socialMedia"> 3557 <a href="https://x.com/WealthCG" target="_blank" rel="noopener noreferrer" class="twitter" aria-label="Twitter"> 3558 <i class="fa fa-twitter" aria-hidden="true"></i> 3559 </a> 3560 <a href="https://www.linkedin.com/company/the-wealth-consulting-group" target="_blank" rel="noopener noreferrer" class="linkedin" aria-label="LinkedIn"> 3561 <i class="fa fa-linkedin" aria-hidden="true"></i> 3562 </a> 3563 </div> 3564</div> </div> 3565 <div class="c-footer__quick-links"> 3566 <section class="quickLinks"> 3567 <h4>Quick Links</h4> 3568 <ul><li><a href="https://www.wealthcg.com/resource-center/retirement" >Retirement</a></li><li><a href="https://www.wealthcg.com/resource-center/investment" >Investment</a></li><li><a href="https://www.wealthcg.com/resource-center/estate" >Estate</a></li><li><a href="https://www.wealthcg.com/resource-center/insurance" >Insurance</a></li><li><a href="https://www.wealthcg.com/resource-center/tax" >Tax</a></li><li><a href="https://www.wealthcg.com/resource-center/money" >Money</a></li><li><a href="https://www.wealthcg.com/resource-center/lifestyle" >Lifestyle</a></li><li><a href="https://www.wealthcg.com/resource-center/articles" >Latest Articles</a></li><li><a href="https://www.wealthcg.com/resource-center/videos" >All Videos</a></li><li><a href="https://www.wealthcg.com/resource-center/calculators" >All Calculators</a></li></ul> 3569 </section> 3570 </div> 3571 <div class="c-footer__disclosure"> 3572 <section class="note"> 3573 3574<div class="shared__BrokerDealerDisclosure"> 3575 <p class="FormCRS"> LPL <a target="_blank" href="https://www.lpl.com/content/dam/lpl-www/documents/disclosures/lpl-financial-relationship-summary.pdf">Financial Form CRS</a></p> 3576</div> 3577 3578 <p class="boker-check-disclaimer">Check the background of your financial professional on FINRA's <a href="//brokercheck.finra.org/" target="_blank" rel="noopener noreferrer">BrokerCheck</a>.</p> 3579 3580 3581 3582<p class="globalDisclosure">The content is developed from sources believed to be providing accurate information. 3583 The information in this material is not intended as tax or legal advice. Please consult legal or tax professionals 3584 for specific information regarding your individual situation. Some of this material was developed and produced by 3585 FMG Suite to provide information on a topic that may be of interest. FMG Suite is not affiliated with the named 3586 representative, broker - dealer, state - or SEC - registered investment advisory firm. The opinions expressed and 3587 material provided are for general information, and should not be considered a solicitation for the purchase or 3588 sale of any security.</p> 3589 3590 3591<p class="globalPersonalInformationLink"> 3592 We take protecting your data and privacy very seriously. As of January 1, 2020 the <a href="https://oag.ca.gov/privacy/ccpa" target="_blank">California Consumer Privacy Act (CCPA)</a> suggests the following link as an extra measure to safeguard your data: <a href="https://www.wealthcg.com/donotsellmypersonalinformation" target="_self">Do not sell my personal information</a>. 3593</p> 3594 3595 3596 3597 3598 3599 3600 3601 <p class="globalCopyright">Copyright 2026 FMG Suite.</p> 3602 <p class="globalDisclaimer"><p style="text-align: left;">The financial consultants at The Wealth Consulting Group are registered representatives with, and securities are offered through, LPL Financial, Member <a href="http://www.finra.org/" target="_blank" rel="noopener">FINRA</a>/<a href="https://www.sipc.org/" target="_blank" rel="noopener">SIPC</a>. Investment advice offered though WCG Wealth Advisors, LLC (WCG), a registered investment advisor. WCG and The Wealth Consulting Group are separate entities from LPL Financial.</p><p>WCG employs (or contract with) individuals who may be (1) registered representatives of LPL Financial and investment adviser representatives of WCG; or (2) solely investment adviser representatives of WCG. Although all personnel operate their businesses under WCG, they are each possibly subject to differing obligations and limitations and may be able to provide differing products or services.</p><p>The content is developed from sources believed to be providing accurate information. The information in this material is not intended as tax or legal advice or provide the basis of any financial decision. Please consult legal or tax professionals for specific information regarding your individual situation. The opinions expressed and material provided are for general information, and should not be considered a solicitation for the purchase or sale of any security, Nor is intended to be a projection of current or future performance or indication if future results. Investing always involves risk and possible loss of capital.</p><p>The LPL Financial registered representatives associated with this website may discu
3602ss and/or transact business only with residents of the states in which they are properly registered or licensed. No offers may be made or accepted from any resident of any other state.</p><p class="wcg-form-link">WCG <a href="//static.fmgsuite.com/media/documents/35c46697-ce3b-41f6-b3a9-34a35c34a4fd.pdf" target="_blank" rel="noopener">Form CRS</a></p></p> 3603 </section> 3604 </div> 3605 </div> 3606 <div class="o-grid__collapse"> 3607 <div class="c-footer__custom"></div> 3608 </div> 3609 <div class="rule2"> </div> 3610 </section> 3611 </footer> 3612 3613 </div> 3614 3615 3616 3617 3618 3619 3620 3621 3622 3623 3624 3625 3626 3627 3628 3629 3630 <!-- /container --> 3631 3632
3632<script type="text/javascript" src="//static.fmgsuite.com/site/templates/007/dist/scripts.js?v=2.86.45.30851.739"></script>
3632 3633
3633<script type="text/javascript" src="//static.fmgsuite.com/site/globalassets/template7/js/global-asset-scripts.js"></script>
3633 3634 3635 3636
3636<script type="text/javascript" src="//static.fmgsuite.com/site/templates/shared/scripts/vcard.js?v=2.86.45.30851.739"></script>
3636 3637
3637<script type="text/javascript" src="//static.fmgsuite.com/site/templates/shared/scripts/cookieUtilities.js?v=2.86.45.30851.739"></script>
3637 3638
3638<script type="text/javascript" src="//static.fmgsuite.com/site/templates/shared/scripts/cookieConsentBanner.js?v=2.86.45.30851.739"></script>
3638 3639
3639<script type="text/javascript" src="//static.fmgsuite.com/site/templates/shared/scripts/cookiePreferences.js?v=2.86.45.30851.739"></script>
3639 3640
3640<script type="text/javascript" src="//static.fmgsuite.com/site/templates/shared/scripts/embedBlockedPlaceholder.js?v=2.86.45.30851.739"></script>
3640 3641
3642<script type="text/javascript" src="//fmg-websites-custom.s3.amazonaws.com/building-blocks/Sections/js/sections.js"></script>
3642<script type="text/javascript" src="//fmg-websites-custom.s3.amazonaws.com/building-blocks/Headers/sticky/js/sticky.js"></script>
3642<script type="text/javascript" src="//fmg-websites-custom.s3.amazonaws.com/building-blocks/Footers/aurora-footer/js/aurora-footer.js"></script>
3642<!--
3642<script type="text/javascript" src="//fmg-websites-custom.s3.amazonaws.com/building-blocks/Sections/js/subpageBanner.js"></script>
3642-->
3642<script type="text/javascript" src="//fmg-websites-custom.s3.amazonaws.com/building-blocks/Sections/js/commonRequests.js"></script>
3642<script type="text/javascript" src="https://fmg-websites-custom.s3.amazonaws.com/front-end-snippets/slick/slick.min.js"></script>
3642<script> 3643//________________________________ 3644//__________General/Misc__________ 3645//________________________________ 3646//NavBtns 3647const navBtns = [{ 3648 text: 'Lets Talk' 3649}, { 3650 text: 'Client Login', 3651 classNames: 'navBtn, navBtn2' 3652}]; 3653 3654navBtns.forEach(function(navBtn){ 3655 const classToAdd = navBtn?.classNames || 'navBtn'; 3656 [...document.querySelectorAll('.c-topnav__container .c-topnav__menu-item')].forEach(function(parentNavItem){ 3657 if(parentNavItem.querySelector('a.c-topnav__menu-text > span').textContent.trim().toLowerCase() == navBtn.text.toLowerCase()){ 3658 parentNavItem.classList.add(...classToAdd.split(', ')); 3659 } 3660 }); 3661}); 3662 3663//Id's for Scrolling Anchor Tags 3664Array.from(document.querySelectorAll('.section[class*="dev-id-"]')).forEach(function(section){ 3665 let id = [...section.classList].find(classTest => classTest.includes('dev-id-')); 3666 if(id){ 3667 id = id.replace('dev-id-', ''); 3668 section.querySelector('.o-container').id = id; 3669 } 3670}); 3671//_________________________________ 3672//__________Page Specific__________ 3673//_________________________________ 3674 3675$('.dev-corporate-retirement-plans').attr('id', 'corporate-retirement-plans'); 3676$('.dev-building-relationships').attr('id', 'building-relationships'); 3677$('.dev-what-we-do').attr('id', 'what-we-do'); 3678 3679// Find Boxes with headline of Empty 3680$('.section_Boxes .box').each(function(){ 3681if($(this).find('.c-box__title').is(':contains("box-empty")')) { 3682 $(this).addClass("hide-box"); 3683 $(this).parent().addClass("align-Start"); 3684} 3685}); 3686//____________________________ 3687//__________Sections__________ 3688//____________________________ 3689const videoBG = [{ 3690 type: 'video', 3691 selector: 'dev-videoBG1', 3692 videoSRC: '//static.fmgsuite.com/media/documents/8d86b8d7-f43b-4285-bca1-86e14ddd0cad.mp4', 3693 poster: '//static.fmgsuite.com/media/SectionBackgroundImage/originalSize/55d2ba40-f315-45d5-af40-051620e04b83.png' 3694}]; 3695videoBackground(videoBG); 3696 3697combiningSectionsFunction('.dev-cta-TextForm', true); 3698combiningSectionsFunction('.dev-bgCombiner'); 3699combiningSectionsFunction('.dev-bgCombiner2'); 3700combiningSectionsFunction('.dev-boxesCombiner', true); 3701combiningSectionsFunction('.dev-boxesCombiner2', true); 3702combiningSectionsFunction('.dev-boxesCombiner3', true); 3703combiningSectionsFunction('.dev-statesAndMap'); 3704 3705 3706$('.dev-hero-Welllington + .dev-sectionOverHero').each(function(){ 3707 $('body').get(0).style.setProperty('--sectionOverHeroHeight', $(this).height() + 'px'); 3708}); 3709 3710window.addEventListener('resize', function(e){ 3711 $('.dev-hero-Welllington + .dev-sectionOverHero').each(function(){ 3712 $('body').get(0).style.setProperty('--sectionOverHeroHeight', $(this).height() + 'px'); 3713 }); 3714}); 3715 3716//Fix Placeholder Form 3717Array.from(document.querySelectorAll('.dev-form-Placeholder .form-item:has(input), .dev-form-Placeholder .form-item:has(textarea)')).forEach(function(item){ 3718 let label = item.querySelector('label'); 3719 let input = item.querySelector('input'); 3720 let textarea = item.querySelector('textarea'); 3721 3722 if(label && input){ 3723 input.placeholder = label.textContent; 3724 } 3725 3726 if(label && textarea){ 3727 textarea.placeholder = label.textContent; 3728 } 3729 3730 label.classList.add('no-show'); 3731}); 3732 3733$('.section a:contains(nobutton)').hide(); 3734 3735$('.dev-formInsertSXS.section + .dev-formInsert.section').each(function(){ 3736 let containerSection = $(this).prev(); 3737 3738 if($(containerSection).find('.form-container').length){ 3739 containerSection = $(containerSection).find('.form-container'); 3740 } 3741 else{ 3742 containerSection = $(containerSection).get(0).querySelector('.c-sxs__text') || $(containerSection).get(0).querySelector('.c-text__section') || $(containerSection).get(0).querySelector('.welcome') || $(containerSection).get(0).querySelector('.c-section-boxes__inner-box'); 3743 } 3744 3745 $(this).appendTo($(containerSection)).addClass('formAdded'); 3746}); 3747 3748$('.c-modal__wrapper').prependTo($('#content')); 3749 3750$('.page-wcg-in-the-news .section_SimpleText .c-btn.c-text__btn.sectionButtonHover').each(function() { 3751 const watchBtn = $(this).closest('.box').find('.box-copy .c-btn'); 3752 if (watchBtn.length > 0) { 3753 watchBtn.attr('href', $(this).attr('href')); 3754 $(this).hide(); 3755 } else { 3756 $(this).closest('.box').find('.box-copy p.mb0').before($(this)); 3757 } 3758 $(this).closest('.box').find('.box-copy ul.mt0 + p').hide(); 3759}); 3760 3761//------------------------------------------------------------------ 3762//Flip Card Teams 3763//------------------------------------------------------------------ 3764 $( ".dev-flipCardsTeam .c-team-section__member" ).each(function() { 3765 var flipcardImg = $(this).find('img').attr('src'); 3766 var flipcardName = $(this).find('h4').text(); 3767 var flipcardTitle = $(this).find('p:eq(0)').text(); 3768 var flipcardPhone = $(this).find('p:eq(1)').text(); 3769 var flipcardInfo = $(this).find('.c-team-member__info').html(); 3770 var flipcardEmail = $(this).find('p.c-team-member__email').text(); 3771 var flipcardProfile = $(this).find('h4 a').attr('href'); 3772 $(this).replaceWith('<div class="flip-card"><div class="flip-card-inner"><div class="flip-card-front" style="background-image: url(' + flipcardImg + ');"><h1>' + flipcardName + '</h1><h3>' + flipcardTitle + '</h3></div><div class="flip-card-back"><h2>' + flipcardName + '</h2><h3>' + flipcardTitle + '</h3><div>Â '+flipcardInfo+'Â </div><a class="flipCardButton" href="' + flipcardProfile + '">View Profile</a></div></div></div>'); 3773 }); 3774 3775// Leaving Site Disclaimer For WCG News Page 3776$('.page-wcg-in-the-news .section_SimpleText .box-copy a.c-btn').each(function() { 3777 const href = $(this).attr('href'); 3778 $(this).click(function(e) { 3779 e.preventDefault(); 3780 3781 const disclosureHtml = $(this).closest('.box-copy').find('ul.mt0').html(); 3782 $.fancybox.open($(` 3783 <section class="dev-customPopUp"><p style="font-size: 0.8rem;" class="mb0" data-mce-style="font-size: 0.8rem;"><strong>Disclosures:</strong></p> 3784 ${disclosureHtml} 3785 <br /><a href="http://${href}" target="_blank">Proceed to external site</a>
3785<button data-fancybox-close="" class="fancybox-close-small" title="Close" /></section>`)); 3786 $('.fancybox-close-small').click(function(e) { 3787 e.stopPropagation(); 3788 $.fancybox.close(); 3789 }); 3790 3791 }); 3792}); 3793 3794$('.dev-team-totPopup .c-team-member__info').each(function() { 3795 const pElement = $(this).find('h4 > a > p'); 3796 if (pElement.length) { 3797 pElement.contents().unwrap(); 3798 } 3799}); 3800</script>
3800<script> 3801 // const accolade = document.querySelector('.dev-accolades'); 3802 // const rotatorItems = document.querySelectorAll('.dev-heroRotator .c-rotator-item'); 3803 3804 // rotatorItems.forEach((item, index) => { 3805 // if (index === 0) { 3806 // item.appendChild(accolade); 3807 // } else { 3808 // const clone = accolade.cloneNode(true); 3809 // item.appendChild(clone); 3810 // } 3811 // }); 3812</script>
3812<script> 3813if(document.body.classList.contains('page-blog')){ 3814 const pageHeader = document.querySelector('.c-page--header'); 3815 let CreateSubpageHero = document.createElement("section"); 3816 CreateSubpageHero.classList.add('dev-SubpageHero'); 3817 CreateSubpageHero.insertAdjacentHTML("afterbegin", '<div class="overlay" />'); 3818 CreateSubpageHero.querySelector(".overlay").insertAdjacentHTML("afterbegin",'<div class="o-container"><div class="o-grid__collapse c-grid__collapse--SimpleText"><div class="c-text__section box u-text-align--Center" /></div></div>'); 3819 pageHeader.textContent = "Better Thinking"; 3820 CreateSubpageHero.querySelector(".c-text__section")?.insertAdjacentElement("afterbegin", pageHeader); 3821 // pageHeader.insertAdjacentHTML("afterend", '<h2 class="blogTagline">Learn from our experience</h2>'); 3822 document.querySelector('.body-container')?.insertAdjacentElement("afterbegin", CreateSubpageHero); 3823 3824 let FindExpandPosts = document.querySelector(".c-posts__expand a"); 3825 FindExpandPosts.addEventListener("click", function handleClick(event) { 3826 document.querySelector(".c-posts.show-all").classList.add("open"); 3827 }); 3828} 3829 3830 3831let FindBlogContainer = document.querySelector(".page-blog .c-posts"); 3832let FindBlogPosts = document.querySelectorAll(".page-blog .c-post"); 3833 3834FindBlogPosts.forEach((Post, index) => { 3835 let FindReadMore = Post.querySelectorAll(".c-post__content a:last-of-type"); 3836 3837 FindReadMore.forEach((Link, index) => { 3838 3839 if (Link.textContent === "Read More") { 3840 Link.classList.add("c-btn"); 3841 } 3842 }); 3843}); 3844 3845$('.c-post-author__text').prepend("Author - ") 3846</script>
3846<script> 3847 3848 combiningSectionsFunction('.dev-combineRotatorBoxes', true); 3849 $('.dev-RotatorBoxes .o-grid__collapse').addClass('slider'); 3850 $('.dev-RotatorBoxes').removeClass('c-box__count--2 c-box__count--3 c-box__count--4'); 3851 $('.dev-RotatorBoxes .box').each(function(){ 3852 $(this).removeClass('box c-grid__item').addClass('slider__item'); 3853 }); 3854 //Switch the class to your own 3855 $(document).ready(function(){ 3856 $('.slider').slick({ 3857 speed: 1000, 3858 autoplay: true, 3859 autoplaySpeed: 750, 3860 cssEase: 'ease-out', 3861 slidesToShow: 3, 3862 slidesToScroll: 1, 3863 variableWidth: false, 3864 arrows: false, 3865 dots: true, 3866 infinite: true, 3867 responsive: [{ 3868 breakpoint: 991, 3869 settings: { 3870 arrows: false, 3871 slidesToShow: 2, 3872 } 3873 }, 3874 { 3875 breakpoint: 768, 3876 settings: { 3877 arrows: false, 3878 slidesToShow: 1, 3879 } 3880 }] 3881 }); 3882 }); 3883</script>
3883<script> 3884 $('footer .wcg-form-link').prependTo('footer .c-footer__disclosure .shared__BrokerDealerDisclosure'); 3885 3886 $('.dev-team-totPopup .c-team-member__info').each(function() { 3887 const pElement = $(this).find('h4 > a > p'); 3888 if (pElement.length) { 3889 pElement.contents().unwrap(); 3890 } 3891 3892 let findFB = $(this).find('.fa-facebook').parent(); 3893 let findLI = $(this).find('.fa-linkedin').parent(); 3894 $(this).find($(this).find('.fa-facebook, .fa-linkedin').parent()).wrapAll('<div class="socialWrapper" />'); 3895}); 3896</script>
3896 3897 3898 3899 <!--[if gt IE 8]><!--> 3900 <!--<![endif]--> 3901 <!--[if lt IE 9]> 3902
3902<script type="text/javascript" src="//static.fmgsuite.com/site/templates/global/js/excanvas.min.js?v=2.86.45.30851.739"></script>
3902 3903
3903<script type="text/javascript" src="//static.fmgsuite.com/site/templates/shared/scripts/jquery.flot-0.8.3.js?v=2.86.45.30851.739"></script>
3903 3904
3904<script type="text/javascript" src="//static.fmgsuite.com/site/templates/shared/scripts/jquery.flot.time.min.js?v=2.86.45.30851.739"></script>
3904 3905 <![endif]--> 3906 3907 3908 3909 3910 3911
3912<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a4394eceac6ec6c7',t:'MTc5MDgzNTA2NA=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
3912</body> 3913</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.