/* ========================================================================== PMI Brand Defaults ============================================================================= */ /* Set Design Standards & Colors Here */ :root { --primary: #ff6d00; --primary-rgb: 255,109,0; --primary-light: #f3ab70; --primary-light-rgb: 243,171,112; --primary-lighter: #fae3d0; --primary-lighter-rgb: 250,227,208; --secondary: #000000; --secondary-rgb: 0,0,0; --secondary-light: #666666; --secondary-light-rgb: 102,102,102; --accent: var(--primary); --accent-rgb: var(--primary-rgb); --blue: #0099dd; --dark: #000000; --dark-rgb: 0,0,0; --light: #f2f2f2; --light-rgb: 242,242,242; --gray: #f2f2f2; --gray-md: #7f7f7f; --gray-dark: #595959; --border-color: #999; --muted: #787878; --body-text: #000; --text-dark: #000; --primary-font: 'Poppins', sans-serif; --secondary-font: var(--primary-font); --accent-font: var(--primary-font); --box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1); --box-shadow-lg: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%); --box-shadow-xl: 0px 2px 50px 0px rgba(0, 0, 0, 0.12); --scroll-behavior: auto; } /* All PMI Site Fixes */ .display-1--sm { font-size: 40px; } .display-1--xs { font-size: 30px; } @media (max-width:575.98px) { .display-1--xs { font-size: 24px; } .display-1--sm { font-size: 30px; } } @media (max-width: 500px){ #header .phone { display: block!important; } } .areas { grid-template-columns: repeat(auto-fit, minmax(150px, 300px))!important; } .areas li { text-align: left; } .hide-areas #areas + .cta-banner.bg-accent:last-child { background: var(--gray)!important; } .blog-post .post-body br { display: none; } svg [style*="#93aabf"],svg [style*="#d5a619"] {display: none!important; } /* Vintory Page ================================================== */ #strdm .footer__list { margin: 0; } #strdm .footer .address { font-weight: bold; font-size: 16px; margin: 0; } #strdm .footer .street-address { margin: 0 0 10px; } #strdm .footer .phone { font-size: 26px; font-weight: bold; } #strdm .btn--sm { font-size: 15px!important; } #strdm .fancybox__backdrop { opacity: .6; } #strdm .fancybox__content { border-radius: 20px; width: 1200px; max-width: 100%; height: 100%!important; } #strdm .fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn { padding: 50px 30px 30px; } #strdm .fancybox__slide::before, #strdm .fancybox__slide::after { margin: 0; } #strdm #contact body .form-container { margin-top: 25px; } #strdm #contact .display-3 { margin-bottom: 25px!important; } #strdm #contact .ion-form-group-checkbox > label:first-child, #strdm-popup-form .ion-form-group-checkbox > label:first-child { display: none!important; } #strdm #contact .ion-form-group-checkbox, #strdm #contact .ion-form-group-radio label:not(:first-child), #strdm #contact .ion-form-group-checkbox label:not(:first-child), #strdm-popup-form .ion-form-group-checkbox label:not(:first-child) { -ms-flex-preferred-size: 100%; flex-basis: 100%!important; width: 100%; } #strdm #contact .ion-form-group-checkbox { order: 2; padding-top: 20px; } #strdm #contact .ion-form-group-checkbox span, #strdm-popup-form .ion-form-group-checkbox span { font-size: 14px; } #strdm #contact .ion-form .ion-form-group legend { color: #fff!important; } #strdm #contact .ion-btn { width: 161px; background: var(--accent)!important; border: 2px solid var(--accent); height: 50px; line-height: 50px; font-size: 0; margin: 0 0 0 auto!important; padding-right: 0!important; } #strdm #contact .ion-btn::after { content: 'Connect'; font-family: var(--primary-font); font-size: 18px; text-transform: uppercase; letter-spacing: .05em; color: var(--dark); border: 0!important; width: 100%; padding-right: 0!important; line-height: 40px!important; } #strdm #contact .ion-btn:hover { background: #fff!important; } #strdm-calculator #estimator { --primary-color: var(--primary); padding: 100px 0; overflow: hidden; } #strdm-calculator #estimator #sticky-content { z-index: 99; } #strdm-calculator #estimator #sidebar__inner { top: 150px!important; } #strdm-calculator #estimator.show-results .blur { filter: none!important; } #strdm-calculator #estimator.show-results .cta-redirect { display: none!important; } #strdm-calculator #estimator .radio-tile-group .input-container .radio-button:checked + .radio-tile .radio-tile-label, #strdm-calculator #estimator .g-primary-cost { color: #fff!important; } #strdm-calculator #estimator .g-primary-cost { background: var(--secondary-light); color: #fff!important; } #strdm-calculator #estimator .radio-tile-group .input-container .radio-button:checked + .radio-tile .icon svg, #strdm-calculator #estimator .g-parameter-tip { fill: #fff!important; } #strdm-calculator #estimator .tooltip { color: var(--body-text)!important; } #strdm-calculator .btn.cta-redirect { height: auto; border-color: var(--primary)!important; background: var(--primary)!important; display: block !important; width: 100%; padding: 20px!important; font-size: 22px!important; } #strdm-calculator .btn.cta-redirect:hover { height: auto; border-color: var(--primary)!important; } #strdm-calculator .footer { z-index: 100; position: relative; } #strdm-calculator #estimator .g-parameter-tip { fill: #fff!important; } #strdm-popup-form { padding: 0 30px; background: transparent; } #strdm-popup-form > .f-button.is-close-btn { right: 0; top: -38px; } #strdm-popup-form .ion-form-group:has([name="message"]) { display: none; } #strdm-popup-form .ion-form-success { text-align: center; } .g-bar--active, .g-bar--active.g-bar--default { fill: var(--secondary)!important; } .g-parameter-tip path { fill: var(--secondary)!important; } @media (min-width:992px) { #strdm #secondary-banner { height: 927px; padding-bottom: calc(var(--header-height) / 2); } } @media (max-width:1310px) { #strdm .number-text { width: 100%; } } /* Icon List Modifiers */ .icon-list-inline--icon-left .icon-list-inline__item { max-width: 100%; } .icon-list-inline--icon-left .icon-list-inline__title { text-transform: uppercase; margin-bottom: 3px; margin-top: 20px; } .icon-list-inline--icon-left .icon-list-inline__icon img { max-width: 70px; } .icon-list-inline--circles .icon-list-inline__item { width: 320px; max-width: 100%; } .icon-list-inline--circles .icon-list-inline__icon { height: 74px!important; width: 74px; margin: 0 auto 10px; background: var(--light); border-radius: 50%; } @media (min-width:501px) { .icon-list-inline--icon-left .icon-list-inline__item { flex-direction: row; text-align: left; } .icon-list-inline--icon-left .icon-list-inline__title { margin-top: 0; } .icon-list-inline--icon-left .icon-list-inline__icon { flex: 0 0 105px; } } @media (max-width:500px) { .icon-list-inline--icon-left .icon-list-inline__icon { justify-content: center; } } .icon-list__icon img { alignment-baseline: baseline; display: block; width: auto!important; } .number-text__num { line-height: calc(var(--number-size) * .896)!important; border: 3px solid var(--primary)!important; } /* Number Image Banner Modifiers */ .number-img-banner.text-white .number-text { --body-text: #fff; } /* Twitter Icon Update */ .fa.fa-twitter:before {content:"\e61b" !important;} /* ========================================================================== PMI Rebrand ============================================================================= */ body { font-size: 16px!important; line-height: 1.5!important; letter-spacing: normal!important; font-weight: 500!important; background-color: #fff;} main > h1 { border-top: var(--header-height) solid #000!important; } /* Font Styles ============================================================================= */ h1, h2, .display-1 { font-size: 40px!important; letter-spacing: normal!important; } h1 + h2, h2 + h3, .display-2 { font-size: 20px!important; font-weight: 500!important; } h3, .display-3 { font-size: 28px!important; color: inherit!important; } h4, .display-4 { color: inherit!important; } .display-1--sm { font-size: 40px!important; } .display-1--xs { font-size: 30px!important; } .display-1 small { color: var(--body-text)!important; letter-spacing: normal!important; } a:hover, a:active, a:focus-visible { color: var(--gray-md)!important; } h2.display-4-sm { font-size:18px!important; } @media (max-width:575.98px) { h1, h2, .display-1 { font-size: 30px!important; } h3, .display-3, .display-1 small, .display-1--xs { font-size: 24px!important; } .display-1--sm { font-size: 30px!important; } } /* Buttons ============================================================================= */ .btn { font-size: 18px!important; font-weight: bold!important; color: var(--secondary)!important; min-height: 50px!important; line-height: 1.1!important; display: inline-flex!important; justify-content: center!important; align-items: center!important; letter-spacing: .10em!important; padding: 5px 20px!important; border-radius: 4px!important; min-width: 176px!important; white-space: normal!important; } .btn:hover, .btn:focus, .btn:active { color: var(--body-text)!important; background: #fff!important; } body .btn:not(.btn--dark):not(.btn--accent):not(.btn--white):not(.btn--secondary) { color: var(--secondary)!important; } .btn i.fa-user { display: none; } /* Button Primary */ .btn--accent, .bg-image--primary .btn { background-color: var(--primary)!important; border-color: var(--primary)!important; color:#000!important; } .btn--accent:hover, .btn--accent:focus, .btn--accent:active, .bg-image--primary .btn:hover, .bg-image--primary .btn:focus, .bg-image--primary .btn:active { color: #000!important; } /* Button Dark */ .btn--dark { color:#fff!important; } .btn--dark:hover, .btn--dark:focus, .btn--dark:active { color: var(--dark)!important; } /* Button White */ .btn--white { background-color: #fff!important; border-color: var(--body-text)!important; color: var(--body-text)!important; } .btn--white:hover, .btn--white:focus, .btn--white:active { background-color: var(--body-text)!important; color: #fff!important; } .btn-wrapper:nth-of-type(1n+2) > .btn, .btn--accent + .btn--primary { --primary: #000; } .btn-wrapper:nth-of-type(1n+2) > .btn:not(:hover):not(:focus):not(:active), .btn--accent + .btn--primary:not(:hover):not(:focus):not(:active) { --secondary: #fff; } @media (min-width: 401px) { .btn-list--col-2 .btn--long { flex: 0 1 350px!important; } } @media (max-width: 400px) { .btn-list--col-2 .btn--long { flex-grow: 1!important; } } /* Arrow Links */ .arrow-link--accent::after { color: var(--primary)!important; } /* Images ============================================================================= */ img.cover.box-shadow-xl { border-radius: 8px!important; box-shadow: var(--box-shadow)!important; } [data-animation="fadeInLeft"] img.cover.box-shadow-xl, #referral-details img.cover.box-shadow-xl { border-radius: 0 8px 8px 0!important; } [data-animation="fadeInRight"] img.cover.box-shadow-xl { border-radius: 8px 0 0 8px!important; } @media (max-width: 991px) { [data-animation="fadeInLeft"] img.cover.box-shadow-xl,[data-animation="fadeInRight"] img.cover.box-shadow-xl, #referral-details img.cover.box-shadow-xl { border-radius: 0px!important; box-shadow: none!important; } } /* Image Wrappers */ .image-wrapper { border-radius: 8px!important; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1)!important; } /* Backgrounds ============================================================================= */ body .bg-primary-lighter, .bg-light { background-color: var(--gray)!important; } body .bg-blue { background-color: var(--blue)!important; } body .bg-image--primary { background-color: var(--dark)!important; } #home-watch-services .bg-secondary-light, .bg-faded--secondary-light { --secondary-light: var(--gray)!important; --background-color: var(--gray-rgb)!important; } .bg-image--dark::before { opacity: .7!important; } #home-purify.bg-primary-lighter, #home-referrals.bg-primary-lighter + #home-blog { background: #fff!important; } #home-purify + #home-testimonials, #home-referrals.bg-primary-lighter + #home-blog + #home-areas .bg-primary-lighter { background-color: var(--gray)!important; } /* Faded Image Boxes */ .faded-img-boxes { gap: 3rem; padding: 0 3rem; align-items: flex-start; } .faded-img-boxes__item { flex: 1 1 0%!important; padding: 0!important; } .faded-img-boxes__item img { position: relative!important; border-radius: 8px; overflow: hidden; box-shadow: var(--box-shadow); } .faded-img-boxes__item::before { display: none!important; } .faded-img-boxes__text { margin: 35px 0 10px!important; } /* .faded-img-boxes__item img { height: 20vw !important; } */ body .faded-img-boxes__item:nth-child(odd) .arrow-link:hover, body .faded-img-boxes__item:nth-child(odd) .arrow-link:focus-visible { color: var(--primary)!important; } @media (min-width: 992px) { .faded-img-boxes__item img { height: 20vw !important; } } @media (max-width: 991px) { .faded-img-boxes { display: flex; flex-direction: column; align-items: center; } .faded-img-boxes__item { flex: 1 1 100%!important; width: 100%; } .faded-img-boxes__item img { height: 55vw !important; } } /* CTA Banners ============================================================================= */ .cta-banner__text { letter-spacing: normal!important; } .cta__header:hover { color: inherit!important; } #home-banner .cta__link:hover { color: var(--primary)!important; } .cta__title { font-size: 24px!important; } @media(min-width:991px) and (max-width:1420px){ .cta__title { font-size: 20px!important; } } @media(max-width:500px){ .cta__title { font-size: 19px!important; } } .cta-banner .btn { --dark: var(--primary); color: #000!important; } .cta-banner .btn:hover { color: #000!important; } .cta-banner.bg-accent:not(:last-child) { background: #000!important; color: #fff!important; } .cta-banner.bg-accent:not(:last-child) .cta-banner__text.text-dark { color: #fff!important; } .cta-banner.bg-accent:not(:last-child) .btn.btn--dark { --dark: var(--primary); color: #000!important; } .cta-banner.bg-accent:last-of-type:has(+ script), .cta-banner.bg-accent:last-child { background: var(--gray)!important; color: #000!important; } .cta-banner.bg-accent:last-of-type:has(+ script) .cta-banner__text.text-dark, .cta-banner.bg-accent:last-child .cta-banner__text.text-dark { color: #000!important; } #areas + .cta-banner.bg-accent:last-child { background: #fff!important; color: #000 !important; } #services-cluster:has(.bg-primary-lighter:last-child) + #areas.bg-primary-lighter + .cta-banner { background: var(--gray)!important; } /* Arrow Links ============================================================================= */ .arrow-link { padding-right: 40px!important; font-size: 18px!important; color: var(--body-text)!important; font-weight: 700!important; } /* .arrow-link::after { content: ''!important; font-size: 24px!important; border: 0!important; color: var(--primary)!important; background-image: url('/images/compass.png'); background-repeat: no-repeat; background-size: 20px 27px; background-position: center; } */ .arrow-link::after { content: '\e013'!important; color: var(--primary)!important; font-size: 24px!important; width: 40px!important; text-align: center!important; border-radius: 50%!important; position: absolute!important; right: 0!important; top: 50%!important; -webkit-transform: translateY(-50%)!important; -ms-transform: translateY(-50%)!important; transform: translateY(-50%)!important; font-family: "Font Awesome Kit"!important; font-style: normal!important; font-weight: 600!important; line-height: 35px!important; border:0!important; } .dots li { --primary: var(--body-text); } /* Icon List */ .icon-list__title { font-weight: 600!important; margin: 0 0 10px!important; } /* Icon List Inline */ .icon-list-inline__title { margin: 20px 0 10px!important; } .icon-list-inline--lg .icon-list-inline__icon img { max-width: 80px!important; margin: auto!important; } .icon-list-inline--lg .icon-list-inline__title { margin: 25px 0 10px!important; font-weight: 400!important; } @media (max-width: 600px) { .icon-list-inline--lg .icon-list-inline__title { font-size: 16px!important; margin: 20px 0 0!important; } } /* Image List */ /* .image-list__img { padding-top: 121%!important; margin-bottom: 30px!important; border-radius: 8px!important; } .image-list__title { margin: 0 0 20px!important; letter-spacing: normal!important; } .image-list__item hr { display: none!important; } @media (min-width: 601px) { .image-list__title { font-size: 30px!important; } } */ @media (max-width: 991px) { .image-list__img { padding-top: 75%!important; } } a .number-text__text { color: #000!important; } /* Hover Icons Tablist */ .flip-icon-front { color: #fff!important; border: 2px solid #fff!important; } .flip-icon-back { color: #fff!important; background: transparent!important; } /* Video Wrapper Overlay */ .video-wrapper::before { padding-right: 0!important; text-align: center; } .video-wrapper::after { display: none!important; content: '\e013'!important; color: var(--primary)!important; font-size: 24px!important; border: 0!important; text-align: center!important; left: calc(50% + 35px)!important; top: 50%!important; font-family: "Font Awesome Kit"!important; font-style: normal!important; font-weight: 600!important; line-height: 35px!important; background-image: none!important; } .video-thumbnail { opacity: .3!important; } /* Cards */ .card-icon { background: #fff!important; } .card-icon img { max-width: 90%!important; } .card, .card.bg-primary { background: #000!important; } .card hr { border-color: var(--primary)!important; } @media (min-width:601px) { .number-text__text { font-size: 30px!important; } } /* ========================================================================== Header ============================================================================= */ :root { --header-height: 200px!important; --header-padding: 2.5vw!important; } .hide-scrollbar #header { z-index: -1!important; } #header { color: #fff!important; border-top: 40px solid var(--dark)!important; background-color: rgba(0,0,0,0)!important;} #header.no-hero, body:has(.nhvl-details) #header { color: var(--body-text)!important; background-color: rgba(255,255,255,1)!important; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1)!important; } #header .logo img { max-height: 60px!important; } #header .logo.stacked img { max-height: 81px!important; } #header .phone { font-size: 16px!important; font-weight: 600!important; } #header .phone i { font-size: 1em!important; top: 0!important; } #header .phone a:hover { color: var(--primary)!important; } #header .info-bar { height: 40px!important; line-height: 40px!important; } #header .info-bar__message { color: #fff!important; letter-spacing: normal!important; } #header .login-dropdown { border-radius: 8px; background: #fff!important; box-shadow: var(--box-shadow); } #header .login-dropdown__title { color: var(--body-text)!important; } #header .login-dropdown__link { color: var(--body-text)!important; } #header .login-dropdown__link:hover { color: var(--primary)!important; } #header .nav { right: 360px!important; left: auto!important; } #header .launch-menu-button { font-size: 0!important; color:inherit!important; } #header .launch-menu-button i { font-size: 25px!important; } @media (min-width:1636px) { #header .links { display: flex; flex-direction: column; } #strdm #header .nav { right: 410px!important; } #header.no-hero .links .btn--dark { --dark: #fff; color:#000!important; } #header.no-hero .links .btn--dark:hover { background: var(--primary)!important; border-color: var(--primary)!important; } #header .links .btn--dark:only-child { --dark: var(--primary); color: #000!important; } } @media (max-width:1635px) { :root { --header-height: 130px!important; } body #header .nav { right: 15px!important; left: auto!important; } #header .links { height: 40px!important; top: 0 !important; } #header .links .btn { color: #fff!important; font-size: 14px!important; } } @media (max-width: 425px) { #header .info-bar { text-align: center!important; justify-content: center!important; } #header .info-bar__message { display: none!important; } #header .logo { text-align: left!important; right: auto!important; top: 50%!important; } #header .launch-menu-button { left: auto!important; top: 50%!important; transform: translateY(-50%)!important; height: 25px; } } /* Header Affix */ #header.affix { color: #fff!important; border-width: 40px!important; background-color: rgba(0,0,0, 1)!important; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1)!important; } #header.affix .logo img { max-height: 40px!important; } /* ========================================================================== #Nav ============================================================================= */ #header .nav { color: inherit!important; } #header .nav > .nav__item > a { line-height: 76px!important; } #header .nav > .nav__item > a:hover { color: #fff!important; } #header .nav__item:has(a:focus-visible):not(.service-title) { box-shadow: 0 0 3px 3px rgba(var(--primary-rgb),.7)!important; } #header .nav__item:has(.nav__dropdown) > a { position: relative!important; padding-right: 20px!important; } #header .nav__item:has(.nav__dropdown) > a::before { content: '\f107'!important; font-family: "Font Awesome 6 Pro"!important; font-style: normal!important; position: absolute!important; right: 0!important; top: 49%!important; transform: translateY(-50%)!important; } #header .nav__item:not(.service-title) > a::after { height: 4px!important; width: 100%!important; max-width: 80px!important; background-color: var(--primary)!important; } #header .nav__dropdown { color: #000!important; left: 0!important; font-size: 14px!important; padding: 10px 0!important; top: calc(100% - 4px)!important; background-color: #fff!important; border-radius: 0 0 8px 8px!important; box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.2)!important; z-index: 2; } #header .nav__dropdown::before { content: ''!important; height: 4px!important; width: 100%!important; max-width: 80px!important; background-color: var(--primary)!important; position: absolute!important; top: 0!important; left: 50%!important; transform: translateX(-50%)!important; } #header .nav__dropdown > li { padding: 10px 20px!important; } #header .nav__dropdown > li > a, #header .nav__item a:hover { color: #000!important; } #header .nav__dropdown > li:last-child { border-radius: 0 0 8px 8px!important; } #header .nav__dropdown > li:hover { background-color: rgba(var(--primary-rgb),.1)!important; } #header .info-bar__message::after { display: none!important; } #header .launch-menu-button { line-height: 1!important; } /* Updated Mega Menu */ #header .nav__dropdown--pillars { width:220px!important; } #header .nav__pillar > li:hover, #header .nav__pillar-menu li:hover { background-color: rgba(var(--primary-rgb),.1)!important; } #header .nav__pillar .service-title:hover, #header .nav__pillar .service-title:hover a { color: #000!important; } #header .nav__pillar-menu { padding: 5px 0 5px 4px!important; top: -5px!important; width: 220px!important; background: transparent!important; z-index: 1!important; border: 0!important; } #header .nav__pillar-menu::before { content: ''!important; background: #fff!important; position: absolute!important; top: 0!important; left: 4px!important; right: 0!important; bottom: 0!important; z-index: -1!important; box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.2)!important; border-radius: 0 8px 8px 0!important; } @media (min-width: 992px) { #header .nav > .nav__item { padding: 0 11px!important; } } #header .nav__item:has(.nav__dropdown):last-child .nav__dropdown { left: auto!important; right: 0!important; } /* Launch Menu ============================================================================= */ .launch-menu { font-size: 16px!important; padding-top: 80px!important; display: flex!important; flex-direction: column!important; width:375px!important; background: #fff!important; color: #000!important; } .launch-menu::before { content: ''; background: #000; top: 0; left: 0; height: 50px; width: 100%; position: absolute; } .launch-menu-close { position: absolute!important; top: 0!important; right: 0!important; padding: 2px 12px!important; color: #fff!important; margin: 0!important; opacity: 1!important; } .launch-menu-close i::before { content: '\f00d'!important; } .launch-menu-close:hover { color: var(--primary)!important; } .launch-menu .nav { margin-top: 0!important; } .launch-menu .nav a:hover { color: var(--primary)!important; } .launch-menu .nav > .nav__item:has(.nav__dropdown) > a::after { content: '\f107'!important; font-family: "Font Awesome 6 Pro"!important; font-style: normal!important; position: absolute!important; right: 30px!important; top: 49%!important; transform: translateY(-50%)!important; transition: .2s!important; transform-origin: top!important; } .launch-menu .nav > .nav__item.active:has(.nav__dropdown) > a::after { transform: rotate(180deg) translateY(-50%)!important; } .launch-menu .nav__item { border: 0!important; } .launch-menu .nav__item a:hover::before { transform: translateX(0)!important; } .launch-menu .nav__item > a { padding: 13px 10px 13px 30px!important; display: block!important; } .launch-menu .nav__item > a:hover, .launch-menu .nav__item.active > a { color: var(--primary)!important; background: none!important; } .launch-menu .nav__dropdown { background: #fff!important; -webkit-box-shadow: none!important; box-shadow: none!important; } .launch-menu .nav__dropdown li, .launch-menu .nav__dropdown > li.active a { background: none!important; } .launch-menu .nav__dropdown a { color: inherit!important; } .launch-menu .nav__dropdown a:hover { background: none!important; } .launch-menu .nav__item a:hover::before { display: none!important; } .launch-menu .nav__dropdown > li:first-child { border-top: none!important; } .launch-menu .nav__dropdown > li > a { font-size: 14px!important; font-weight: 400!important; letter-spacing: .1em!important; text-transform: uppercase!important; opacity: .75!important; } .launch-menu .nav__dropdown > li:first-child > a { padding-top: 7px!important; } .launch-menu .nav__dropdown.nav__pillar-menu { display: block!important; } .launch-menu .nav__dropdown.nav__pillar-menu a { letter-spacing: normal!important; text-transform: none!important; opacity: 1!important; } .launch-menu .nav__dropdown .nav__dropdown a { padding-top: 5px!important; } .launch-menu .nav__dropdown .service-title > a { padding-top: 15px!important; padding-bottom: 10px!important; } .launch-menu .launch-menu-only:has(a[href="/"]) { display: none!important; } .launch-menu .logo { position: absolute!important; top: 0!important; left: 0!important; height: 50px!important; display: flex!important; align-items: center!important; padding-left: 10px!important; } .launch-menu .logo img { max-height: 40px!important; max-width: 100%!important; margin: 0!important; display: block!important; } .launch-menu .phone { font-size: inherit!important; font-weight: 600!important; width: calc(100% - 15px)!important; margin: 0 auto 20px!important; color: var(--body-text)!important; background: var(--primary)!important; border: 1px solid var(--primary)!important; border-radius: 4px!important; padding: 10px!important; text-align: center!important; transition: .4s!important; } .launch-menu .phone a { color: inherit!important; } .launch-menu .phone:has(a:hover) { background: #fff!important; } .launch-menu .links { margin: 20px auto 30px!important; display: flex!important; flex-direction: column!important; width: 100%!important; grid-gap: 20px!important; align-items: center!important; order: 2!important; } .launch-menu .links .btn { width: calc(100% - 15px)!important; margin: 0!important; } .launch-menu .links .btn:not(.btn--dark) { color: var(--body-text)!important; } .launch-menu .social { margin: 0!important; order: 3!important; width: 100%!important; justify-content: center!important; } .launch-menu .social a, .launch-menu .social a:hover { background: transparent!important; border: none!important; } .launch-menu .links .login-dropdown .login-dropdown__link { color: var(--primary)!important; } @media (max-width:374px) { .launch-menu { width:315px!important; } } /* ========================================================================== #Footer ============================================================================= */ .footer { padding: 50px 0 70px!important; font-size: 16px!important; } .footer h4 { font-size: 18px!important; font-weight: 600!important; text-transform: uppercase!important; margin: 0 0 15px!important; color: #fff!important; } .footer a:hover { color: var(--primary)!important; } .footer .logo { margin: 0 0 40px!important; } .footer__list li { margin: 15px 0!important; } .footer__list .street-address { margin-bottom: 15px!important; } .footer .social { margin-bottom: 20px!important; } .footer__affil { opacity: 1!important; } .footer__copy { text-align: left!important; font-size: 14px!important; border-top: 1px solid #fff!important; padding-top: 30px!important; margin-top: 40px!important; } .footer__copy p { margin: 30px 0!important; } .footer__copy li { display: inline!important; } /* ========================================================================== Forms ============================================================================= */ body .form-container { padding: 35px 25px 45px!important; border-radius: 8px!important; -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1)!important; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1)!important; } body .form-container__lead { font-size: 20px!important; color: var(--body-text)!important; text-align: left!important; text-transform: none!important; margin: 0 0 25px!important; } body .form-container__sub { font-weight: 400!important; text-align: left!important; text-transform: none!important; margin: -10px 0 25px!important; } body .form-container__sub a { font-weight: 600; } body .form-container__sub a:hover { color: var(--primary)!important; } body .form-container__sub a:focus-visible { box-shadow: 0 0 2px 2px rgba(var(--primary-rgb),.7)!important; } body .form-container .ion-form-group input, body .form-container .ion-form-group textarea { height: 50px!important; border-radius: 4px!important; border: 1px solid #999!important; padding-left: 20px!important; padding-right: 20px!important; } body .form-container .ion-form-group textarea { height: 120px!important; padding-top: .9em!important; } body .form-container .ion-form-group ::-webkit-input-placeholder, body .form-container .ion-form-group select:invalid { color: #595959!important; } body .form-container .ion-form-group select { padding-left: 20px!important; width: 100%!important; border: 1px solid #999!important; border-radius: 4px!important; height: 50px!important; box-shadow: none!important; -webkit-appearance: initial!important; } body .form-container .ion-form-group-dropdown { position: relative!important; border: 0!important; } body .form-container .ion-form-group-dropdown::after { content: '\f107'!important; position: absolute!important; right: 15px!important; bottom: 17px!important; font-size: 15px!important; line-height: 1!important; font-family: "Font Awesome 6 Pro"!important; font-style: normal!important; font-weight: 600!important; -webkit-font-smoothing: antialiased!important; } body .form-container .ion-form-group-break { font-size: 14px!important; line-height: 1.66em!important; } body .form-container .ion-form-group-break h3 { font-size: 16px!important; } body .form-container .ion-form-group-radio span::before, body .form-container .ion-form-group-checkbox span::before { border: 1px solid #999!important; border-radius: 4px!important; } body .form-container iframe { margin: 10px 0 10px!important; } body .form-container form > div:last-of-type:not(.ion-form-group) > div { margin-left: auto!important; margin-right: auto!important; } body .form-container .ion-btn { background: var(--primary)!important; padding: 0!important; border: 1px solid var(--primary)!important; width: 145px!important; margin: 10px auto 0!important; font-size: 18px!important; font-weight: bold!important; line-height: 50px!important; letter-spacing: .1em!important; border-radius: 4px!important; color: var(--body-text)!important; } body .form-container .ion-btn::after { display: none!important; } body .form-container .ion-btn:hover, body .form-container .ion-btn:focus-visible { background: #fff!important; color: #000!important; } body .form-container .ion-form-group input:focus-visible, body .form-container .ion-form-group textarea:focus-visible, body .form-container .ion-form-group select :focus-visible { background: inherit!important; border-color: var(--primary)!important; } /* Floating Form Labels */ body .form-container:not(.form-container--multi-step) .ion-form .ion-form-group { position: relative!important; } body .form-container:not(.form-container--multi-step) .ion-form .ion-form-group:not(.ion-form-group-checkbox):not(.ion-form-group-radio) label { color: #595959!important; bottom: 4px!important; left: 20px!important; } /* body .form-container:not(.form-container--multi-step) .ion-form-group ::-webkit-input-placeholder, body .form-container:not(.form-container--multi-step) .ion-form-group select:invalid, body .form-container:not(.form-container--multi-step) .ion-form-group label:not(.float-label) + select:not(:focus) { color: transparent!important; } */ body .form-container:not(.form-container--multi-step) .ion-form-group ::-webkit-input-placeholder, body .form-container:not(.form-container--multi-step) .ion-form-group select:invalid, body .form-container:not(.form-container--multi-step) .ion-form-group label:not(.float-label) + select:not(:focus), body .form-container:not(.form-container--multi-step) .ion-form-group ::placeholder, body .form-container:not(.form-container--show-labels) .ion-form-group ::placeholder { color: transparent!important; } body .form-container:not(.form-container--multi-step) .ion-form .ion-form-group:not(.ion-form-group-checkbox):not(.ion-form-group-radio):has(input:focus) label, body .form-container:not(.form-container--multi-step) .ion-form .ion-form-group:has(textarea:focus) label, body .form-container:not(.form-container--multi-step) .ion-form .ion-form-group:has(select:focus) label, body .form-container:not(.form-container--multi-step) .float-label { -webkit-transform: translateY(-.45em) scale(.7)!important; -ms-transform: translateY(-.45em) scale(.7)!important; -moz-transform: translateY(-.45em) scale(.8)!important; transform: translateY(-.45em) scale(.7)!important; } body .form-container:not(.form-container--multi-step) .ion-form-group-dropdown:has(.float-label) select:not(:focus), .float-label + select { color: var(--body-text)!important; } body .form-container:not(.form-container--multi-step):not(.form-container--multi-step) .ion-form-group-dropdown label { left: 19px!important; } body .form-container:not(.form-container--multi-step) .float-label { -webkit-transform: translateY(-.45em) scale(.7)!important; -ms-transform: translateY(-.45em) scale(.7)!important; -moz-transform: translateY(-.45em) scale(.7)!important; transform: translateY(-.45em) scale(.7)!important; opacity: .7!important; } .form-container--white { color: #fff!important; box-shadow: none!important; } /* Form Container Stacked on small screens */ @media (min-width:600px) and (max-width:991px) { body .form-container form { margin: 0!important; gap: 15px!important; } body .form-container form .ion-form-group { margin: 0!important; } } /* Form Container Stacked */ @media (min-width:600px) { body .form-container form { margin: 0!important; gap: 15px!important; } body .form-container form .ion-form-group { margin: 0!important; } } @media (max-width:599px) { body .form-container .ion-form-group input, body .form-container .ion-form-group textarea { width: 100%!important; } } @media (max-width:991px) { body .form-container .ion-btn { margin-top: 30px!important; } } .modal-header { background: var(--primary)!important; border-radius: 8px 8px 0 0!important; } .modal-content { border-radius: 8px!important; } .modal .btn-close { color: #000!important; } .modal-body .form-container { box-shadow: none!important; padding: 15px!important; } /* Form Container Modifiers */ .form-container.form-container--inline { background-color: transparent!important; padding: 0!important; box-shadow: none!important; } .form-container.form-container--inline .ion-form-group input, .form-container.form-container--inline .ion-form-group textarea { border: 0!important; padding-left: 20px!important; height: 50px!important; } .form-container.form-container--inline .ion-form .ion-form-group:not(.ion-form-group-checkbox):not(.ion-form-group-radio) label { left: 20px!important; } .form-container.form-container--inline .ion-form .ion-form-group:not(.ion-form-group-checkbox):not(.ion-form-group-radio):has(input:focus) label, .form-container.form-container--inline .ion-form .ion-form-group:has(textarea:focus) label, .form-container.form-container--inline .ion-form .ion-form-group:has(select:focus) label, .form-container.form-container--inline .float-label { transform: translateY(-0.5em) scale(.8); } .form-container.form-container--inline .ion-form-group-radio span::before, .form-container.form-container--inline .ion-form-group-checkbox span::before { border: 2px solid #fff; background: transparent; } .form-container.form-container--inline .ion-form-group-radio span::after, .form-container.form-container--inline .ion-form-group-checkbox span::after { color: #fff!important; left: 4px; top: 1px; } @media (min-width: 600px) { .form-container.form-container--inline form { margin: 0!important; gap: 10px; } .form-container.form-container--inline form .ion-form-group { -ms-flex-preferred-size: 229px; flex-basis: 229px!important; margin: 0!important; } } body .form-container.form-container--inline .ion-form-group input:focus-visible, body .form-container.form-container--inline .ion-form-group textarea:focus-visible, body .form-container.form-container--inline .ion-form-group select :focus-visible { background: #fff!important; } /* Form Swap ================================================== */ .form-swap .nav { font-size: 16px!important; margin: 0 0 10px!important; display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; -ms-flex-wrap: wrap!important; flex-wrap: wrap!important; } .form-swap .nav a::before { border: 1px solid #999!important; border-radius: 4px!important; } .form-swap .nav a::after { left: 4px!important; top: 4px!important; font-size: 14px!important; } .form-swap .nav a.active::before { background: var(--primary)!important; border-color: var(--primary)!important; } .form-swap .nav a.active::after { color: #fff!important; } /* ========================================================================== Accordion ============================================================================= */ .launch-accordion { color: var(--body-text)!important; } .launch-accordion > li { margin-bottom: 12px!important; } .launch-accordion > li > h4 { font-size: 20px!important; color: #757575!important; background-color: transparent!important; border-radius: 0!important; box-shadow: none!important; padding: 13px 50px 13px 0!important; transition: .3s!important; } .launch-accordion > li > h4:hover, .launch-accordion > li > h4:focus { color: var(--primary)!important; } .launch-accordion > li.active > h4 { color: var(--body-text)!important; } .launch-accordion > li > h4::after { content: '\e013'!important; font-size: 32px!important; color: var(--primary)!important; transform: translateY(-50%)!important; } .launch-accordion > li:not(.active) > h4::after { opacity: 0; transition: 0s; } .launch-accordion.faqs > li > h4::before { display: none!important; } .launch-accordion > li > div { padding: 0 50px 0 0!important; } .launch-accordion.faqs > li > div:not([itemprop="acceptedAnswer"])::before, .launch-accordion.faqs > li div[itemprop="text"]::before { display: none!important; } .bg-light .launch-accordion > li:not(.active) > h4:not(:hover):not(:focus):not(:active) { color: #6E6E6E!important; } @media (min-width: 600px) { .launch-accordion > li > h4 { font-size: 30px!important; display: flex; } .launch-accordion > li > h4::after { position: relative!important; right: 0!important; padding-left: 10px; transform: none!important; } } #str-regulations-intro .launch-accordion > li > h4 { padding-left: 20px!important; } #str-regulations-intro .launch-accordion > li:not(.active) > h4::after { height: 40px; } /* Faded Banners ============================================================================= */ .bg-faded--right, .bg-faded--left, .bg-faded-sm { background-size: 0!important; gap: 50px 5vw; display: flex; align-items: stretch; padding-left: 5vw!important; padding-right: 5vw!important; } .bg-faded--right [class*="col-"]:only-child, .bg-faded--left [class*="col-"]:only-child, .bg-faded-sm [class*="col-"]:only-child { flex: 1 1 100%!important; width: 100%!important; padding-top: 50px!important; padding-bottom: 50px!important; } .bg-faded--right::after, .bg-faded--left::after, .bg-faded-sm::after { display: none!important; } .bg-faded--right::before, .bg-faded--left::before, .bg-faded-sm::before, .bg-faded-xs.bg-faded--right::before, .bg-faded--right.bg-faded-xs::before { content: ''; right: auto!important; left: auto!important; width: 100%; display: block; position: relative!important; height: unset!important; border-radius: 8px; box-shadow: var(--box-shadow); overflow: hidden; background-image: inherit; background-repeat: no-repeat; background-size: cover; } .bg-faded-xs.bg-faded--right::before, .bg-faded--right.bg-faded-xs::before { right: auto!important; left: auto!important; } .bg-faded--right > .container-fluid, .bg-faded--left > .container-fluid, .bg-faded-sm > .container-fluid, .bg-faded-xs.bg-faded--right > .container-fluid, .bg-faded--right.bg-faded-xs > .container-fluid { padding-left: 0!important; padding-right: 0!important; } .bg-faded--right [class*="col-"]:only-child:has(.faded-row-content), .bg-faded--left [class*="col-"]:only-child:has(.faded-row-content), .bg-faded-sm [class*="col-"]:only-child:has(.faded-row-content), .bg-faded-xs.bg-faded--right [class*="col-"]:only-child:has(.faded-row-content), .bg-faded--right.bg-faded-xs [class*="col-"]:only-child:has(.faded-row-content) { padding-top: 0!important; padding-bottom: 0!important; } #home-watch-services .banner-xl[style*='home-watch-security']::before { background-position: right; } .bg-faded-sm { flex-direction: row-reverse; } .bg-faded--right .faded-row-content, .bg-faded--left .faded-row-content, .bg-faded-sm .faded-row-content { width: auto!important; padding: 50px 0!important; text-align: left!important; margin-top: auto; margin-bottom: auto; } .bg-faded--secondary-light .btn { --dark: var(--primary); color: var(--body-text)!important; } .bg-faded--secondary-light .btn:hover, .bg-faded--secondary-light .btn:focus { color: var(--body-text)!important; } @media (max-width: 991px) { .bg-faded--right, .bg-faded--left, .bg-faded-sm { flex-wrap: wrap; } .bg-faded--right::before, .bg-faded--left::before, .bg-faded-sm::before, .bg-faded-xs.bg-faded--right::before, .bg-faded--right.bg-faded-xs::before { height: 45vw !important; } } #referral-promise { background-image: none!important; } #referral-promise::before { display: none!important; } /* Home Banner ============================================================================= */ #home-banner::after { background: #000!important; opacity: .5!important; } #home-banner {background-color: #000!important;} /* Home Banner Prompt */ #home-banner .prompt { text-align: center!important; width: 1000px!important; margin-left: auto!important; margin-right: auto!important; } @media (max-width:500px) { #home-banner { min-height: 553px!important; } body #home-banner { background-image: url('/images/home-banner-1.jpg')!important; } } /* Home CTAs ============================================================================= */ /* CTAs */ .cta { border-radius: 8px 8px 0 0!important; } .cta__list { letter-spacing: normal!important; } @media(max-width:991px){ .cta { border-radius: 8px!important; } } .side-content .cta__title { font-size: 22px!important; } @media (max-width: 1100px) { .side-content .cta__title { font-size: 20px!important; } } @media (max-width:500px) { .side-content .cta__title { font-size: 18px!important; } } /* Home welcome ============================================================================= */ #home-brand-promise { display: none!important; } #home-welcome {background-color: #fff;} #home-welcome .row {justify-content: center; } /* Home Awards ============================================================================= */ #home-awards .text-primary { color: var(--body-text)!important; } #home-awards .btn { background: var(--primary)!important; border: 1px solid var(--primary)!important; color: var(--text-dark)!important; } #home-awards .btn:hover { background: #fff!important; } @media (max-width: 991px) { #home-awards { text-align: left!important; } } /* Home Services ============================================================================= */ #home-services { background: var(--gray)!important; } #home-testimonials { padding-bottom: 80px!important; } #home-testimonials .btn.btn--dark { --dark: var(--primary); color: var(--body-text)!important; } #home-advantage .text-center, #home-analysis .text-center, #analysis-banner .text-center { text-align: left!important; } /* Home Pillars ============================================================================= */ #home-pillars { background-color: var(--gray)!important; } /* @media (min-width: 768px) { #home-pillars .row [class*='col']:nth-child(5) .image-list__img, #home-pillars .row [class*='col']:only-child .image-list__img { padding: 0!important; } } @media (max-width:991px) { #home-pillars .image-list .row { padding-bottom: 30px!important; flex-wrap: nowrap!important; overflow: scroll!important; width: auto!important; max-width: none!important; } #home-pillars .image-list .row [class*='col'] { width: 80vw!important; } #home-pillars .image-list__item { background: #fff!important; overflow: hidden!important; height: 100%!important; box-shadow: var(--box-shadow)!important; border-radius: 8px!important; padding: 0 15px 25px!important; } #home-pillars .image-list__img { margin: 0 -15px 20px!important; border-radius: 0!important; box-shadow: none!important; } } */ /* About ============================================================================= */ .bio__image img[src*='pmi-badge'] { top: 50%!important; max-height: 60%!important; } @media (max-width: 768px) { .bio__content p { text-align: left!important; } } /* Guarantees ============================================================================= */ #home-guarantees { color: #000!important; } .guarantee-cta { position: relative; border-color: var(--primary)!important; } .guarantee-cta::before { content: ''; position: absolute; top: -3px; left: -3px; height: 55px; width: 40px; border-top: 4px solid #000; border-left: 4px solid #000; } .guarantee-list__name { color: var(--primary)!important; } @media (min-width:992px) { #home-guarantees { background-image: url('https://pmi-resources.nesthub.com/images/new-brand/pattern-bg.jpg')!important; background-position: right!important; background-repeat: no-repeat!important; background-size: cover!important; } } @media (max-width: 991px) { .guarantee-cta__badge { -webkit-transform: translate(-50%, -60%)!important; -ms-transform: translate(-50%, -60%)!important; transform: translate(-50%, -60%)!important; } .guarantee-cta::before { border-left: 0!important; left: 50%; transform: translateX(-50%); } } /* Guarantee Carousel */ #guaranteeCarousel .carousel-inner { background: #fff!important; border-radius: 8px!important; background-image: none!important; box-shadow: var(--box-shadow)!important; } #guaranteeCarousel .carousel-indicators [data-bs-target] { color: #fff!important; } #guaranteeCarousel .carousel-indicators [data-bs-target]:focus-visible { outline: none!important; box-shadow: 0 0 2px 2px rgba(var(--primary-rgb),.7)!important; } #guaranteeCarousel .carousel-indicators [data-bs-target].active,#guaranteeCarousel .carousel-indicators [data-bs-target]:hover { color: var(--primary-light)!important; } #guaranteeCarousel .guarantee a { color: var(--primary)!important; text-transform: uppercase!important; } #guaranteeCarousel .guarantee a:hover { color: var(--gray-md)!important; } @media (max-width: 1200px){ #guaranteeCarousel .guarantee { padding: 45px!important; } #guaranteeCarousel .carousel-control-next { right: 1%!important; color: var(--body-text)!important; } #guaranteeCarousel .carousel-control-prev { left: 1%!important; color: var(--body-text)!important; } #guaranteeCarousel button[class*='carousel-control'] { display: flex!important; position: absolute!important; } } @media (min-width:992px) { #guaranteeCarousel button[class*='carousel-control'] { color: inherit!important; } } @media (max-width: 400px){ #guaranteeCarousel .guarantee__name { font-size: 40px!important; } } .guarantee-page { --primary-lighter: var(--gray); } .guarantee-page__details .read-more-toggle--conditions.collapsed::before { content: 'MORE \00A0'!important; font-family: var(--primary-font) ,"Font Awesome Kit"!important; display: inline!important; } .guarantee-page__details .read-more-toggle--conditions.collapsed::after { content: '\e013'!important; font-family:"Font Awesome Kit"!important; display: inline; font-size: 18px; color: var(--primary); } .guarantee-page + section.cta-banner.bg-accent { background: #fff!important; } .read-more-toggle:hover { color: var(--primary)!important; } /* Home Referrals ============================================================================= */ #home-advantage { background: var(--gray)!important; } /* Home Referrals ============================================================================= */ #home-referrals { background: var(--gray)!important; } /* PMI Purify ============================================================================= */ @media (min-width:340px) and (max-width: 427px){ #purify-steps .container .carousel-indicators button { height: 45px!important; width: 45px!important; font-size: 26px!important; } } @media (max-width: 339px){ #purify-steps .container .carousel-indicators button { height: 74px!important; width: 74px!important; } } /* Commercial Property Marketing ============================================================================= */ #commercial-process .nav button.active { padding-bottom: 0!important; } #commercial-process .nav button .flip-icon img { max-width: 80%!important; max-height: 80%!important; } #commercial-process .nav button:nth-child(3) .flip-icon-back img { display: none; } #commercial-process .nav button:nth-child(3) .flip-icon-back::before { content:url('https://pmi-resources.nesthub.com/images/new-brand/icon-preserve.svg'); width: 122.39px; height: 122.39px; margin-bottom: 10px; } @media (max-width: 600px) { #commercial-process .nav button:nth-child(3) .flip-icon-back::before { max-width: 40.5px; max-height: 40.5px; } #commercial-process .flip-icons .nav-link { padding: 8px 5px!important; } } @media (max-width: 450px){ #commercial-process .flip-icons { --icon-size: 80px!important;} } /* ========================================================================== Secondary/Inner Pages ============================================================================= */ /* Split CTAs */ .side-content .cta { border-radius: 8px!important; } /* Secondary Banner ============================================================================= */ #secondary-banner { padding-bottom: 50px!important; background-color: #000!important; background-position: center!important; background-size: cover!important; justify-content: center!important; z-index: 1!important; } #secondary-banner::before { display: none!important; } #secondary-banner.bg-faded-sm::after { display: block!important;} #secondary-banner::after { content: ''!important; position: absolute!important; top: 0!important; left: 0!important; height: 100%!important; width: 100%!important; max-width: 100%!important; background: #000!important; opacity: .5!important; z-index: 1!important; } #secondary-banner .container-fluid { align-items: center!important; justify-content: center!important; } #secondary-banner + .intro { margin-top: 40px!important; } @media (max-width: 992px){ #secondary-banner + .intro { margin-top: 0px!important; } } /* Secondary Banner Prompt */ #secondary-banner .prompt { text-align: center!important; width: 100%!important; } #secondary-banner .prompt__lead { font-size: 48px!important; line-height: 1.08em!important; letter-spacing: normal!important; } #secondary-banner .prompt__sub { font-size: 30px!important; margin: 30px 0 0!important; line-height: 1.36!important; letter-spacing: normal!important; } #secondary-banner:has(.amp__form) .prompt__sub { text-transform: none!important; } #secondary-banner:has(.amp__form) .prompt p { margin: 30px 0 10px!important; } /* Amp Form */ #secondary-banner .ion-amp-form { border-radius: 4px!important; border: 0 solid #999!important; background: #fff!important; width: 510px!important; max-width: 100%!important; margin: 0 auto!important; } #secondary-banner .ion-amp-form input { padding: 0 20px!important; } #secondary-banner .ion-amp-form input:focus { background: #fff!important; } #secondary-banner .ion-amp-form input::-webkit-input-placeholder { font-size: 16px!important; color: #595959!important; letter-spacing: normal!important; } #secondary-banner .ion-amp-form button { letter-spacing: .1em; } /* #secondary-banner .ion-amp-form button { background: none!important; border: 0!important; flex: 0 0 0!important; color: #000!important; font-size: 0!important; padding: 0 15px!important; } */ /* #secondary-banner .ion-amp-form button::after { content: '\f002'!important; font-size: 22px!important; font-family: "Font Awesome 6 Pro"!important; font-style: normal!important; font-weight: 400!important; -webkit-font-smoothing: antialiased!important; } */ #secondary-banner .ion-amp-form button:hover { color: var(--primary)!important; } @media (max-width:600px) { /* #secondary-banner .amp__form .ion-amp-form { flex-wrap: nowrap!important; } */ #secondary-banner .prompt__lead { font-size: 40px!important; } #secondary-banner .prompt__sub { font-size: 20px!important; } } /* No Hero Image */ main.no-hero, body.no-hero main, body:has(.nhvl-details) main { margin-top: var(--header-height)!important; } #header.no-hero, body.no-hero #header, .no-hero #header, body:has(.no-hero) #header, body:has(.nhvl-details) #header { color: #fff!important; } @media (max-width:1635px) { #header.no-hero .nav { right: 15px!important; } #header.no-hero .links { height: 40px!important; top: 0 !important; } #header.no-hero .links .btn { color: #fff!important; font-size: 14px!important; } } .amp-step-2__header p { margin-bottom: 0!important; } #contact .form-container /* ========================================================================== Blog Page ============================================================================= */ /* Main Template */ .blog-container .side-panel { border-radius: 8px!important; } /* Search */ #tipue_search_input { border-radius: 4px 0 0 4px!important; } .tipue_search_button { border-radius: 0 4px 4px 0!important; } /* Recent */ .blog-recent-posts .post-thumb { border-radius: 4px!important; } .blog-recent-posts .post-details .post-title { letter-spacing: normal!important; } /* Authors */ .blog-author-list .author-image { border: 0!important; background: transparent!important; } .blog-author-list .author-image img[src*='pmi-badge'] { width: unset!important; max-height: 80%!important; } .blog-author-list .author-image:has(img[src*='pmi-badge']) { overflow: visible!important; } /* Post ============================================================================= */ .blog-post .post-featured { border-radius: 8px!important; } .blog-post .post-header .post-title { margin: 0 0 15px!important; } .blog-post .read-more { margin-top: 15px!important; color: var(--primary)!important; font-size: 16px!important; font-weight: normal!important; letter-spacing: .01em!important; text-transform: none!important; } .blog-post .read-more::after { display: none!important; } body .blog-post .read-more:hover { color: var(--gray-md)!important; } .blog-post .post-body h1, .blog-post .post-body h2 { font-size: 30px!important; margin: 35px 0 15px!important; } .blog-post .post-body h3 { font-size: 24px!important; letter-spacing: normal!important; font-weight: 600!important; } .blog-post .post-body h4 { font-size: 20px!important; letter-spacing: normal!important; } .blog-post .post-header .post-title { font-size: 24px!important; margin: 0 0 5px!important; } .blog-post .post-header .post-date { --primary-light: var(--primary); } /* Post Author */ .blog-container .blog-post .post-footer-author .author-image { background: transparent!important; } .blog-container .blog-post .post-footer-author .author-image img[src*='pmi-badge'] { height: 80%!important; width: auto!important; } .blog-container .blog-post .post-footer-author .author-image:has(img[src*='pmi-badge']) { overflow: visible!important; } /* Post List ============================================================================= */ .blog-container .blog-post-list .blog-post .post-content { background: #fff!important; } /* Inline Blog Post List ============================================================================= */ #blog-inline .blog-post { background: #fff!important; border-radius: 8px!important; -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1)!important; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1)!important; overflow: hidden!important; } #blog-inline .blog-post .post-featured { border-radius: 0!important; padding-top: 52%!important; } #blog-inline .blog-post .post-title { font-size: 20px!important; font-weight: 600!important; margin: 15px 0!important; } #blog-inline .blog-post .post-date { margin-top: 0!important; text-transform: none!important; color: rgba(0,0,0,.75)!important; font-size: 16px!important; } #blog-inline .blog-post .post-body { padding: 25px!important; background: #fff!important; } #blog-inline .blog-post .post-body .post-content { font-size: 16px!important; line-height: 1.71!important; letter-spacing: normal!important; color:var(--body-text);} #blog-inline .blog-post--side:hover .post-featured { opacity: 1!important; } @media (min-width: 1200px) { #blog-inline .blog-post--main { height: 100%!important; } #blog-inline .blog-post--main .post-body { display: flex!important; flex-direction: column!important; } #blog-inline .blog-post--side .post-date, #blog-inline .blog-post--side .post-body .post-content, #blog-inline .blog-post--side .post-body .read-more { display: block!important; } #blog-inline .blog-post--side:nth-child(1n+3) { display: none!important; } #blog-inline .blog-post--side:nth-child(2) { margin-top: 25px!important; } #blog-inline .blog-post--side { align-items: stretch !important; flex: 1 1 50%!important; } #blog-inline .blog-post--side .post-body { margin: auto 0!important; } #blog-inline .blog-post--side .post-featured { height: 100%!important; } #blog-inline .blog-post .post-image { flex: 1 0 35%!important; } body #blog-inline .blog-post--side .post-title { position: relative!important; opacity: 1!important; color: var(--body-text)!important; text-align: left!important; padding: 0!important; justify-content: flex-start; } #blog-inline .blog-post--side .post-body .post-content { height: 7em!important; overflow: hidden!important; } #blog-inline .blog-post { margin: 0!important; } #blog-inline .link-list { margin: 15px -25px 0!important; } body #blog-inline { --bs-gutter-x: 25px!important; --bs-gutter-y: 25px!important; } #blog-inline .col-xl-5:has(.blog-post--side) { display: flex!important; flex-direction: column!important; } #blog-inline .col-xl-5, #blog-inline .col-xl-7 { width: 50%!important; flex: 1 1 50%!important; --bs-gutter-x: 25px!important; --bs-gutter-y: 25px!important; } } /* Home Blog */ #home-blog { background: var(--gray)!important; } #home-blog header { text-align: left!important; } #home-blog .read-more-all { background: var(--primary)!important; border: 1px solid var(--primary)!important; padding: 3px 20px!important; border-radius: 8px; } #home-blog .read-more-all:hover { background: #fff!important; color: #000!important; } #home-blog .read-more-all::after { display: none!important; } @media (max-width: 525px){ #home-blog #blog-inline .col-xl-5 { display: none!important; } } /* ========================================================================== Buyer Page ============================================================================= */ #buyer-tips .icon-list__description strong { display: none!important; } /* ========================================================================== Contact Page ============================================================================= */ .contact-info__icon { position: absolute; top: 0; left: 0; color: var(--gray-md); font-size: 25px; } /* ========================================================================== Pricing Page ============================================================================= */ #mortgage-calculator, #cma { padding-top: 80px; } .calc-form + .container > .text-center, #calc-terms { text-align: left!important; } .calc-form__btn, .calc-form__controls #calculate { --body-text: var(--primary); color: #000!important; border: 1px solid var(--primary)!important; font-weight: 600!important; } .calc-form__btn:hover { background: #fff!important; } .calc-instructions p { text-align: left!important; } /* ========================================================================== #Services Page(s) ============================================================================= */ #services-cluster .body-container { padding: 0; } #services-cluster h2.text-primary { color: var(--body-text)!important; } #services-cluster:has(#faq) ~ .cta-banner { background-color: #fff!important; } .intro, .intro.pt-7 { padding-top: 100px!important; padding-bottom: 85px; } .intro h1 + h2 { text-transform: lowercase; } .intro h1 + h2::first-letter { text-transform: uppercase; } .intro p.lead.fw-bold.text-primary { color: var(--text-dark)!important; } /* Inspections and Appraisals */ .intro .container-fluid .col-lg-7.order-lg-first h1 + h2.display-2.mb-5:has(~h4.display-4-sm) { display: none; } @media (min-width: 992px){ /* Account Reporting */ .intro .container-fluid .row.g-xl-6 .col-lg-12.order-lg-2 .row .col-lg-6 { flex: 1 0 100%; margin-top: 20px; } } @media (max-width: 991px){ .body-container.container-fluid:has(.intro) { padding-top: 0!important; } .intro, .intro.pt-7 { padding-top: 50px!important; padding-bottom: 50px; } .intro .container-fluid .row.g-xl-6 .col-lg-12 { margin-top: 60px!important } .intro .container-fluid .row.g-xl-6 .col-lg-12 .g-6 { --bs-gutter-y: 1rem!important; } } @media (max-width: 768px) { /* .body-container .intro { padding-top: 0!important; } */ .intro .launch-accordion li div { display: block !important; } .intro .launch-accordion li { pointer-events: none; } .intro .launch-accordion > li > h4 { color: var(--body-text)!important } .intro .launch-accordion > li:not(.active) > h4::after { opacity: 1!important; } /* #services-cluster #faq .launch-accordion li:first-child div { display: block !important; } #services-cluster #faq .launch-accordion > li > h4 { color: var(--body-text)!important } #services-cluster #faq .launch-accordion > li:not(.active) > h4::after { opacity: 1!important; } */ } @media (max-width: 650px){ #services-cluster .list-inline.list-inline--arrows li:not(:last-child)::after { margin: 0 15px; } } @media (max-width: 498px){ #services-cluster .list-inline.list-inline--arrows{ font-size: 16px!important; } } @media (max-width: 414px){ #services-cluster .list-inline.list-inline--arrows li:not(:last-child)::after { margin: 0 6px!important; font-size: 13px!important; } } /* FAQ */ #faq .launch-accordion.faqs h4 { font-size: 22px!important; } #faq .launch-accordion > li > h4::after { font-size: 20px!important; } /* Owner FAQ */ @media (max-width: 768px){ #owner-resources + #faq .launch-accordion.faqs > li:first-child h4, .intro + #faq .launch-accordion.faqs > li:first-child h4 { color: var(--body-text)!important; } #owner-resources + #faq .launch-accordion.faqs > li:first-child > div, .intro + #faq .launch-accordion.faqs > li:first-child > div { display: block!important; } #owner-resources + #faq .launch-accordion.faqs > li:first-child, .intro + #faq .launch-accordion.faqs > li:first-child { pointer-events: none; } #owner-resources + #faq .launch-accordion.faqs > li:first-child > h4::after, .intro + #faq .launch-accordion.faqs > li:first-child > h4::after { opacity: 1!important; } } /* Multifamily Services */ #multifamily-services { display: block!important; text-align: center; background: #fff!important; } #multifamily-services::before { display: none!important; } #multifamily-services .col-lg-4 { display: none; } #multifamily-services .col-lg-6 { width: 100%; } #multifamily-services h3, #multifamily-services p.text-accent { padding: 0!important; margin: 0!important; font-size: 0!important; color: #000!important; } #multifamily-services h3::before, #multifamily-services p.text-accent::before { content: 'Comprehensive Multifamily Services'; font-size: 48px; font-weight: 700; display: block; margin-bottom: 25px; } #multifamily-services h3::after, #multifamily-services p.text-accent::after { content: 'Our service model blends local operations with national systems and support, delivering:'; font-size: 30px; display: block; margin-bottom: 50px; font-weight: 400; } #multifamily-services ul { text-align: center; display: flex!important; flex-wrap: wrap; align-items: flex-start; justify-content: center; color: #000; gap: 24px 0; max-width: 100%; margin: 0 auto; } #multifamily-services li { color: #000; padding: 0!important; flex: 0 1 30%; text-align: center; line-height: 30px; max-width: 296px; margin: 0 40px 10px!important; font-size: 22px; font-weight: 600; } #multifamily-services li::before { height: 80px; width: 80px; display: block; position: relative; margin: 0 auto 25px; top: 0; background-image: url('https://pmi-resources.nesthub.com/images/new-brand/icon-handshake.svg?v2'); background-size: contain; background-repeat: no-repeat; background-position: center center; } #multifamily-services li:nth-of-type(1)::before { background-image: url('https://pmi-resources.nesthub.com/images/new-brand/icon-finance.svg?v2'); } #multifamily-services li:nth-of-type(2)::before { background-image: url('https://pmi-resources.nesthub.com/images/new-brand/icon-community-communication.svg?v2'); } #multifamily-services li:nth-of-type(3)::before { background-image: url('https://pmi-resources.nesthub.com/images/new-brand/icon-budget.svg?v2'); } #multifamily-services li:nth-of-type(4)::before { background-image: url('https://pmi-resources.nesthub.com/images/new-brand/icon-appliances.svg?v2'); } @media (min-width: 992px) { #multifamily-services ul>* { flex: 0 0 auto; width: 33.3333333333%; } } @media (max-width: 600px) { #multifamily-services h3::before, #multifamily-services p.text-accent::before { font-size: 30px; } #multifamily-services h3::after, #multifamily-services p.text-accent::after { font-size: 20px; } #multifamily-services ul>* { flex: 0 0 50%; width: 50%; } } @media (max-width: 500px) { #multifamily-services ul>* { flex: 0 0 100%; width: 100%; } } /* AMP Step 1 ============================================================================= */ .amp__form .ion-amp-form input:focus { background: var(--gray); } .amp__form .ion-amp-form input:focus::-webkit-input-placeholder { color: var(--body-text)!important; } .amp__form .ion-amp-form button { background: var(--primary); color: #000; border: 1px solid var(--primary); font-weight: bold; white-space: nowrap; opacity: 1!important; text-transform: uppercase; -webkit-box-flex: 0; -ms-flex: 0 1 150px; flex: 0 1 150px; } .amp__form--btn-accent button { color: var(--body-text)!important; background: var(--primary)!important; border: 1px solid var(--primary)!important; } /* Cluster Content ============================================================================= */ #services-cluster:has(.bg-primary-lighter:last-child) + #areas.bg-primary-lighter, .areas-banner.bg-primary-lighter { background: #fff!important; } /* Sub Nav */ #sub-nav .nav-link:hover, #sub-nav .nav-item.active .nav-link { color: var(--primary)!important; } @media (min-width:1200px) { #sub-nav.sub-nav--lg, #services-cluster:has(.sub-nav--lg), .hero:has(#sub-nav.sub-nav--lg) { --sub-nav-height: 126px; } } #sub-nav .nav-item.next.prev::before, #sub-nav .nav-item.next.prev::after { display: none!important; } #sub-nav .nav:has(.active ~ .active) .active:first-of-type .nav-link { color: inherit!important; } #sub-nav.affix { background: var(--gray)!important; color: var(--body-text)!important; } #sub-nav.affix .nav { flex-wrap: nowrap!important; text-align: center; } @media (max-width:991px) { #sub-nav .container { max-width: 100%!important; } #sub-nav .nav-link { padding: 12px 15px!important; } } /* PM Process */ .pm-process__title { font-size: 33px; font-weight: 500; color: #fff; margin: 0; font-family: var(--accent-font); letter-spacing: .025em; } .pm-process__collapse h4 { color: #fff; letter-spacing: .05em; margin: 0 0 20px; font-weight: 500; } #analysis-banner.bg-faded--primary-lighter { --background-color: var(--light-rgb)!important; } #analysis-banner { padding: 0!important; gap: 0!important; } #analysis-banner::before { border-radius: 0!important; box-shadow: none!important; } #analysis-banner .container-fluid { padding: 80px 7vw!important; } @media (max-width:1199px) { #analysis-banner { flex-direction: column; } #analysis-banner::before { height: 60vw !important;} } .cta-banner.bg-primary-light { background: var(--gray)!important; } .cta-banner.bg-primary-light .btn--dark { --dark: var(--primary); color: #000!important; } .analysis-cta.text-center { text-align: left!important; align-items: flex-start!important; padding-left: 5vw!important; padding-right: 5vw!important; } #pricing { --primary-lighter: var(--primary); z-index: 1; } #pricing .btn--gray, #pricing .btn--accent { --gray-dark: var(--dark)!important; --accent: var(--dark)!important; --primary: var(--dark)!important; --text-dark: #fff!important; --secondary: #fff!important; } #pricing .btn--gray:hover, #pricing .btn--gray:focus, #pricing .btn--accent:hover, #pricing .btn--accent:focus { color: var(--dark)!important; } #pricing .pricing__plan-name { min-height: 144px } @media (min-width: 768px) and (max-width: 1241px){ #pricing .pricing__plan-name { min-height: 177px!important; } } @media (max-width: 992px){ section#pricing table tbody td { color: var(--body-text)!important; } #pricing table tbody td, #pricing table thead th:not(:first-child) { box-shadow: inset -50px 0px 50px -25px rgba(0,0,0, 0.02)!important; } #pricing table tbody td:nth-child(2) i, #pricing table tbody td:nth-child(2) i.fa-times { color: var(--secondary)!important; } #pricing table tbody td:nth-child(3) i, #pricing table tbody td:nth-child(3) i.fa-times { color: var(--gray-dark)!important; } #pricing table tbody td:nth-child(4) i, #pricing table tbody td:nth-child(4) i.fa-times { color: var(--accent)!important; } #pricing table tbody td:nth-child(5) i, #pricing table tbody td:nth-child(5) i.fa-times { color: var(--dark)!important; } #pricing table tbody td:nth-child(2), #pricing table tbody td:nth-child(3), #pricing table tbody td:nth-child(4), #pricing table tbody td:nth-child(5) { background-color: transparent!important; } #pricing .tooltip-container { display: block!important; padding-left: 0!important } } @media (max-width: 768px){ #pricing .pricing__plan-name { font-size: 18px!important; } } @media (max-width: 625px){ #pricing .pricing__plan-name { font-size: 0!important; min-height:50px!important; } #pricing .pricing__plan-name::before { font-size: 16px!important; line-height: 1.2em; } #pricing table thead tr th:nth-child(2) .pricing__plan-name::before { content:'Leasing & Tenant Place­ment'; } #pricing table thead tr th:nth-child(3) .pricing__plan-name::before { content:'Silver Plan'; } #pricing table thead tr th:nth-child(4) .pricing__plan-name::before { content:'Gold Plan'; } #pricing table thead tr th:nth-child(5) .pricing__plan-name::before { content:'Platinum Plan'; } } @media (max-width: 570px){ #pricing .pricing__plan-name { min-height: 80px!important; } } #carouselSteps .carousel-indicators [data-bs-target] { --secondary-light: #fff; } #area-info .text-center { text-align: left!important; } .pm-process__content .read-more-toggle:not(:hover) { --primary-light: var(--primary); } .pm-process__content .read-more-toggle:hover { --primary: #fff; } .pm-process__content .read-more-toggle.collapsed::before { content: 'MORE \00A0 \e013'!important; font-family: var(--primary-font) ,"Font Awesome Kit"!important; } .read-more-toggle--alt.collapsed::before { content: 'Read More \00A0'!important; font-family: var(--primary-font) ,"Font Awesome Kit"!important; display: inline; } .read-more-toggle--alt.collapsed::after { content: '\e013'!important; font-family:"Font Awesome Kit"!important; display: inline; font-size: 18px; color: var(--primary); } #brokerage-resources { padding: 80px 0 50px; background: var(--gray); } #association-ctas { padding: 120px 0 80px; } #home-watch-services .banner-xl { padding: 80px 5vw!important; } @media (max-width: 992px){ #home-watch-services .banner-xl { gap: 0; } #home-watch-services .banner-xl.bg-faded--right .faded-row-content { padding: 30px 0!important } } #investment-benefits .display-1 { margin-left: 0!important; } #investment-benefits .text-center { text-align: left!important; } #military-search .text-center { text-align: left!important; } #military-search .mw-550 { margin-left: 0!important; } /* Utilities - Helper Classes ============================================================================= */ .banner-sm { padding-top: 85px; padding-bottom: 85px; } @media (max-width: 600px) { .banner { padding-top: 45px; padding-bottom: 45px; } .banner-sm { padding-top: 40px; padding-bottom: 40px; } .banner-lg { padding-top: 50px; padding-bottom: 50px; } .banner-xl { padding-top: 55px; padding-bottom: 55px; } } .pagination, .nhvl-pagination, .nhw-pagination, .rvw-pagination { --primary: var(--body-text); } .nhw-page-item.nhw-active .nhw-page-link, .nhvl-page-item.nhvl-active .nhvl-page-link, .rvw-page-item.rvw-active .rvw-page-link { background: #000!important; color: #fff!important; } /* Widgets */ .nhvl-virtual-search-icon .icon, .nhvl-dates-tab-icon .icon, .booking-details__icon, .fa-nhvl-pet.text-primary, .prop-search-form__icon .icon, .prop-search-options__icon .icon { color: var(--gray-md)!important; } .nhvl-search-modal-checkbox-list-item { --primary-light: #fff!important; } .nhvl-search-modal-checkbox-list-item input:checked ~ span { background: var(--primary)!important; } .nhvl-listing-list-item a:hover, .nhw-list__item a:hover, .rvw-list__image a:hover { color: inherit!important; } .nhvl-listing-list-item .image, .nhvl-details__gallery .image-preview, .nhvl-details__booking-container, .nhvl-modal__content, .nhvl-dates-tabs, .nhw-list__image, .nhw-details__gallery .image-preview, .nhw-details__form-container, .nhw-details__map-container, #nesthub-property-view-map-panel, .rvw-list__image, .rvw-details__gallery .image-preview, .rvw-details__form-container, .rvw-details__map-container { border-radius: 8px!important; } .nhvl-details__gallery .nhvl-listing-detail-view-gallery, .nhvl-listing-detail-view-video, .booking-button a, .nhvl-virtual-submit.nhvl-modal__btn, .nhvl-search-modal-checkbox-list-item span, .nhw-listing-detail-view-gallery, .nhw-listing-detail-view-video, .rvw-listing-detail-view-gallery, .rvw-listing-detail-view-video { border-radius: 4px!important; } .booking-button a { font-weight: bold; } .booking-button a:hover { color: var(--body-text)!important; } .nhw-details__form-container .btn-list, .rvw-details__form-container .btn-list { flex-direction: column!important; } .nhw .nhw-details__form-container input, .nhw-details__form-container textarea, .rentvine-widget .rvw-details__form-container input, .rentvine-widget .rvw-details__form-container textarea { border: 1px solid #999!important; border-radius: 4px!important; height: 50px!important; padding-left: 20px!important; } .nhw-details__form-container .nhw-form .nhw-form-group:not(.nhw-form-group-checkbox):not(.nhw-form-group-radio):not(.nhw-form-group-textarea) label, .rvw-details__form-container .rvw-form .rvw-form-group:not(.rvw-form-group-checkbox):not(.rvw-form-group-radio):not(.rvw-form-group-textarea) label { left: 20px!important; bottom: 4px!important; } .nhw .nhw-details__form-container textarea, .rvw-details__form-container .rvw-details__form textarea { padding: 10px 20px!important; height: 70px!important; } .nhw-details__form-container .nhw-form .nhw-form-group:not(.nhw-form-group-checkbox):not(.nhw-form-group-radio):has(input:focus) label, .nhw-details__form-container .nhw-form .nhw-form-group:has(select:focus) label, .nhw-details__form-container .float-label, .rvw-details__form-container .rvw-form .rvw-form-group:not(.rvw-form-group-checkbox):not(.rvw-form-group-radio):has(input:focus) label, .rvw-details__form-container .rvw-form .rvw-form-group:has(select:focus) label, .rvw-details__form-container .float-label { transform: translateY(-.65em) scale(.8)!important; } .nhw-form-group, .rvw-form-group { margin-bottom: 15px!important; } .nhw-details__form-container .nhw-btn.nhw-btn-primary, .rentvine-widget .rvw-details__form-container .rvw-btn { margin-top: 15px; font-weight: bold!important; background: var(--primary)!important; position: relative; padding: 0; border: 1px solid var(--primary)!important; border-radius: 8px!important; width: 124px!important; margin-right: auto!important; padding: 0 15px!important; line-height: 50px!important; letter-spacing: .1em!important; } .nhw-details__form-container .nhw-btn.nhw-btn-primary:hover, .rvw-details__form-container .rvw-btn:hover { color: var(--body-text)!important; background: #fff!important; } .nhw .nhw-details__form-container .nhw-btn::after, .rvw-details__form-container .rvw-btn::after { display: none!important; } .nhw-nav-pills .nhw-nav-link.nhw-active, .rvw-nav-pills .rvw-nav-link.rvw-active { color: #000!important; } .nhw .g-recaptcha > div, .rvw-form .g-recaptcha > div { margin: 0 auto!important; } /* PMI Georgia */ /* .what-we-do img[src*="icon"] { filter: invert(1) brightness(2.5) grayscale(1); } */ .what-we-do img { max-width: 110px; } .what-we-do h4, .what-we-do h4 a { color: var(--secondary)!important; } .what-we-do h4 a:hover { color: var(--primary)!important; } /* PMI Texas */ .footer .texas-links { text-align: left!important; } /* PMI ATX */ #str-regulations-intro #contact .form-container { margin-top: 0!important; } /* Popup */ #popup { display: none!important; max-width: 315px; background: rgba(255,255,255, 1); position: fixed; top: 25%; right: 0; padding: 30px 30px 30px 15px; z-index: 888; cursor: pointer; color: var(--body-text); font-size: 26px; margin: 0; font-weight: 700; text-transform: uppercase; line-height: 1.1; display: flex; align-items: center; gap: 17px; box-shadow: var(--box-shadow-lg);} #popup:hover { color: var(--body-text)!important; } #popup p, #popup img { margin: 0; letter-spacing: normal; } #popup img { height: 72px; padding: 0; } @media (min-width: 526px){ #popup { border-radius: 8px 0 0 8px; } #popup:hover { max-width: 330px; transition: 0.5s; } } @media (max-width: 525px){ #popup { bottom: 0; top: auto; max-width: none; width: 100vw; font-size: 28px; } #popup:hover { color: var(--primary); } .chat-button-content.lv-chat-btn-id { margin-bottom: 150px!important; } } /* Hide Logins if they don't exist */ .nav__dropdown > li:has(a[href="#hoa-board-login"]), .nav__dropdown > li:has(a[href="#hoa-homeowner-login"]), .nav__pillar-menu > li:has(a[href="#hoa-board-login"]), .nav__pillar-menu > li:has(a[href="#hoa-homeowner-login"]), a.login-dropdown__link[href^="#"], .login-dropdown__title:has(+ a.login-dropdown__link[href^="#"]), #header .links:not(:has(a[href^="http"])) .login-dropdown-btn, .texas-links:has(a[href="/files/.pdf"] + a[href="/files/.pdf"]), .texas-links li:has(a[href="/files/.pdf"]) { display: none; } /* .intro a[href="#pet"] { display:none!important; } */ /* Change Realty to Realty Services on Pillar */ #home-pillars .image-list__item:has(a[href$="-real-estate"]) .image-list__title { font-size: 0!important; } #home-pillars .image-list__item:has(a[href$="-real-estate"]) .image-list__title::after { content: 'Realty Services'; display: block; font-size: 30px; } /* Home Brand Promise Update */ #home-brand-promise { display: block!important; text-align: center; background: #fff!important; } #home-brand-promise::before { display: none!important; } #home-brand-promise .col-lg-4 { display: none; } #home-brand-promise .col-lg-6 { width: 100%; } #home-brand-promise h3, #home-brand-promise p.text-accent { padding: 0!important; margin: 0!important; font-size: 0!important; color: #000!important; } #home-brand-promise h3::before, #home-brand-promise p.text-accent::before { content: 'Less worry. More opportunity.'; font-size: 48px; font-weight: 700; display: block; margin-bottom: 25px; } #home-brand-promise h3::after, #home-brand-promise p.text-accent::after { content: 'Our commitment is to always strive to enhance, improve, and add value through:'; font-size: 30px; display: block; margin-bottom: 50px; font-weight: 400; } #home-brand-promise ul { text-align: center; display: flex!important; flex-wrap: wrap; align-items: flex-start; justify-content: center; color: #000; gap: 24px 0; width: 842px; max-width: 100%; margin: 0 auto; } #home-brand-promise li { color: #000; padding: 0!important; flex: 0 1 30%; text-align: center; line-height: 1.2; max-width: 200px; margin: 0 40px 10px!important; } #home-brand-promise li::before { height: 80px; width: 80px; display: block; position: relative; margin: 0 auto 25px; top: 0; background-image: url('https://pmi-resources.nesthub.com/images/new-brand/icon-strategy.svg?v2'); background-size: contain; background-repeat: no-repeat; background-position: center center; } #home-brand-promise li:nth-of-type(1)::before { background-image: url('https://pmi-resources.nesthub.com/images/new-brand/icon-chat.svg?v2'); } #home-brand-promise li:nth-of-type(2)::before { background-image: url('https://pmi-resources.nesthub.com/images/new-brand/icon-handshake.svg?v2'); } #home-brand-promise li:nth-of-type(3)::before { background-image: url('https://pmi-resources.nesthub.com/images/new-brand/icon-graph.svg?v2'); } #home-brand-promise li:nth-of-type(4)::before { background-image: url('https://pmi-resources.nesthub.com/images/new-brand/icon-calendar.svg?v2'); } #home-brand-promise ul::after { content: 'Portfolio Strategy'; display: block; font-size: 20px; flex: 0 1 30%; max-width: 200px; margin: 0 40px 10px; line-height: 1.2; text-align: center; background-image: url(https://pmi-resources.nesthub.com/images/new-brand/icon-strategy.svg?v2); background-repeat: no-repeat; background-position: top center; background-size: 80px; padding-top: 105px; } @media (min-width: 992px) { #home-brand-promise ul>* { flex: 0 0 auto; width: 33.3333333333%; } } @media (max-width: 600px) { #home-brand-promise h3::before, #home-brand-promise p.text-accent::before { font-size: 30px; } #home-brand-promise h3::after, #home-brand-promise p.text-accent::after { font-size: 20px; } #home-brand-promise ul>* { flex: 0 0 50%; width: 50%; } } @media (max-width: 500px) { #home-brand-promise ul>* { flex: 0 0 100%; width: 100%; } } /* Form Checkbox Has Link */ .form-container .ion-form-group-checkbox:has(a) label { width: 100%!important; } .form-container .ion-form-group-checkbox:has(a) span { display: block; } .form-container .ion-form-group-checkbox a:not(:hover) { color: var(--primary); }