/* Theme Name: HealthVerity WordPress Theme Theme URI: http://themeforest.net/user/greatives Description: A custom theme based on the Movedo Theme Version: 2.0.89 Author: thinkdm2 Author URI: https://thinkdm2.com Template: movedo */ /*__// Stylesheet Contents //__*//* 0. Theme Overrides - Colors 1. Classes 2. Typography 3. Header & Navigation a. Mobile/Hidden Menu 4. Footer 5. Modules & Elements a. Accordions b. Buttons c. Callouts d. Cards e. Carousels f. Forms - Hubspot g. Parallax 6. Home Page 6a. Hero Announcement 6b. HV Platform Hotspot Diagram 6. Solution Pages 7. Secondary Pages 7a. Page Head 7x. The MOM Journey 8. System Pages 9. Legacy Styles X. Media Queries *//*__// HV Brand Colors //__*//* _ Green: #67bf47; _ Yellow: #f9c80f; _ Magenta: #ca3c7d; _ Teal: #2bb8c7; _ Black: #1d2129; _ Off-white: #faf8f6; – Green Hover: #579f41; OLD: #5dad3f; _ Yellow Hover: #cca614; OLD: #cca30c; _ Magenta Hover: #a7366c; _ Teal Hover: #2799a7; *//*__// 0. Theme Overrides //__*/ ::selection { color: #fff; background: #1d2129; } .grve-back-top { height: 50px; width: 50px; } .grve-back-top .grve-wrapper-color { box-shadow: 0 3px 6px 0 rgba(0,0,0,.3); transition: background-color .3s ease, box-shadow .3s ease; } .grve-back-top:hover .grve-wrapper-color { box-shadow: 0 2px 4px 0 rgba(0,0,0,.3); background-color: #579f41; } .grve-back-top:active .grve-wrapper-color { box-shadow: none; } /*.grve-back-top .grve-back-top-icon, .grve-carousel-buttons div i, .grve-pagination ul li i*/ .grve-back-top .grve-back-top-icon { font-family: 'Font Awesome 6 Free'!important; font-weight: 900; } .grve-back-top .grve-back-top-icon { font-size: 18px; line-height: 50px; } .grve-back-top .grve-back-top-icon::before { /*content:'\f077';*/ /* chevron up */ content: '\f062'; /* arrow up */ display: inline-block; transition: transform .3s ease; } /*.grve-back-top:hover .grve-back-top-icon::before { transform: translate(0, -.25rem); }*/ .fluid-width-video-wrapper { padding-top: 56.25%!important; } .grve-box-icon p > a { display: inline!important; } /*__// Colors //__*/ .grve-bg-primary-1 .grve-element:not(.hv-btn) a, .grve-bg-primary-1 .grve-element:not(.hv-btn) a:focus, .grve-bg-primary-1 .grve-element:not(.hv-btn) a:hover, .grve-bg-primary-2 .grve-element:not(.hv-btn) a, .grve-bg-primary-2 .grve-element:not(.hv-btn) a:focus, .grve-bg-primary-2 .grve-element:not(.hv-btn) a:hover, .grve-bg-primary-3 .grve-element:not(.hv-btn) a, .grve-bg-primary-3 .grve-element:not(.hv-btn) a:focus, .grve-bg-primary-3 .grve-element:not(.hv-btn) a:hover, .grve-bg-primary-4 .grve-element:not(.hv-btn) a, .grve-bg-primary-4 .grve-element:not(.hv-btn) a:focus, .grve-bg-primary-4 .grve-element:not(.hv-btn) a:hover { color: inherit; } /* Light/White */ #grve-theme-wrapper .grve-bg-white, #grve-theme-wrapper .grve-bg-hover-white:hover, #grve-theme-wrapper a.grve-bg-hover-white:hover, #grve-theme-wrapper a .grve-bg-hover-white:hover, #grve-theme-wrapper a:hover .grve-bg-hover-white, .grve-filter.grve-filter-style-button.grve-filter-color-white ul li.selected { color: #1d2129; } .grve-headings-light .grve-h1, .grve-headings-light .grve-h2, .grve-headings-light .grve-h3, .grve-headings-light .grve-h4, .grve-headings-light .grve-h5, .grve-headings-light .grve-h6, .grve-column.grve-headings-light .grve-h1, .grve-column.grve-headings-light .grve-h2, .grve-column.grve-headings-light .grve-h3, .grve-column.grve-headings-light .grve-h4, .grve-column.grve-headings-light .grve-h5, .grve-column.grve-headings-light .grve-h6 { color: #ffffff; } /* Dark/Black */ #grve-theme-wrapper .grve-bg-dark, #grve-theme-wrapper .grve-bg-hover-dark:hover, #grve-theme-wrapper a.grve-bg-hover-dark:hover, #grve-theme-wrapper a .grve-bg-hover-dark:hover, #grve-theme-wrapper a:hover .grve-bg-hover-dark, .grve-filter.grve-filter-style-button.grve-filter-color-dark ul li.selected, #grve-theme-wrapper .grve-bg-black, #grve-theme-wrapper .grve-bg-hover-black:hover, #grve-theme-wrapper a.grve-bg-hover-black:hover, #grve-theme-wrapper a .grve-bg-hover-black:hover, #grve-theme-wrapper a:hover .grve-bg-hover-black, .grve-filter.grve-filter-style-button.grve-filter-color-black ul li.selected { background-color: #1d2129; border-color: #1d2129; color: #fff; } #grve-theme-wrapper .grve-bg-dark h1, #grve-theme-wrapper .grve-bg-dark h2, #grve-theme-wrapper .grve-bg-dark h3, #grve-theme-wrapper .grve-bg-dark h4, #grve-theme-wrapper .grve-bg-dark h5 #grve-theme-wrapper .grve-bg-dark h6, #grve-theme-wrapper .grve-bg-dark .grve-h1, #grve-theme-wrapper .grve-bg-dark .grve-h2, #grve-theme-wrapper .grve-bg-dark .grve-h3, #grve-theme-wrapper .grve-bg-dark .grve-h4, #grve-theme-wrapper .grve-bg-dark .grve-h5, #grve-theme-wrapper .grve-bg-dark .grve-h6 { color: #fff; } .grve-text-black, #grve-theme-wrapper .grve-text-hover-black:hover, #grve-theme-wrapper a.grve-text-hover-black:hover, #grve-theme-wrapper a .grve-text-hover-black:hover { color: #1d2129; } /* Green */ .grve-element a, .grve-headings-green h1, .grve-headings-green h2, .grve-headings-green h3, .grve-headings-green h4, .grve-headings-green h5, .grve-headings-green h6, .grve-headings-green .grve-heading-color, .grve-column.grve-headings-green h1, .grve-column.grve-headings-green h2, .grve-column.grve-headings-green h3, .grve-column.grve-headings-green h4, .grve-column.grve-headings-green h5, .grve-column.grve-headings-green h6, .grve-column.grve-headings-green .grve-heading-color, .grve-split-content .grve-headings-green.grve-media-wrapper .grve-title { /*color: #47bf60; - OLD (Pre 2023) */ color: #67bf47; } #grve-theme-wrapper .bg-green, #grve-theme-wrapper .grve-bg-primary-1 { /*background-color: #47bf60; - OLD (Pre 2023) */ /*border-color: #47bf60; - OLD (Pre 2023) */ background-color: #67bf47; border-color: #67bf47; } #grve-theme-wrapper .grve-bg-primary-1, #grve-theme-wrapper .grve-bg-hover-primary-1:focus, #grve-theme-wrapper .grve-bg-hover-primary-1:hover, #grve-theme-wrapper a.grve-bg-hover-primary-1:focus, #grve-theme-wrapper a.grve-bg-hover-primary-1:hover, #grve-theme-wrapper a .grve-bg-hover-primary-1:focus, #grve-theme-wrapper a .grve-bg-hover-primary-1:hover, #grve-theme-wrapper a:focus .grve-bg-hover-primary-1, #grve-theme-wrapper a:hover .grve-bg-hover-primary-1, .grve-filter.grve-filter-style-button.grve-filter-color-primary-1 ul li.selected{ color: #1d2129; } #grve-theme-wrapper .grve-bg-hover-primary-1:hover, #grve-theme-wrapper a.grve-bg-hover-primary-1:focus, #grve-theme-wrapper a.grve-bg-hover-primary-1:hover, #grve-theme-wrapper a .grve-bg-hover-primary-1:focus, #grve-theme-wrapper a .grve-bg-hover-primary-1:hover, #grve-theme-wrapper a:focus .grve-bg-hover-primary-1, #grve-theme-wrapper a:hover .grve-bg-hover-primary-1 { background-color: #579f41; border-color: #579f41; } /* Yellow */ #grve-theme-wrapper .bg-yellow, #grve-theme-wrapper .grve-bg-primary-2 { background-color: #f9c80f; color: #1d2129; } #grve-theme-wrapper .grve-bg-hover-primary-2:hover, #grve-theme-wrapper a.grve-bg-hover-primary-2:focus, #grve-theme-wrapper a.grve-bg-hover-primary-2:hover, #grve-theme-wrapper a .grve-bg-hover-primary-2:focus, #grve-theme-wrapper a .grve-bg-hover-primary-2:hover, #grve-theme-wrapper a:focus .grve-bg-hover-primary-2, #grve-theme-wrapper a:hover .grve-bg-hover-primary-2 { background-color: #cca614; border-color: #cca614; color: #1d2129; } /* Magenta */ #grve-theme-wrapper .bg-magenta, #grve-theme-wrapper .grve-bg-primary-3 { background-color: #ca3c7d; } #grve-theme-wrapper .grve-bg-hover-primary-3:focus, #grve-theme-wrapper .grve-bg-hover-primary-3:hover, #grve-theme-wrapper a.grve-bg-hover-primary-3:focus, #grve-theme-wrapper a.grve-bg-hover-primary-3:hover, #grve-theme-wrapper a .grve-bg-hover-primary-3:focus, #grve-theme-wrapper a .grve-bg-hover-primary-3:hover, #grve-theme-wrapper a:focus .grve-bg-hover-primary-3, #grve-theme-wrapper a:hover .grve-bg-hover-primary-3 { background-color: #a7366c; border-color: #a7366c; } #grve-theme-wrapper .grve-bg-dark a.grve-btn-line.grve-bg-primary-3 { color: #fff; } /* Teal */ #grve-theme-wrapper .bg-teal, #grve-theme-wrapper .grve-bg-primary-4 { background-color: #2bb8c7; color: #1d2129; } #grve-theme-wrapper .grve-bg-hover-primary-4:focus, #grve-theme-wrapper .grve-bg-hover-primary-4:hover, #grve-theme-wrapper a.grve-bg-hover-primary-4:focus, #grve-theme-wrapper a.grve-bg-hover-primary-4:hover, #grve-theme-wrapper a .grve-bg-hover-primary-4:focus, #grve-theme-wrapper a .grve-bg-hover-primary-4:hover, #grve-theme-wrapper a:focus .grve-bg-hover-primary-4, #grve-theme-wrapper a:hover .grve-bg-hover-primary-4 { background-color: #2799a7; border-color: #2799a7; color: #1d2129; } /* Off-white */ #grve-theme-wrapper .bg-off-white, #grve-theme-wrapper .grve-bg-primary-5 { background-color: #faf8f6; color: #1d2129; } #grve-theme-wrapper .grve-bg-primary-5, #grve-theme-wrapper .grve-bg-hover-primary-5:hover, #grve-theme-wrapper a.grve-bg-hover-primary-5:hover, #grve-theme-wrapper a .grve-bg-hover-primary-5:hover, #grve-theme-wrapper a:hover .grve-bg-hover-primary-5, #grve-theme-wrapper a.grve-btn-line.grve-bg-hover-primary-5:hover, .grve-filter.grve-filter-style-button.grve-filter-color-primary-5 ul li.selected { color: #1d2129; } /* Grey */ .grve-headings-primary-6 { color: #b5b5b5; } /*__// 1. Classes //__*/ .hidden, .hide { display: none!important; visibility: hidden!important; } .mw-970 { margin-left: auto; margin-right: auto; max-width: 970px; } .mw-870 { margin-left: auto; margin-right: auto; max-width: 870px; } .mw-770 { margin-left: auto; margin-right: auto; max-width: 770px; } .mw-670 { margin-left: auto; margin-right: auto; max-width: 670px; } .mw-570 { margin-left: auto; margin-right: auto; max-width: 570px; } .mw-470 { margin-left: auto; margin-right: auto; max-width: 470px; } .mw-370 { margin-left: auto; margin-right: auto; max-width: 370px; } .mw-270 { margin-left: auto; margin-right: auto; max-width: 270px; } .border-top > .grve-container, .border-top > .grve-column-wrapper, .border-top > .grve-column-wrapper-inner { border-top: 3px solid; } .border-left > .grve-container, .border-left > .grve-column-wrapper, .border-left > .grve-column-wrapper-inner { border-left: 3px solid; padding-left: 15px; } /*__// 2. Typography //__*/ address { font-style: normal; } sup { line-height: 1; } h1, h2, h3, h4, h5, h6, .grve-h1, .grve-h2, .grve-h3, .grve-h4, .grve-h5, .grve-h6, .grve-subtitle-text { margin-bottom: 30px; } div.grve-h6 { display: inline-block; margin-bottom: 20px; } div.grve-h6.grve-bg-light, div.grve-h6.grve-bg-dark { padding: 0 12px; } div.grve-h6.grve-bg-light { color: #1d2129!important; } .grve-title:not(.grve-h6) sup { font-size: .5em; } .grve-title:not(.grve-h6) sup { font-size: .5em; } .grve-title.grve-h4 sup, .grve-title.grve-h5 sup { font-size: .75em; } a { font-weight: 700; transition: color .3s ease; } .grve-element:not(.grve-title):not(.hv-btn) a:not(.arrow-link), a:not(.grve-btn):focus, a:not(.grve-btn):hover { text-decoration: underline; } .grve-element:not(.hv-btn) a:not(.arrow-link):focus, .grve-element:not(.hv-btn) a:not(.arrow-link):hover { color: #579f45 } a.arrow-link { color: #1d2129; font-size: 18px; position: relative; } .grve-bg-dark a.arrow-link, .grve-bg-primary-3 a.arrow-link { color: #fff; } a.arrow-link:focus, a.arrow-link:hover { text-decoration: none; } a.arrow-link::before { background-color: #1d2129; bottom: -4px; content: ''; height: 2px; left: 0; opacity: 0; position: absolute; width: 0; transition: opacity .3s ease, width .3s ease; } .grve-bg-dark a.arrow-link::before, .grve-bg-primary-3 a.arrow-link::before { background-color: #fff; } a.arrow-link:focus::before, a.arrow-link:hover::before { opacity: 1; width: calc(100% - (.5em + 16px)); /* subtract the icon width and translateX */ } a.arrow-link::after { content: '\f061'; display: inline-block; font-family: 'Font Awesome 6 Free'; font-size: 18px; font-style: normal; font-variant: normal; font-weight: 900; margin-left: .5em; text-rendering: auto; transition: transform .3s ease; } a.arrow-link:focus::after, a.arrow-link:hover::after { -webkit-transform: translate(.5em, 0); -moz-transform: translate(.5em, 0); -ms-transform: translate(.5em, 0); -o-transform: translate(.5em, 0); transform: translate(.5em, 0); } .grve-small-text { line-height: 1.5; } .grve-counter-item { font-weight: 800; } .grve-counter-title.grve-small-text { font-size: 16px; font-weight: 500; } /* Begin Section Legacy Code */ h1.hero-title { font-size: 140px; line-height: 140px; } h1.hero-title span { width: 100%; } /*#hero:not(.announcement) .grve-title,*/ #hv-census-speed .grve-title { text-shadow: 0 3px 6px rgba(0,0,0,.2); } #hero.announcement h1 { background-color: #144a65; font-weight: 500; margin: 0 -30px; text-transform: uppercase; } #hero:not(.announcement) h2 { font-size: 60px; } #hero.announcement h2 { margin: 0 auto; max-width: 970px; } #hero.announcement h2 + h2 { margin: 25px auto 15px; } #pg-head .grve-h1 { color: #144a65; } .grve-box.hv-marketplace-icon .grve-box-content .grve-box-title { font-size: 22px; line-height: 30px; } .resource-type, .solution-title, .card .grve-box::before { background-color: #67bf47; color: #fff; font-size: 22px; line-height: 40px; margin-bottom: 0; text-align: center; } .resource-type { max-width: 300px; } .resource-type.no-box { background-color: transparent; color: #67bf47; max-width: 100%; text-align: left; } .solution-title, .card .grve-box::before { display: inline-block; left: 15px; min-width: 300px; position: absolute; top: 0; } .resource-pg-title { background-color: #fff; /*color: #67bf47; font-size: 40px; line-height: 50px;*/ margin: 30px 0!important; padding: 25px 30px; } .resource-pg-title.library { margin-bottom: 10px!important; } /*.grve-blog.news .grve-post-title { font-size: 30px; font-weight: 300; line-height: 45px; margin-bottom: 0; transition: color .3s ease; }*/ #hv-news h1 { margin-bottom: 15px; } /*.hv-leadership h2, .hv-leadership h4,*/ #hv-news h2 { color: #67bf47; } #hv-news h2 { margin-bottom: 45px; } #hv-news h3, .hv-leadership h1, .hv-leadership h2, .hv-board h1, .hv-investor h1, .legal h2 { margin-bottom: 0; } #hv-news p, .hv-platform-solution p, .customer p, .hv-leadership p, .hv-board p, .hv-investor p, .legal p, .legal li { /*font-size: 20px; line-height: 35px;*/ } /*#hv-news strong, .hv-leadership strong,*/ #media-enquiries p + p, .jump-links a { font-weight: 500; } #media-enquiries h4 { color: #fff; font-size: 30px; font-weight: 500; line-height: 45px; } #media-enquiries p { font-size: 20px; font-style: italic; font-weight: 300; line-height: 35px; } #media-enquiries a, #contact-us a { text-decoration: underline; } #media-enquiries p, .hv-platform-solution a { color: #fff; } .news .grve-post-meta li, .news .grve-post-header + div { /*color: #67bf47;*/ font-size: 14px; font-weight: 800; letter-spacing: 1.5px; line-height: 24px; text-transform: uppercase; } .hv-leadership h2 { /*line-height: 30px;*/ } .hv-leadership h3 { /*line-height: 30px;*/ margin-bottom: 5px; } .hv-leadership h4, .hv-board h3 { /*line-height: 30px;*/ margin-bottom: 15px; } #hv-leadership .grve-text, #hv-board .grve-text, #hv-investor .grve-text { margin-top: 30px; } .hv-leadership a, .hv-board a, a.grve-link-text, .contact-us-details a { /*font-style: italic;*/ text-decoration: underline; } .hv-leadership .grve-title a, .hv-board .grve-title a { color: inherit; font-style: normal; text-decoration: none; } .grve-portfolio.events .grve-content .grve-title, .grve-portfolio.resources .grve-content .grve-title { /*color: #67bf47;*/ /*color: #144a65;*/ /*line-height: 30px;*/ margin-bottom: 5px; } .grve-portfolio.events .grve-content .grve-title, .grve-portfolio.events .grve-content .grve-description { font-size: 20px } .grve-portfolio.events .grve-content .grve-description { /*color: #1b1b1b;*/ line-height: 24px; } .grve-portfolio.resources .grve-content .grve-title, .grve-portfolio.resources .grve-content .grve-description { font-size: 16px; line-height: 24px; } /*.grve-portfolio.resources .grve-content .grve-title { font-weight: 700; } .grve-portfolio.resources .grve-content .grve-description { font-weight: 400; }*/ .jump-links ul { margin: 0; overflow: hidden; } .jump-links li { float: left; } .check-list ul { line-height: 45px; list-style: none; margin: 0; padding-left: 1.5em; text-indent: -1.5em; } .check-list li:not(:last-child) { margin-bottom: 30px; } .check-list.hv-cipher li:not(:last-child) { margin-bottom: 15px; } .check-list.hv-cipher li { font-weight: 500; } .check-list ul li::before { color: #67bf47; content: '\f00c'; /*font-family: 'FontAwesome';*/ font-family: 'Font Awesome 6 Free'; font-size: inherit; /*font-weight: 700;*/ font-weight: 900; padding-right: .45em; } #grve-theme-wrapper .hs-submit .actions:hover::after { opacity: 0; } .nowrap { white-space: nowrap; } .legal p:not(:last-child) { margin-bottom: 20px; } .decimal-list .grve-element > ol:first-child { padding-left: 1em; } .decimal-list ol { list-style-type: none; counter-reset: item; margin: 0; padding: 0; } .decimal-list ol > li { display: table; counter-increment: item; } .decimal-list.section-2 > ol { counter-reset: item 1; } .decimal-list.section-3 > ol { counter-reset: item 2; } .decimal-list.section-4 > ol { counter-reset: item 3; } .decimal-list.section-5 > ol { counter-reset: item 4; } .decimal-list.section-6 > ol { counter-reset: item 5; } .decimal-list.section-7 > ol { counter-reset: item 6; } .decimal-list.section-8 > ol { counter-reset: item 7; } .decimal-list.section-9 > ol { counter-reset: item 8; } .decimal-list.section-10 > ol { counter-reset: item 9; } .decimal-list.section-11 > ol { counter-reset: item 10; } .decimal-list.section-12 > ol { counter-reset: item 11; } .decimal-list.section-13 > ol { counter-reset: item 12; } .decimal-list li ol > li:not(:last-child) { margin: 0 0 18px; } .decimal-list li ol > li::before { content: counters(item, ".") " "; display: table-cell; font-weight: 400; padding-right: 0.6em; } .decimal-list li > ol { margin-top: 18px; } .decimal-list li ol.roman > li::before { content: counter(item, lower-roman) ". "; } #simple-banner .simple-banner-text { font-size: 15px; line-height: 25px; } #hv-census-speed .grve-title { color: #fff; font-weight: 400; } #hv-census-speed .grve-title span.block { display: block; } span.speed { display: inline-block; font-size: 75px; font-weight: 500; letter-spacing: -2px; position: relative; } span.speed::before, span.speed::after { color: transparent; left: -12px; /* -6px */ position: absolute; text-shadow: 0 0 3px rgba(255,255,255,0.3); } span.speed.number::before, span.speed.number::after { content: '100,000'; } span.speed.records::before, span.speed.records::after { content: 'records'; } span.speed.per::before, span.speed.per::after { content: 'per'; } span.speed.second::before, span.speed.second::after { content: 'second'; } span.speed::after { left: -26px; /* - 16px */ text-shadow: 0 0 4px rgba(255,255,255,0.1); } .card .grve-box::before { left: 0; max-width: 300px; min-width: initial; width: 100%; } .card .grve-box.use-case::before { content: 'Use case'; } .card .grve-box.webinar::before { content: 'Webinar'; } .card .grve-box .grve-box-content .grve-box-title { color: #fff; font-size: 30px; font-style: normal; font-weight: 300; line-height: 45px; } .card .grve-box .grve-box-content p { font-size: 20px; line-height: 35px; } /* End Section Legacy Code */ /*__// 3. Header & Navigation //__*/ #grve-top-bar .grve-top-bar-wrapper { border-bottom: 2px solid #1d2129; } /*#grve-top-bar .grve-top-bar-menu, #grve-top-bar ul p { font-size: 13px; font-weight: 600; }*/ #grve-top-bar a { font-size: 12px; letter-spacing: .5px; text-decoration: none!important; text-transform: uppercase; transition: color .3s ease; } #grve-top-bar .grve-list-divider li::after { content: '|'; opacity: 1; } #grve-header .grve-horizontal-menu ul.grve-menu > li > a, #grve-header .grve-horizontal-menu.grve-position-right ul.grve-menu > li > a { margin: 0 .5em; padding: 0 .5em; transition: color .4s ease; } #grve-header .grve-horizontal-menu.grve-position-right ul.grve-menu > li:first-child > a, #grve-header .grve-horizontal-menu.grve-position-right ul.grve-menu > li:last-child > a { margin-left: 0; } #grve-header .grve-horizontal-menu.grve-position-right ul.grve-menu > li.grve-menu-type-button > a, #grve-header .grve-horizontal-menu.grve-position-right ul.grve-menu > li:last-child > a { margin-right: 0; } #grve-header .grve-horizontal-menu.grve-position-right ul.grve-menu > li:last-child > a { /*margin-right: 0;*/ padding-right: 0; /*padding-left: 2em;*/ padding-left: 1em; } #grve-header .grve-horizontal-menu.grve-arrow ul.grve-menu .menu-item-has-children > a { padding-right: .5em; } #grve-header .grve-horizontal-menu.grve-arrow ul.grve-menu .menu-item-has-children > a::after { margin-left: 5px; top: 0; } #grve-header .grve-menu-type-button > a .grve-item { border: 2px solid; border-radius: 50px; font-weight: 700; padding: .75em 1.5em; padding-right: calc(2.5em + 5px); /* padding-right + icon width + margin-left */ transition: background-color .3s ease, border-color .3s ease, box-shadow .3s ease, color .3s ease; } #grve-header .grve-menu-type-button.grve-white > a.grve-btn-line .grve-item { color: #67bf47; } #grve-theme-wrapper .grve-menu-type-button.grve-primary-1 > a .grve-item { border-color: #67bf47; } #grve-theme-wrapper .grve-menu-type-button.grve-primary-1 > a .grve-item, #grve-theme-wrapper .grve-menu-type-button.grve-hover-primary-1 > a:hover .grve-item { color: #1d2129; } #grve-header .grve-menu-type-button.grve-hover-primary-1 > a:focus .grve-item, #grve-header .grve-menu-type-button.grve-hover-primary-1 > a:hover .grve-item { background-color: #579f41; border-color: #579f41; box-shadow: 0 2px 4px 0 rgba(0,0,0,.3); /*color: #fff;*/ } #grve-header .grve-menu-type-button.grve-hover-primary-1 > a:active .grve-item { box-shadow: none; } #grve-header .grve-main-menu .grve-menu-type-button .grve-menu-icon, #grve-hidden-menu .grve-menu-type-button .grve-menu-icon { margin-left: 5px; margin-right: 0; position: absolute; right: calc(1em + 5px); /* icon width + margin-left */ top: 50%; margin-top: -.5em; transition: transform .3s ease; } #grve-header .grve-menu-type-button > a:focus .grve-item .grve-menu-icon, #grve-header .grve-menu-type-button > a:hover .grve-item .grve-menu-icon, #grve-hidden-menu .grve-menu-type-button > a:focus .grve-item .grve-menu-icon, #grve-hidden-menu .grve-menu-type-button > a:hover .grve-item .grve-menu-icon { -webkit-transform: translate(.5em, 0); -moz-transform: translate(.5em, 0); -ms-transform: translate(.5em, 0); -o-transform: translate(.5em, 0); transform: translate(.5em, 0);; } #grve-header .grve-main-menu.grve-menu-type-underline .grve-wrapper > ul > li.grve-menu-type-button > a .grve-item::after { opacity: 0!important; } #grve-header .grve-horizontal-menu ul.grve-menu ul.sub-menu, #grve-header.grve-sticky-header #grve-main-header.grve-header-default, #grve-header.grve-sticky-header.grve-scroll-down, #grve-responsive-header.grve-sticky-header #grve-main-responsive-header { box-shadow: 0 8px 15px -5px rgba(0,0,0,.2); } #grve-header .grve-horizontal-menu ul.grve-menu li.megamenu.column-3 { position: static; } #grve-header .grve-horizontal-menu ul.grve-menu li.megamenu.column-3 > ul.sub-menu { width: 100%; } #grve-header .grve-horizontal-menu ul.grve-menu li.megamenu > .sub-menu > li { border: none; } #grve-header .grve-horizontal-menu ul.grve-menu ul.sub-menu li a:not(.sf-with-ul) { border-left: 2px solid #fff; padding-left: 8px; transition: background-color .3s ease, border-color .3s ease, color .3s ease; } #grve-header .grve-horizontal-menu ul.grve-menu ul.sub-menu li a.sf-with-ul { padding-right: 10px; } /* When last column is a description and a single link #grve-header .grve-main-menu .grve-wrapper > ul > li.megamenu > ul > li:last-child > a { padding: 10px 0 0; } #grve-header .grve-main-menu .grve-wrapper > ul > li.megamenu > ul > li:last-child > a .grve-item { display: inline-block; padding: 0 10px; }*/ #grve-header .grve-main-menu .grve-wrapper > ul > li ul li a:hover { text-decoration: none; } #grve-header .grve-main-menu .grve-wrapper > ul > li ul li a:not(.sf-with-ul):hover { border-color: #67bf47!important; } #grve-header .grve-main-menu .grve-wrapper > ul > li ul li.current-menu-item > a, #grve-header .grve-main-menu .grve-wrapper > ul li li.current-menu-ancestor > a { border-color: #67bf47!important; font-weight: 700; } /*#grve-header .grve-main-menu .grve-wrapper > ul li li.current-page-ancestor > a { background-color: #faf8f6; border-color: #67bf47!important; font-weight: 700; }*/ /* When last column is a description and a single link #grve-header .grve-horizontal-menu ul.grve-menu li.megamenu ul.sub-menu li:not(:last-child) ul*/ #grve-header .grve-horizontal-menu ul.grve-menu li.megamenu ul.sub-menu li ul { border-top: 2px solid; margin: 10px 15px 0; width: calc(100% - 30px); } /* When last column is a description and a single link #grve-header .grve-horizontal-menu ul.grve-menu li.megamenu ul.sub-menu li:not(:last-child) a:not(.sf-with-ul)*/ #grve-header .grve-horizontal-menu ul.grve-menu li.megamenu ul.sub-menu li a:not(.sf-with-ul) { margin: 0; } #grve-header .grve-main-menu .grve-wrapper > ul > li.megamenu > ul > li .grve-menu-description { border-top: 2px solid #1d2129; line-height: 24px; margin: 20px -10px 0; padding: 20px 10px 0; } /*__// 3a. Mobile/Hidden Menu //__*/ .grve-hidden-menu-btn .grve-header-element .grve-item { font-size: 32px; } .grve-close-btn-wrapper { text-align: right; width: 70%; } .grve-hidden-area .grve-hiddenarea-content { width: 70%; } #grve-hidden-menu .grve-menu a:focus, #grve-hidden-menu .grve-menu a:hover { text-decoration: none; } .grve-toggle-menu ul.grve-menu li .grve-arrow::before, .grve-toggle-menu ul.grve-menu li .grve-arrow::after { background-color: #67bf47; } .grve-toggle-menu ul.grve-menu li .grve-arrow::before { height: 10px; margin-left: -2px; margin-top: -6px; width: 2px; } .grve-toggle-menu ul.grve-menu li .grve-arrow::after { height: 2px; margin-left: -6px; margin-top: -2px; width: 10px; } .grve-toggle-menu ul.grve-menu li.grve-menu-type-button:last-child { margin-top: 2em; } .grve-toggle-menu ul.grve-menu li a { padding: 1em; } #grve-hidden-menu .grve-hiddenarea-content .grve-menu > li a { border-width: 2px; } #grve-hidden-menu .grve-hiddenarea-content .grve-menu > li > a, #grve-hidden-menu .grve-hiddenarea-content .grve-menu > li > .grve-toggle-menu-item-wrapper a, #grve-responsive-anchor .grve-hiddenarea-content .grve-menu > li > a, #grve-hidden-menu ul.grve-menu > li.megamenu > ul > li > a, #grve-hidden-menu ul.grve-menu > li ul li.grve-goback a { letter-spacing: 1px; } #grve-hidden-menu ul.grve-menu li .open a { border-color: transparent; } .grve-toggle-menu ul.grve-menu li:last-child a { border: none; } .grve-toggle-menu ul.grve-menu li.grve-menu-type-button a { text-align: center; } .grve-hidden-area .grve-menu-type-button > a .grve-item, .grve-header-side .grve-menu-type-button > a .grve-item, .sub-menu .grve-menu-type-button > a .grve-item { border-radius: 50px; box-shadow: 0 3px 6px 0 rgba(0,0,0,.3); letter-spacing: 1px; padding: .75em 2em; padding-right: calc(3em + 5px); /* padding-right + icon width + margin-left */ padding-right: 3em; position: relative; } .grve-toggle-menu ul.grve-menu li ul { border-bottom: 2px solid #1d2129; margin-left: 0; padding-left: 20px; } .grve-toggle-menu ul.grve-menu .sub-menu li:last-child { margin-bottom: 1em; } .grve-toggle-menu ul.grve-menu .sub-menu li:last-child ul { border: 0; } .grve-toggle-menu ul.grve-menu .sub-menu li a { background-color: transparent; border: 0; line-height: 1.5em; padding: .5em .75em; transition: background-color .3s ease; } #grve-hidden-menu .grve-hiddenarea-content .grve-menu .sub-menu > li .grve-toggle-menu-item-wrapper a, #grve-hidden-menu.grve-toggle-menu ul.grve-menu .sub-menu li.menu-item-ipge-approach > a { padding: .75em; } /*#grve-hidden-menu.grve-toggle-menu ul.grve-menu .sub-menu li.menu-item-ipge-approach > a { font-weight: 700; }*/ #grve-hidden-menu .grve-hiddenarea-content .grve-menu > li.current-menu-parent > .grve-toggle-menu-item-wrapper a, #grve-hidden-menu .grve-hiddenarea-content .grve-menu li.current-menu-ancestor > .grve-toggle-menu-item-wrapper a, #grve-hidden-menu .grve-hiddenarea-content .grve-menu li.current-page-ancestor > .grve-toggle-menu-item-wrapper a, #grve-hidden-menu .grve-hiddenarea-content .grve-menu > li.current-page-ancestor > a, #grve-hidden-menu ul.grve-menu > li.current-menu-item > a, #grve-hidden-menu ul.grve-menu li.current-menu-item > a { color: #67bf47; font-weight: 700; } #grve-hidden-menu.grve-slide-menu ul li ul li:not(.grve-goback) > a, #grve-hidden-menu.grve-toggle-menu ul li ul li > a, #grve-responsive-anchor ul li ul li > a { border-left: 2px solid #fff; transition: background-color .3s ease, border-color .3s ease, color .3s ease; } #grve-hidden-menu.grve-slide-menu ul li ul li:not(.grve-goback).current-menu-item > a, #grve-hidden-menu.grve-toggle-menu ul li ul li:not(.menu-item-ipge-approach).current-menu-item > a, #grve-hidden-menu.grve-toggle-menu ul li ul li:not(.menu-item-ipge-approach) > a:focus, #grve-hidden-menu.grve-toggle-menu ul li ul li:not(.menu-item-ipge-approach) > a:hover, #grve-responsive-anchor ul li ul li.current-menu-item > a { color: #1d2129; background-color: #faf8f6; border-color: #67bf47; } .grve-toggle-menu ul.grve-menu ul.sub-menu li:not(:last-child) .grve-toggle-menu-item-wrapper:not(.open) { border-bottom: 2px solid #1d2129; } /*__// 4. Footer //__*/ /*--// Begin Sticky Footer //--*/ /*#grve-theme-wrapper { min-height: 100vh; padding-bottom: 85px; /* determined by footer height *//* } #grve-footer { bottom: 0; position: absolute; width: 100%; z-index: 101; }*/ /*--// End Sticky Footer //--*/ /*#grve-footer .grve-footer-bar .grve-left-side, #grve-footer .grve-footer-bar .grve-right-side { font-size: 15px; font-weight: 400; line-height: 30px; } .widget.widget_nav_menu li { display: inline-block; margin: 0 0 0 15px; } .widget.widget_nav_menu li:first-child { margin-left: 0; } #menu-footer-menu { line-height: 25px; text-align: right; } #menu-footer-menu li:not(.menu-item-type-custom)::after, #grve-footer .grve-footer-bar ul li:not(.menu-item-type-custom)::after { content: '|'; margin-left: 15px; }*/ #grve-footer .grve-widget-area .grve-container { border-width: 2px; } .grve-widget-title { border-top: 2px solid; padding-top: 20px; } .widget.widget_nav_menu li { margin-bottom: 5px; } #grve-footer a { font-weight: 500; transition: color .3s ease; } .grve-copyright { font-size: 14px; font-weight: 500; line-height: 30px; } a.social-media { display: inline-block; font-size: 24px; height: 30px; overflow: hidden; vertical-align: bottom; width: 24px; } /*a.social-media.linkedin { font-size: 19px; width: 19px; } a.social-media.medium { font-size: 18px; width: 18px; }*/ /*#grve-footer .grve-widget-area .grve-container { border: 0; }*/ /*__// 5. Modules & Elements //__*/ /*__// 5a. Accordions //__*/ .grve-text + .grve-element.grve-accordion { margin-top: 30px; } .grve-accordion-wrapper.grve-style-1, .grve-accordion-wrapper.grve-style-2 { border-bottom: 3px solid #1d2129; } .grve-bg-dark .grve-accordion-wrapper.grve-style-1, .grve-bg-dark .grve-accordion-wrapper.grve-style-1 .grve-title-wrapper, .grve-bg-dark .grve-accordion-wrapper.grve-style-2, .grve-bg-dark .grve-accordion-wrapper.grve-style-2 .grve-title-wrapper { border-color: #fff; color: #fff; } .grve-accordion-wrapper.grve-style-1 > li, .grve-accordion-wrapper.grve-style-2 > li { margin-bottom: 0; } .grve-accordion-wrapper.grve-style-1 .grve-title-wrapper, .grve-accordion-wrapper.grve-style-2 .grve-title-wrapper { background-color: transparent; border-top: 3px solid #1d2129; box-shadow: none; color: #1d2129; padding: 30px 80px 30px 0; } .grve-accordion-wrapper.grve-style-2 .grve-title-wrapper { padding: 15px 46px 15px 0; } /*.grve-accordion-wrapper.grve-style-1 .grve-title { max-width: 970px; width: 90%; }*/ .grve-accordion-wrapper.grve-style-2 .grve-title { font-size: 16px; line-height: 24px; } .grve-accordion-wrapper.grve-style-1 .grve-accordion-arrow.grve-position-right { right: 30px; } .grve-accordion-wrapper.grve-style-2 .grve-accordion-arrow.grve-position-right { right: 15px; } .grve-accordion-arrow, .grve-accordion .active .grve-accordion-arrow { opacity: 1; } .grve-accordion-wrapper.grve-style-1 .grve-accordion-arrow i { font-size: 21px; } .grve-accordion-wrapper.grve-style-2 .grve-accordion-arrow i { font-size: 18px; } .grve-accordion .active .grve-accordion-plus { transform: none; } .grve-accordion .active .fa-plus::before { content: '\f068'; } .grve-accordion .grve-accordion-wrapper.grve-style-1 .grve-accordion-content { line-height: 24px; /*max-width: 970px;*/ padding: 0 80px 30px 0; /*width: 90%;*/ } .grve-accordion .grve-accordion-wrapper.grve-style-2 .grve-accordion-content { line-height: 24px; padding: 15px 46px 30px 0; } /*__// 5b. Buttons //__*/ * + .hv-btn { margin-top: 30px; } .hv-btn + .grve-small-text { margin-top: 15px; } a.grve-btn, #grve-theme-wrapper button:not(.grve-custom-btn), #grve-theme-wrapper button[type="button"]:not(.grve-custom-btn), #grve-theme-wrapper button[type="submit"]:not(.grve-custom-btn), #grve-theme-wrapper button[type="reset"]:not(.grve-custom-btn), #grve-theme-wrapper input[type="button"]:not(.grve-custom-btn), #grve-theme-wrapper input[type="submit"]:not(.grve-custom-btn), #grve-theme-wrapper input[type="reset"]:not(.grve-custom-btn), .woocommerce #grve-theme-wrapper #respond input#submit, .woocommerce #grve-theme-wrapper a.button, .woocommerce #grve-theme-wrapper button.button, .woocommerce #grve-theme-wrapper input.button, .grve-read-more.download { border-width: 2px; box-shadow: 0 3px 6px 0 rgba(0,0,0,.3); letter-spacing: 1px; margin-top: 0; margin-bottom: 0; padding: .75em 2em; text-transform: uppercase; transition: background-color .3s ease, border-color .3s ease, box-shadow .3s ease, color .3s ease; } a.grve-btn:hover, a.grve-btn:focus, #grve-theme-wrapper button:not(.grve-custom-btn):hover, #grve-theme-wrapper button:not(.grve-custom-btn):focus, #grve-theme-wrapper button[type="button"]:not(.grve-custom-btn):hover, #grve-theme-wrapper button[type="button"]:not(.grve-custom-btn):focus, #grve-theme-wrapper button[type="submit"]:not(.grve-custom-btn):hover, #grve-theme-wrapper button[type="submit"]:not(.grve-custom-btn):focus, #grve-theme-wrapper button[type="reset"]:not(.grve-custom-btn):hover, #grve-theme-wrapper button[type="reset"]:not(.grve-custom-btn):focus, #grve-theme-wrapper input[type="button"]:not(.grve-custom-btn):hover, #grve-theme-wrapper input[type="button"]:not(.grve-custom-btn):focus, #grve-theme-wrapper input[type="submit"]:not(.grve-custom-btn):hover, #grve-theme-wrapper input[type="submit"]:not(.grve-custom-btn):focus, #grve-theme-wrapper input[type="reset"]:not(.grve-custom-btn):hover, #grve-theme-wrapper input[type="reset"]:not(.grve-custom-btn):focus, .woocommerce #grve-theme-wrapper #respond input#submit:hover, .woocommerce #grve-theme-wrapper #respond input#submit:focus, .woocommerce #grve-theme-wrapper a.button:hover, .woocommerce #grve-theme-wrapper a.button:focus, .woocommerce #grve-theme-wrapper button.button:hover, .woocommerce #grve-theme-wrapper button.button:focus, .woocommerce #grve-theme-wrapper input.button:hover, .woocommerce #grve-theme-wrapper input.button:focus, .grve-read-more.download:hover, .grve-read-more.download:focus { box-shadow: 0 2px 4px 0 rgba(0,0,0,.3); } a.grve-btn:active, #grve-theme-wrapper button:not(.grve-custom-btn):active, #grve-theme-wrapper button[type="button"]:not(.grve-custom-btn):active, #grve-theme-wrapper button[type="submit"]:not(.grve-custom-btn):active, #grve-theme-wrapper button[type="reset"]:not(.grve-custom-btn):active, #grve-theme-wrapper input[type="button"]:not(.grve-custom-btn):active, #grve-theme-wrapper input[type="submit"]:not(.grve-custom-btn):active, #grve-theme-wrapper input[type="reset"]:not(.grve-custom-btn):active, .woocommerce #grve-theme-wrapper #respond input#submit:active, .woocommerce #grve-theme-wrapper a.button:active, .woocommerce #grve-theme-wrapper button.button:active, .woocommerce #grve-theme-wrapper input.button:active, .grve-read-more.download:active { box-shadow: none; } a.grve-btn.grve-btn-line { border-width: 2px; } .hv-btn.inline-btn { display: inline-block; vertical-align: top; } .grve-align-left:last-child .grve-btn { margin-right: 0; } a.grve-btn:not(.hv-arrow-btn) i { float: right; font-size: 18px; margin-right: 0; margin-left: .5em; } a.grve-btn:focus i, a.grve-btn:hover i { -webkit-transform: translate(.5em, 0); -moz-transform: translate(.5em, 0); -ms-transform: translate(.5em, 0); -o-transform: translate(.5em, 0); transform: translate(.5em, 0); } a.grve-btn.hv-arrow-btn { background-color: transparent!important; border-color: transparent!important; box-shadow: none; color: #1d2129!important; overflow: visible; padding: .75em 0 .75em 4em; text-align: left; } a.grve-btn.hv-arrow-btn::before, a.grve-btn.hv-arrow-btn::after { border: 2px solid; border-radius: 50px; box-shadow: 0 3px 6px 0 rgba(0,0,0,.3); content: '\f061'; display: inline-block; font-family: 'Font Awesome 6 Free'; font-size: 18px; font-style: normal; font-variant: normal; font-weight: 900; height: 42px; left: 0; letter-spacing: 0; line-height: 42px; position: absolute; text-align: center; text-rendering: auto; top: 0; width: 42px; transition: background-color .3s ease, border-color .3s ease, box-shadow .3s ease, color .3s ease; } a.grve-btn.hv-arrow-btn::after { display: none!important; /* only needed if animating */ } a.grve-btn.hv-arrow-btn:focus::before, a.grve-btn.hv-arrow-btn:hover::before, a.grve-btn.hv-arrow-btn:focus::after, a.grve-btn.hv-arrow-btn:hover::after { box-shadow: 0 2px 4px 0 rgba(0,0,0,.3); } a.grve-btn.hv-arrow-btn:active::before, a.grve-btn.hv-arrow-btn:active::after { box-shadow: none; } a.grve-btn.hv-arrow-btn.grve-bg-primary-1::before, a.grve-btn.hv-arrow-btn.grve-bg-primary-1::after { background-color: #67bf47; border-color: #67bf47; color: #1d2129; } a.grve-btn.hv-arrow-btn.grve-bg-hover-primary-1:focus::before, a.grve-btn.hv-arrow-btn.grve-bg-hover-primary-1:hover::before, a.grve-btn.hv-arrow-btn.grve-bg-hover-primary-1:focus::after, a.grve-btn.hv-arrow-btn.grve-bg-hover-primary-1:hover::after { background-color: #579f41; border-color: #579f41; color: #1d2129; } a.grve-btn.hv-arrow-btn.grve-bg-primary-2::before, a.grve-btn.hv-arrow-btn.grve-bg-primary-2::after { background-color: #f9c80f; border-color: #f9c80f; color: #1d2129; } a.grve-btn.hv-arrow-btn.grve-bg-hover-primary-2:focus::before, a.grve-btn.hv-arrow-btn.grve-bg-hover-primary-2:hover::before, a.grve-btn.hv-arrow-btn.grve-bg-hover-primary-2:focus::after, a.grve-btn.hv-arrow-btn.grve-bg-hover-primary-2:hover::after { background-color: #cca614; border-color: #cca614; color: #1d2129; } a.grve-btn.hv-arrow-btn.grve-bg-primary-3::before, a.grve-btn.hv-arrow-btn.grve-bg-primary-3::after { background-color: #ca3c7d; border-color: #ca3c7d; color: #fff; } a.grve-btn.hv-arrow-btn.grve-bg-hover-primary-3:focus::before, a.grve-btn.hv-arrow-btn.grve-bg-hover-primary-3:hover::before, a.grve-btn.hv-arrow-btn.grve-bg-hover-primary-3:focus::after, a.grve-btn.hv-arrow-btn.grve-bg-hover-primary-3:hover::after { background-color: #a7366c; border-color: #a7366c; color: #fff; } a.grve-btn.hv-arrow-btn.grve-bg-primary-4::before, a.grve-btn.hv-arrow-btn.grve-bg-primary-4::after { background-color: #2bb8c7; border-color: #2bb8c7; color: #1d2129; } a.grve-btn.hv-arrow-btn.grve-bg-hover-primary-4:focus::before, a.grve-btn.hv-arrow-btn.grve-bg-hover-primary-4:hover::before, a.grve-btn.hv-arrow-btn.grve-bg-hover-primary-4:focus::after, a.grve-btn.hv-arrow-btn.grve-bg-hover-primary-4:hover::after { background-color: #2799a7; border-color: #2799a7; color: #1d2129; } a.grve-btn.hv-arrow-btn.grve-bg-black::before, a.grve-btn.hv-arrow-btn.grve-bg-black::after { background-color: #1d2129; border-color: #1d2129; color: #fff; } a.grve-btn.hv-arrow-btn.grve-bg-hover-black:focus::before, a.grve-btn.hv-arrow-btn.grve-bg-hover-black:hover::before, a.grve-btn.hv-arrow-btn.grve-bg-hover-black:focus::after, a.grve-btn.hv-arrow-btn.grve-bg-hover-black:hover::after { background-color: #1d2129; border-color: #1d2129; color: #fff; } a.grve-btn.hv-arrow-btn span { position: relative; } a.grve-btn.hv-arrow-btn span::after { background-color: #1d2129; bottom: -4px; content: ''; height: 2px; left: 0; opacity: 0; position: absolute; width: 0; transition: opacity .3s ease, width .3s ease; } a.grve-btn.hv-arrow-btn:focus span::after, a.grve-btn.hv-arrow-btn:hover span::after { opacity: 1; width: 100%; } /*a.grve-btn, #grve-theme-wrapper input[type="submit"].hs-button { font-weight: 500!important; line-height: 44px!important; padding: 0; margin: 30px 0 0; min-width: 300px; } a.grve-btn.grve-btn-gradient.hv-btn::before, .jump-links a::before, #grve-theme-wrapper .hs-submit .actions::after { background: #67bf47; /* Old browsers *//* background: -moz-linear-gradient(top, #67bf47 0%, #4e8039 100%); /* FF3.6-15 *//* background: -webkit-linear-gradient(top, #67bf47 0%,#4e8039 100%); /* Chrome10-25,Safari5.1-6 *//* background: linear-gradient(to bottom, #67bf47 0%,#4e8039 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *//* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67bf47', endColorstr='#4e8039',GradientType=0 ); /* IE6-9 *//* } .grve-shadow-small.hv-btn, #grve-theme-wrapper input[type="submit"].hs-button { -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 6px rgba(0,0,0,0.2); box-shadow: 0 0 6px rgba(0,0,0,0.2); }*/ /*__// 5c. Callouts //__*/ .grve-box-icon.callout a { align-items: center; display: flex; padding: 6px 0; text-decoration: none!important; } .grve-box-icon.callout a:focus, .grve-box-icon.callout a:hover { text-decoration: none; } .grve-box-icon.callout .grve-box-content { border-left: 3px solid #1d2129; padding: 6px 0 6px 20px; overflow: visible; } .grve-box-icon.callout a .grve-box-title > strong { position: relative; } .grve-box-icon.callout a .grve-box-title > strong::before { background-color: #1d2129; bottom: -4px; content: ''; height: 2px; left: 0; opacity: 0; position: absolute; width: 0; transition: opacity .3s ease, width .3s ease; } .grve-box-icon.callout a:focus .grve-box-title > strong::before, .grve-box-icon.callout a:hover .grve-box-title > strong::before { opacity: 1; width: calc(100% - (.5em + 18px)); /* subtract the icon width and translateX */ } .grve-box-icon.callout .grve-box-title > strong::after { content: '\f061'; display: inline-block; font-family: 'Font Awesome 6 Free'; font-size: 21px; font-style: normal; font-variant: normal; font-weight: 900; margin-left: .5em; padding-top: 2px; text-rendering: auto; transition: transform .3s ease; } .grve-box-icon.callout a:focus .grve-box-title > strong::after, .grve-box-icon.callout a:hover .grve-box-title > strong::after { -webkit-transform: translate(.5em, 0); -moz-transform: translate(.5em, 0); -ms-transform: translate(.5em, 0); -o-transform: translate(.5em, 0); transform: translate(.5em, 0); } /* Begin Section Legacy Code */ .grve-section.callout .grve-column.grve-middle { min-height: 280px; } .callout .grve-title { margin-bottom: 0; } .callout:not(.grve-box-icon) { -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 6px rgba(0,0,0,0.2); box-shadow: 0 0 6px rgba(0,0,0,0.2); z-index: 2; } /* End Section Legacy Code */ /*__// 5d. Cards //__*/ #grve-theme-wrapper .grve-box.card { background: transparent!important; /* overrides legacy code */ } .grve-box.card { height: 100%; } .grve-box.card a { color: inherit; font-weight: inherit; text-decoration: none!important; } .grve-box.card > a { border: 3px solid #1d2129; display: block; height: 100%; transition: background-color .3s ease, border-color .3s ease, box-shadow .3s ease, color .3s ease; } .grve-bg-dark .grve-box.card > a { border-color: #fff; } .grve-box.card > a:focus, .grve-box.card > a:hover { background-color: #faf8f6; box-shadow: 0 3px 6px 0 rgba(0,0,0,.3); } .grve-bg-dark.grve-hover-primary-1 .grve-box.card > a:focus, .grve-bg-dark.grve-hover-primary-1 .grve-box.card > a:hover { background-color: transparent; border-color: #67bf47; color: #67bf47; } .grve-bg-dark.grve-hover-primary-2 .grve-box.card > a:focus, .grve-bg-dark.grve-hover-primary-2 .grve-box.card > a:hover { background-color: transparent; border-color: #f9c80f; color: #f9c80f; } .grve-bg-dark.grve-hover-primary-3 .grve-box.card > a:focus, .grve-bg-dark.grve-hover-primary-3 .grve-box.card > a:hover { background-color: transparent; border-color: #ca3c7d; color: #ca3c7d; } .grve-bg-dark.grve-hover-primary-4 .grve-box.card > a:focus, .grve-bg-dark.grve-hover-primary-4 .grve-box.card > a:hover { background-color: transparent; border-color: #2bb8c7; color: #2bb8c7; } .grve-box.card > a:active { box-shadow: none; } .grve-box.card .grve-box-content { display: flex; flex-direction: column; height: 100%; justify-content: flex-end; padding: 120px 25px 25px; } .grve-box.card .grve-box-content::before { display: block; font-size: 14px; font-weight: 800; letter-spacing: 1.5px; position: absolute; text-transform: uppercase; top: 20px; } .grve-box.card.blog-post .grve-box-content::before { content: 'Blog Post'; } .grve-box.card.press-release .grve-box-content::before { content: 'Press Release'; } .grve-box.card.publications .grve-box-content::before { content: 'Publications'; } .grve-box.card.solution-page .grve-box-content::before { content: 'Solution Page'; } .grve-box.card.use-case .grve-box-content::before { content: 'Use Case'; } .grve-box.card.webinar .grve-box-content::before { content: 'Webinar'; } .grve-box.card.white-paper .grve-box-content::before { content: 'White Paper'; } .grve-box.card .grve-box-content::after { content: '\f061'; display: inline-block; font-family: 'Font Awesome 6 Free'; /*font-size: 18px;*/ font-size: 21px; font-style: normal; font-variant: normal; font-weight: 900; position: absolute; right: 25px; text-rendering: auto; top: 20px; transition: transform .3s ease; } .grve-box.card > a:focus .grve-box-content::after, .grve-box.card > a:hover .grve-box-content::after { -webkit-transform: translate(.5em, 0); -moz-transform: translate(.5em, 0); -ms-transform: translate(.5em, 0); -o-transform: translate(.5em, 0); transform: translate(.5em, 0); } .grve-box.card .grve-box-title { transition: color .3s ease; } .grve-bg-dark.grve-hover-primary-1 .grve-box.card > a:focus .grve-box-title, .grve-bg-dark.grve-hover-primary-1 .grve-box.card > a:hover .grve-box-title { color: #67bf47!important; } .grve-bg-dark.grve-hover-primary-2 .grve-box.card > a:focus .grve-box-title, .grve-bg-dark.grve-hover-primary-2 .grve-box.card > a:hover .grve-box-title { color: #f9c80f!important; } .grve-bg-dark.grve-hover-primary-3 .grve-box.card > a:focus .grve-box-title, .grve-bg-dark.grve-hover-primary-3 .grve-box.card > a:hover .grve-box-title { color: #ca3c7d!important; } .grve-bg-dark.grve-hover-primary-4 .grve-box.card > a:focus .grve-box-title, .grve-bg-dark.grve-hover-primary-4 .grve-box.card > a:hover .grve-box-title { color: #2bb8c7!important; } /*__// 5e. Carousels //__*/ .grve-flexible-carousel:not(.grve-carousel-pagination-1) .grve-carousel-navigation + .grve-flexible-carousel-element { padding-bottom: 76px; } .resources .grve-carousel-item-wrapper { border: 3px solid #1d2129; padding: 40px; } .grve-carousel-buttons div { border: 2px solid #1d2129; border-radius: 50px; box-shadow: 0 3px 6px 0 rgba(0,0,0,.3); font-size: 18px; height: 46px; line-height: 42px; top: auto; width: 46px; transition: background-color .3s ease, border-color .3s ease, box-shadow .3s ease; } .grve-carousel-buttons div { bottom: -23px; } .grve-section:not(.grve-fullwidth) .grve-carousel .grve-carousel-buttons .grve-carousel-prev { left: calc(50% - 52px); } .grve-section:not(.grve-fullwidth) .grve-carousel .grve-carousel-buttons .grve-carousel-next { right: calc(50% - 52px); } .grve-carousel-buttons div:focus, .grve-carousel-buttons div:hover { box-shadow: 0 2px 4px 0 rgba(0,0,0,.3); } .grve-default .grve-carousel-buttons div, .grve-dark .grve-carousel-buttons div { background-color: #67bf47; border-color: #67bf47; color: #1d2129; opacity: 1; } .grve-default .grve-carousel-buttons div:focus, .grve-default .grve-carousel-buttons div:hover, .grve-dark .grve-carousel-buttons div:focus, .grve-dark .grve-carousel-buttons div:hover { background-color: #579f41; border-color: #579f41; } #resources .grve-carousel-buttons div { bottom: -34px; } #resources.grve-section:not(.grve-fullwidth) .grve-carousel .grve-carousel-buttons .grve-carousel-prev { left: auto; right: 58px; } #resources.grve-section:not(.grve-fullwidth) .grve-carousel .grve-carousel-buttons .grve-carousel-next { right: 0; } .grve-carousel-buttons div i { font-family: 'Font Awesome 6 Free'!important; font-weight: 900; } i[class^="grve-icon-nav-left"]::before { content: '\f060'; } i[class^="grve-icon-nav-right"]::before { content: '\f061'; } .grve-carousel .resources .owl-dots { text-align: left; } .owl-controls .owl-dot span { background-color: transparent; border: 2px solid; height: 12px; margin: 0 6px; opacity: 1; width: 12px; transition: border .5s ease; } .owl-controls .owl-dot.active span, .owl-controls .owl-dot:hover span { background-color: transparent!important; border: 6px solid; } .grve-light + .owl-carousel .owl-controls .owl-dot span, .grve-light + .owl-carousel .owl-controls .owl-dot.active span, .grve-light + .owl-carousel .owl-controls .owl-dot:hover span { border-color: #fff; } .grve-dark + .owl-carousel .owl-controls .owl-dot span, .grve-dark + .owl-carousel .owl-controls .owl-dot.active span, .grve-dark + .owl-carousel .owl-controls .owl-dot:hover span { border-color: #1d2129; } /*.grve-dark + .owl-carousel .owl-controls .owl-dot span { border-color: #67bf47; } .grve-dark + .owl-carousel .owl-controls .owl-dot.active span, .grve-dark + .owl-carousel .owl-controls .owl-dot:hover span { border-color: #579f41; }*/ /*__// 5f. Forms //__*/ ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #1d2129; opacity: 1; } ::-moz-placeholder { /* Firefox 19+ */ color: #1d2129; opacity: 1; } :-ms-input-placeholder { /* IE 10+ */ color: #1d2129; } :-moz-placeholder { /* Firefox 18- */ color: #1d2129; opacity: 1; } /*.grve-bg-dark ::-webkit-input-placeholder { /* Chrome/Opera/Safari *//* color: #fff; opacity: 1; }*/ /*.grve-bg-dark ::-moz-placeholder { /* Firefox 19+ *//* color: #fff; opacity: 1; }*/ /*.grve-bg-dark :-ms-input-placeholder { /* IE 10+ *//* color: #fff; }*/ /*.grve-bg-dark :-moz-placeholder { /* Firefox 18- *//* color: #fff; opacity: 1; }*/ #grve-theme-wrapper input[type="text"], #grve-theme-wrapper input[type="input"], #grve-theme-wrapper input[type="password"], #grve-theme-wrapper input[type="number"], #grve-theme-wrapper input[type="email"], #grve-theme-wrapper input[type="number"], #grve-theme-wrapper input[type="url"], #grve-theme-wrapper input[type="tel"], #grve-theme-wrapper input[type="search"], #grve-theme-wrapper input[type="date"], #grve-theme-wrapper textarea, #grve-theme-wrapper select, #grve-theme-wrapper .select2-choice { background-color: #faf8f6; border: 3px solid #1d2129; /*border-radius: 5px;*/ color: #1d2129; font-size: 16px; font-weight: 500; margin-bottom: 30px; transition: background-color .3s ease, border-color .3s ease, box-shadow .3s ease, color .3s ease } #grve-theme-wrapper .grve-bg-dark input[type="text"], #grve-theme-wrapper .grve-bg-dark input[type="input"], #grve-theme-wrapper .grve-bg-dark input[type="password"], #grve-theme-wrapper .grve-bg-dark input[type="number"], #grve-theme-wrapper .grve-bg-dark input[type="email"], #grve-theme-wrapper .grve-bg-dark input[type="number"], #grve-theme-wrapper .grve-bg-dark input[type="url"], #grve-theme-wrapper .grve-bg-dark input[type="tel"], #grve-theme-wrapper .grve-bg-dark input[type="search"], #grve-theme-wrapper .grve-bg-dark input[type="date"], #grve-theme-wrapper .grve-bg-dark textarea, #grve-theme-wrapper .grve-bg-dark select, #grve-theme-wrapper .grve-bg-dark .select2-choice { /*background-color: transparent!important;*/ border-color: #fff; /*color: #fff!important;*/ } #grve-theme-wrapper input[type="text"]:focus, #grve-theme-wrapper input[type="input"]:focus, #grve-theme-wrapper input[type="password"]:focus, #grve-theme-wrapper input[type="number"]:focus, #grve-theme-wrapper input[type="email"]:focus, #grve-theme-wrapper input[type="number"]:focus, #grve-theme-wrapper input[type="url"]:focus, #grve-theme-wrapper input[type="tel"]:focus, #grve-theme-wrapper input[type="search"]:focus, #grve-theme-wrapper input[type="date"]:focus, #grve-theme-wrapper textarea:focus, #grve-theme-wrapper select:focus { background-color: #fff; border-color: #67bf47; box-shadow: 0 3px 6px 0 rgba(0,0,0,.3); color: #1d2129; } #grve-theme-wrapper input[type="text"].error, #grve-theme-wrapper input[type="input"].error, #grve-theme-wrapper input[type="password"].error, #grve-theme-wrapper input[type="number"].error, #grve-theme-wrapper input[type="email"].error, #grve-theme-wrapper input[type="number"].error, #grve-theme-wrapper input[type="url"].error, #grve-theme-wrapper input[type="tel"].error, #grve-theme-wrapper input[type="search"].error, #grve-theme-wrapper input[type="date"].error, #grve-theme-wrapper textarea.error, #grve-theme-wrapper select.error { border-color: #cc0000; } #grve-theme-wrapper textarea { min-height: 138px; resize: none; } /*__// Hubspot //__*/ .grecaptcha-badge, .hbspt-form .hs-form-field:not(.hs-fieldtype-checkbox) label[id^=label] { display: none; } .hbspt-form .hs-form-field > label { display: inline-block; font-weight: 700; margin-bottom: 10px; } .hbspt-form fieldset { max-width: 100%!important; } .hbspt-form fieldset .hs-form-field { position: relative; } .hbspt-form fieldset.form-columns-3 .hs-form-field { width: 33.33333333%!important; } .hbspt-form fieldset .hs-form-field .input { margin: 0!important; } .hbspt-form li.hs-form-checkbox { list-style: none; } .hbspt-form .hs-form-checkbox label.hs-form-checkbox-display { align-items: center; display: flex; } .hbspt-form .hs-form-checkbox input[type="checkbox"] { margin-right: 10px; } #grve-content .grve-bg-dark .hbspt-form label span, #grve-content .grve-bg-dark .hbspt-form .hs-form-checkbox span { color: #fff; } #grve-theme-wrapper input[type="submit"].hs-button { /*background: #4e8039;*/ background: #67bf47; border: 0; color: #1d2129; margin-top: 0; } #grve-theme-wrapper input[type="submit"].hs-button:active, #grve-theme-wrapper input[type="submit"].hs-button:focus, #grve-theme-wrapper input[type="submit"].hs-button:hover { background: #579f41; color: #1d2129; } ul.hs-error-msgs { line-height: 20px; list-style: none; margin: -25px 3px 5px; } .hs-error-msgs label { color: inherit; color: #cc0000; font-size: 14px; font-weight: 700; } .grve-bg-dark .hs-error-msgs label { color: #ff0000; } .hbspt-form .submitted-message p { font-size: 21px; line-height: 31px; } /*.hbspt-form fieldset.form-columns-1 .hs-form-field { margin-right: 0; }*/ /*#grve-theme-wrapper .btn-inline input[type="submit"].hs-button { overflow: hidden; text-indent: 100%; white-space: nowrap; }*/ /*#grve-theme-wrapper .hs-submit .actions { height: 44px; max-width: 300px; position: relative; } #grve-theme-wrapper .hs-submit .actions::after { border-radius: 22px; bottom: 0; /* 35px *//* color: #fff; content: 'Send'; font-size: 25px; font-weight: 500; height: 44px; left: 0; /* 15px *//* line-height: 44px; opacity: 1; position: absolute; text-align: center; visibility: visible; width: 300px; z-index: 3; transition: all .5s ease; } #grve-theme-wrapper .hs-form.btn-inline .hs-submit .actions::after { content: 'Submit'; } #grve-theme-wrapper .hs-submit .actions:hover::after { cursor: pointer; visibility: hidden; } #grve-theme-wrapper .btn-inline .hs-submit .actions::before { color: #fff; content: '\f04b'; font-family: 'FontAwesome'; text-align: center; } .hs-message .input { max-height: 260px; } .hs-form.btn-inline { margin: 30px 0 0; } .hs-form.btn-inline .hs-email.hs-fieldtype-text.field.hs-form-field { float: left; width: 75%; } .hs-form.btn-inline .hs_submit.hs-submit { float: left; width: 25%; } #grve-theme-wrapper .hs-form.btn-inline input { border-top-right-radius: 0; border-bottom-right-radius: 0; margin-bottom: 0; -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 6px rgba(0,0,0,0.2); box-shadow: 0 0 6px rgba(0,0,0,0.2); } #grve-theme-wrapper .hs-form.btn-inline .hs-submit .actions, #grve-theme-wrapper .hs-form.btn-inline input[type="submit"].hs-button, #grve-theme-wrapper .hs-form.btn-inline .hs-submit .actions::after { height: 63px; line-height: 63px!important; } #grve-theme-wrapper .hs-form.btn-inline input[type="submit"].hs-button, #grve-theme-wrapper .hs-form.btn-inline .hs-submit .actions::after { border-radius: 5px; border-top-left-radius: 0; border-bottom-left-radius: 0; width: 100%; } #grve-theme-wrapper .hs-form.btn-inline input[type="submit"].hs-button { margin-top: 0; min-width: 0; }*/ /*__// 5g. Parallax //__*/ .bg-parallax { min-height: 400px; } /*__// 6. Home Page //__*/ #hero h1 { font-size: 72px; /*font-weight: 800;*/ line-height: 80px; } #how-we-help .grve-column-wrapper-inner .grve-image { padding: 10px 0 40px; } /* Begin Section Legacy Code */ /*#hero { position: fixed; top: 0; width: 100%; z-index: -1; } #hero + .grve-section { margin-top: 100vh; }*/ .hero-title .grve-title-line { border-radius: 3px; margin-top: 45px; } /*__// 6a. Hero Announcement //__*/ #hero.announcement .grve-image { background-color: #fff; margin: 0 -30px 40px; /*padding: 10px 0;*/ } /*__// 6b. HV Platform Hotspot Diagram //__*/ .tooltipster-shadow { border-radius: 15px!important; color: #1b1b1b!important; } .tooltipster-shadow .tooltipster-content { font-family: 'Ubuntu'!important; font-size: 15px!important; line-height: 25px!important; padding: 1.5em 2em!important; } .tooltipster-content a { font-style: italic; font-weight: 500; text-decoration: underline; } .company-logo { float: left; padding: 0 10px; width: calc(100% / 6); } .hv-solution { background-color: #3f86a8; padding: 50px 30px 40px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; transition: all .5s ease; } .hv-solution:focus, .hv-solution:hover { background-color: #144a65; -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 6px rgba(0,0,0,0.2); box-shadow: 0 0 6px rgba(0,0,0,0.2); } .hv-solution.top-left { border-top-left-radius: 30px; } .hv-solution.bottom-right { border-bottom-right-radius: 30px; } .hv-solution .grve-box .grve-media img { max-width: 125px; margin: auto; } .hv-solution .grve-box .grve-box-content p { color: #fff; font-size: 20px; line-height: 30px; } /* BEGIN: COMMENT OUT AFTER LAUNCH */ #healthverity-census.hv-platform-solution, #healthverity-marketplace.hv-platform-solution { margin-bottom: 7.5px; } #healthverity-cipher.hv-platform-solution, #healthverity-consent.hv-platform-solution { margin-top: 7.5px; } .hv-platform-solution .grve-column-wrapper, .card { background-color: #3f86a8; transition: background-color .5s ease; } #healthverity-census.hv-platform-solution .grve-column-wrapper { background-color: #206586; } .hv-platform-solution:hover .grve-column-wrapper, .card:focus, .card:hover { background-color: #144a65!important; } #healthverity-census.hv-platform-solution .grve-column-wrapper { border-top-left-radius: 30px; } #healthverity-marketplace.hv-platform-solution .grve-column-wrapper { border-top-right-radius: 30px; } #healthverity-cipher.hv-platform-solution .grve-column-wrapper { border-bottom-right-radius: 30px; } #healthverity-consent.hv-platform-solution .grve-column-wrapper { border-bottom-left-radius: 30px; } #healthverity-census.hv-platform-solution .grve-column-wrapper, #healthverity-consent.hv-platform-solution .grve-column-wrapper { padding: 20px 31.5% 20px 30px; } #healthverity-marketplace.hv-platform-solution .grve-column-wrapper, #healthverity-cipher.hv-platform-solution .grve-column-wrapper { padding: 20px 30px 20px 31.5%; } .hv-platform-solution .grve-image { margin-bottom: 15px; } /* END: COMMENT OUT AFTER LAUNCH */ .resources-slider .grve-carousel-item-wrapper { background-color: #fff; } .resource-slide .grve-title:not(.resource-type) { margin-bottom: 30px; padding: 30px 30px 0; } .resource-slide .grve-image-text { padding: 0 30px 30px; } .resource-slide .grve-image-text .grve-content.grve-position-left { padding-top: 0!important; padding-right: 30px; padding-bottom: 0!important; } .resource-slide p.grve-description { display: inline; } .resource-slide a.grve-link-text.grve-read-more { color: #35c5ce; display: inline-block; margin-left: .25em; } .grve-portfolio.events .grve-content, .grve-portfolio.resources .grve-content { margin-top: 15px!important; text-align: left; } .grve-portfolio.events .grve-image-hover { /*-webkit-box-shadow: none; -moz-box-shadow: none;*/ box-shadow: none; transition: box-shadow .3s ease; } .grve-portfolio.events .grve-image-hover.hover { /*-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 6px rgba(0,0,0,0.2); box-shadow: 0 0 6px rgba(0,0,0,0.2);*/ box-shadow: 0 3px 6px 0 rgba(0,0,0,.3); } .home #cta { background-color: #fff!important; } /* End Section Legacy Code */ /*__// 6. Solution Pages //__*/ /*#hero::after,*/ #pg-head.solution::after { bottom: 15px; color: #144a65; content: '\f107'; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-family: 'Font Awesome 6 Free'; font-size: 48px; font-weight: 900; left: 50%; margin-left: -.5em; position: absolute; text-align: center; text-rendering: auto; width: 1em; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; -moz-animation: bounce 5s 1s infinite; -webkit-animation: bounce 5s 1s infinite; animation: bounce 5s 1s infinite; } /*#hero::after,*/ .page-careers #pg-head.solution::after { color: #fff; } /*#hero::after { -moz-animation: bounce 5s 2s infinite; -webkit-animation: bounce 5s 2s infinite; animation: bounce 5s 2s infinite; }*/ @-moz-keyframes bounce { 0%, 10%, 30%, 50%, 100% { -moz-transform: translateY(0); transform: translateY(0); } 20% { -moz-transform: translateY(-30px); transform: translateY(-30px); } 40% { -moz-transform: translateY(-15px); transform: translateY(-15px); } } @-webkit-keyframes bounce { 0%, 10%, 30%, 50%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 40% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 10%, 30%, 50%, 100% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } 20% { -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -webkit-transform: translateY(-30px); transform: translateY(-30px); } 40% { -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -webkit-transform: translateY(-15px); transform: translateY(-15px); } } #pg-title.solution .grve-column-wrapper-inner { background-color: rgba(255,255,255,.85); max-width: 930px; padding: 60px 30px; } .accuracy-chart { padding-top: 20vw; } .tablet-img, .mobile-img, .hv-marketplace-chart-mobile-img, .hv-consent-steps-tablet-img, .hv-consent-steps-mobile-img { display: none; } .hv-census-step .grve-image-hover, .grve-box.hv-census-step .grve-media { overflow: visible; } .grve-box.hv-census-step .grve-media { margin: 0 auto 20px; max-width: 320px; } #hv-census-steps .grve-row-inner .grve-column-1-3:not(:last-child) .hv-census-step .grve-media::after { background: url('img/icon-step-arrow2x.png') no-repeat center; background-size: 55px; content: ''; display: block; height: 47px; margin-top: -23px; position: absolute; right: -90px; top: 50%; width: 55px; } .grve-box.hv-census-step .grve-box-content .grve-box-title { font-size: 36px; font-weight: 300; line-height: 50px; margin-bottom: 15px; } .grve-box.hv-census-step .grve-box-content p { line-height: 35px; } #hv-marketplace-icons .grve-title { margin-bottom: 15px; } #hv-marketplace-icons .grve-title, #vision .grve-title, #media-data-link-de-identification .grve-title { font-weight: 500; } #hv-marketplace-icons-row-1 .hv-marketplace-icon, #hv-marketplace-icons-row-2 .hv-marketplace-icon { padding-right: 15px; padding-left: 15px; float: left; } #hv-marketplace-icons-row-1 .hv-marketplace-icon { /*width: 20%;*/ width: 16.66666667%; } #hv-marketplace-icons-row-2 .hv-marketplace-icon { /*width: 25%;*/ width: 20%; } .grve-box.hv-marketplace-icon .grve-media { margin-bottom: 15px; } .hv-marketplace-icon .grve-media img { max-width: 115px; margin: auto; } .grve-box.hv-marketplace-icon .grve-box-content .grve-box-title { color: #1b1b1b; font-weight: 300; margin-bottom: 0; } #marketplace-data .grve-bg-image { background-color: #f1f1f1; background-position: center top 110px; background-size: 1258px; } /*#hv-cipher-flowchart .grve-bg-image { background-size: contain; } #hv-cipher-flowchart .grve-row, #hv-cipher-flowchart .grve-row .grve-column-1-2:first-child { padding-left: 0; }*/ #hv-cipher-flowchart .grve-row .grve-column-1-2:first-child { margin-left: -15px; padding-left: 0; } .grve-box-icon.grve-side-icon.grve-align-left.hv-icon-medium .grve-image-icon { margin-right: 30px; } .hv-icon-medium .grve-image-icon img { max-width: 190px; } #hv-consent-share .grve-row-inner { padding-bottom: 21vw; } .grve-box-icon.grve-extra-large.hv-icon-large .grve-image-icon { margin-bottom: 30px; /*width: 240px;*/ } .hv-icon-large .grve-image-icon img { height: auto; max-width: 240px; width: 100%; } .grve-box.no-media > :first-child { display: none!important; visibility: hidden!important; } .card .grve-box { color: #fff; padding: 65px 30px 25px; } .card .grve-box .grve-link-text { font-size: 20px!important; line-height: 35px; } /*__// 7. Secondary Pages //__*/ /*__// 7a. Page Head //__*/ #page-head.grve-fullwidth .grve-column-1-2.txt-column, #hv-marketplace.grve-fullwidth .grve-column-1-2.txt-column { padding: 0 15px!important; } #page-head.grve-fullwidth .img-column .grve-column-wrapper { background-position: right center; background-repeat: no-repeat; background-size: cover; padding-top: 75%; } #page-head.grve-fullwidth .grve-column-1-2.img-column { padding-left: 0; padding-right: 0; } /*#page-head .img-column.left .grve-column-wrapper { background-position: right top; } #page-head .img-column.right .grve-column-wrapper { background-position: left top; }*/ #grve-body.news, #grve-body.news #grve-content, #grve-body.news .grve-single-wrapper, /*#grve-body.news #grve-main-content .grve-section, */#grve-body.parent-page-resources, #grve-body.parent-page-leadership, #grve-body.parent-page-leadership #grve-main-content .grve-section, #grve-body.parent-page-board, #grve-body.parent-page-board #grve-main-content .grve-section, #grve-body.parent-page-investors, #grve-body.parent-page-investors #grve-main-content .grve-section, #grve-body.parent-page-webinars, #grve-body.parent-page-webinars #grve-main-content .grve-section { /*background-color: #f1f1f1;*/ background-color: #faf8f6; } #cta { /*background-color: #f1f1f1!important;*/ background-color: #faf8f6!important; text-align: center; } #cta h6, #cta p, #cta .hs-form { margin-right: auto; margin-left: auto; max-width: 870px; } #cta .hs-form { max-width: 570px; } #pg-head.short .grve-column-wrapper { background-color: rgba(255,255,255,.85); padding: 60px 20px 30px; } #intro { background-color: #fff; padding: 30px 60px 60px; } .news .grve-blog-item { /*margin-bottom: 5px;*/ margin-bottom: 30px; } .news .grve-blog-item .grve-post-content-wrapper { margin: 0; padding: 0; width: 100%!important; } .news .grve-post-meta { left: 25px; margin: 0; position: absolute; top: 20px; transition: color .3s ease; } .news .grve-post-title { margin-bottom: 0; } .news .grve-post-header a { background-color: #fff; border: 3px solid #1d2129; box-shadow: none; display: block; padding: 120px 25px 25px; text-decoration: none!important; transition: border-color .3s ease, box-shadow .3s ease; } .news .grve-post-header a:focus, .news .grve-post-header a:hover { border-color: #67bf47; box-shadow: 0 3px 6px 0 rgba(0,0,0,.3); text-decoration: none; } .news .grve-post-header + div { position: absolute; right: 25px; top: 20px; transition: color .3s ease; } .news .grve-post-header a:focus .grve-post-title, .news .grve-post-header a:hover .grve-post-title, .grve-blog.news .grve-blog-item:not(.grve-style-2) .grve-post-title.grve-post-title-hover:focus, .grve-blog.news .grve-blog-item:not(.grve-style-2) .grve-post-title.grve-post-title-hover:hover { color: #67bf47; } .grve-blog.news .grve-post-header:focus .grve-post-meta, .grve-blog.news .grve-post-header:hover .grve-post-meta, .grve-blog.news .grve-post-header:focus + div, .grve-blog.news .grve-post-header:hover + div { color: #67bf47; } #media-enquiries .grve-column-inner, #media-enquiries .grve-column-wrapper { padding: 30px 20px 35px; } .page-careers #pg-head .grve-bg-image { background-position: left center; } .hv-lifestyle-photo { float: left; width: calc(100% / 6); } .hv-lifestyle-photo .grve-image-wrapper, .hv-lifestyle-photo img { width: 100%; } .hv-careers-perk .grve-media { margin: 0 auto 30px; max-width: 200px; } .grve-portfolio.resources .grve-filter, .grve-portfolio.partners .grve-filter, .grve-portfolio.publications .grve-filter { margin-bottom: 30px; } .grve-portfolio.resources .grve-filter { background-color: #fff; padding: 5px 30px; } .grve-portfolio.resources .grve-filter ul::before { content: 'View:'; font-size: 14px; letter-spacing: 1px; line-height: 30px; margin-right: 10px; } .grve-portfolio.resources .grve-filter ul li { font-size: 14px; letter-spacing: 1px; opacity: 1; /*transition: color .3s ease;*/ } .grve-filter.grve-filter-style-simple ul li::after { opacity: 1; } .grve-portfolio.resources .grve-filter ul li span { position: relative; } .grve-portfolio.resources .grve-filter ul li span::after { background-color: #67bf47; bottom: -4px; content: ''; display: block; height: 2px; opacity: 0; position: absolute; width: 0; transition: opacity .3s ease, width .3s ease; } .grve-filter.grve-filter-style-simple ul li:focus span::after, .grve-filter.grve-filter-style-simple ul li:hover span::after, .grve-filter.grve-filter-style-simple ul li.selected span::after { opacity: 1; width: 100%; } .grve-portfolio.resources .grve-filter.grve-filter-style-simple ul li::after { margin: 0 10px; } #grve-post-bar { display: none; } #page-head-about-us { min-height: 485px; } .grve-portfolio.partners .grve-filter.grve-filter-style-button ul li, .grve-portfolio.publications .grve-filter.grve-filter-style-button ul li, .grve-title.partner-category { background: #fff; border: 2px solid #67bf47; border-radius: 50px; /*box-shadow: 0 0 6px rgba(0,0,0,.2);*/ color: #67bf47; font-size: 14px; font-weight: 700; margin: 0 10px 30px; padding: 1px 28px!important; text-transform: uppercase; transition: background .5s ease, color .5s ease; } .grve-title.partner-category { border-color: #d3d3d3; /*color: #144a65;*/ display: inline-block; line-height: 40px; } .grve-portfolio.partners .grve-filter.grve-filter-style-button ul li:hover, .grve-portfolio.partners .grve-filter.grve-filter-style-button ul li.selected, .grve-portfolio.publications .grve-filter.grve-filter-style-button ul li:hover, .grve-portfolio.publications .grve-filter.grve-filter-style-button ul li.selected { background: #67bf47; color: #fff; } /*.grve-portfolio.partners .grve-filter.grve-filter-style-button ul li.selected { box-shadow: none; }*/ .grve-portfolio.partners .grve-portfolio-item > div, .grve-portfolio.publications .grve-portfolio-item > div { background-color: #fff; /*border: 2px solid #d3d3d3; border-radius: 5px;*/ border: 3px solid #1d2129; box-shadow: none; margin-bottom: 0!important; position: relative; transition: box-shadow .3s ease, border-color .4s ease; } .grve-portfolio.partners .grve-portfolio-item > div:hover, .grve-portfolio.publications .grve-portfolio-item > div:hover { /*border-color: #4e8039;*/ border-color: #67bf47; box-shadow: 0 3px 6px 0 rgba(0,0,0,.3); } .grve-portfolio.partners .grve-image-hover, .grve-portfolio.partners .grve-image-hover .grve-media { /*border-top-left-radius: 3px; border-top-right-radius: 3px;*/ position: static; } .grve-portfolio.publications .grve-image-hover, .grve-portfolio.publications .grve-image-hover .grve-media { height: 100%; position: absolute; width: 100%; } .grve-portfolio.publications .grve-image-hover img { display: none; } .grve-portfolio.partners .grve-portfolio-item .grve-content, .grve-portfolio.publications .grve-portfolio-item .grve-content { /*font-size: 18px; line-height: 30px;*/ text-align: left; } .grve-portfolio.partners .grve-portfolio-item .grve-content { padding: 0 15px 20px; } .grve-portfolio.publications .grve-portfolio-item .grve-content { align-items: flex-end; display: flex; height: 100%; margin-top: 0; padding: 120px 25px 20px; } .grve-portfolio.publications .grve-content .grve-title { /*color: #555;*/ font-style: normal; margin: 0; transition: color .3s ease; } .grve-portfolio.publications .grve-portfolio-item > div:hover .grve-content .grve-title { color: #67bf47; } .grve-portfolio.partners .grve-portfolio-item .grve-content strong { display: block; margin-bottom: 10px; } .grve-portfolio.partners .grve-portfolio-item .grve-content span { /*color: #67bf47;*/ color: #1d2129; display: block; font-weight: 700; /*line-height: 25px;*/ margin-top: 15px; transition: color .3s ease; } .grve-portfolio.publications .grve-portfolio-item .grve-content span { font-size: 14px; font-weight: 400; font-weight: 800; letter-spacing: 1.5px; position: absolute; text-transform: uppercase; top: 20px; transition: color .3s ease; } .grve-portfolio.publications .grve-content span.publication-date, .grve-portfolio.publications .grve-content span.publication-category { left: 25px; } /*.grve-portfolio.publications .grve-content span.publication, .grve-portfolio.publications .grve-content span.publication-category { color: #67bf47; }*/ .grve-portfolio.publications .grve-content span.publication { right: 25px; } .grve-portfolio.publications .grve-content span.publication-category { top: 45px; } .grve-portfolio.partners .grve-portfolio-item .grve-content .fa { color: #1d2129; display: inline-block; font-size: inherit; line-height: 24px; margin-left: .25em; /*transform: translateY(3px);*/ transition: color .3s ease, transform .3s ease; } .grve-portfolio.publications .grve-portfolio-item > div:hover .grve-content span, .grve-portfolio.partners .grve-portfolio-item > div:hover .grve-content span { color: #67bf47; } .grve-portfolio.partners .grve-portfolio-item > div:hover .grve-content .fa { color: #67bf47; -webkit-transform: translate(.5em,0); -moz-transform: translate(.5em,0); -ms-transform: translate(.5em,0); -o-transform: translate(.5em,0); transform: translate(.5em,0); } /*__// 7x. The MOM Journey //__*/ .page-journey #grve-feature-section .grve-title-content-wrapper.grve-content-large { max-width: 50%; } .page-journey #grve-feature-section .grve-title { background: url('/wp-content/uploads/the-mom-journey-2023-lockup2x.png') no-repeat 0 0; background-size: 370px; height: 154px; margin-top: 16px; } .page-journey #grve-feature-section .grve-title span { overflow: hidden; text-indent: 100%; white-space: nowrap; } .page-journey #grve-feature-section .grve-bg-white span { color: #915eb1; } .page-journey #grve-theme-wrapper #grve-feature-section .grve-bg-hover-purple:hover, .page-journey #grve-theme-wrapper #grve-feature-section a.grve-bg-hover-purple:hover { background-color: #e2d7ea; border-color: #e2d7ea; } #grve-main-content .mom-journey.grve-section { background-color: #f1f1f1; } .mom-journey h3.grve-h1 { font-size: 75px; line-height: 80px; } .mom-journey h3.grve-h1 span.grve-title-line { margin-top: 35px; } .mom-journey h4.grve-h4 { color: #1b1b1b!important; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; } .mom-journey .grve-title.healthverity-id { color: #2bb8c7; /* #144a65 */ } #grve-theme-wrapper .mom-journey .grve-title.healthverity-id .grve-title-line { background-color: #2bb8c7; /* #144a65 */ } .mom-journey .grve-title.medical-claims { color: #1497ed; /* #3398da */ } #grve-theme-wrapper .mom-journey .grve-title.medical-claims .grve-title-line { background-color: #1497ed; /* #3398da */ } .mom-journey .grve-title.lab { color: #ca3c7d; /* #915eb1 */ } #grve-theme-wrapper .mom-journey .grve-title.lab .grve-title-line { background-color: #ca3c7d; /* #915eb1 */ } .mom-journey .grve-title.pharmacy { color: #67bf47; /* #47bf60 */ } #grve-theme-wrapper .mom-journey .grve-title.pharmacy .grve-title-line { background-color: #67bf47; /* #47bf60 */ } .mom-journey .grve-title.hospital { color: #f9c811; /* #4568e5 */ } #grve-theme-wrapper .mom-journey .grve-title.hospital .grve-title-line { background-color: #f9c811; /* #4568e5 */ } .mom-journey .grve-title.emr { color: #e27c26; /* #d8833b */ } #grve-theme-wrapper .mom-journey .grve-title.emr .grve-title-line { background-color: #e27c26; /* #d8833b */ } .page-journey .grve-anchor-menu ul { align-items: center; display: flex; justify-content: center; } .page-journey .grve-anchor-menu ul li { flex: 1 1 auto; max-width: 225px; } .page-journey .grve-anchor-menu .grve-anchor-wrapper .grve-container > ul > li > a { font-size: 16px!important; font-weight: 600!important; letter-spacing: .5px; text-align: center; text-transform: uppercase; transition: color .3s; } .page-journey .grve-box-icon.grve-side-icon.grve-align-left .grve-image-icon { margin-right: 50px; } .rounded-corners { overflow: hidden; } .rounded-corners::before, .rounded-corners::after { /*background-color: transparent;*/ content: ''; height: 65%; position: absolute; width: 20%; } .rounded-corners::before { top: 0; } .rounded-corners::after { bottom: 0; } .rounded-corners.left::before, .rounded-corners.left::after { left: 0; } .rounded-corners.right::before, .rounded-corners.right::after { right: 0; } .rounded-corners.left::before { border-top-left-radius: 200px; } .rounded-corners.right::before { border-top-right-radius: 200px; /*box-shadow: 0 -200px 0 0;*/ } .rounded-corners.left::after { border-bottom-left-radius: 200px; /*box-shadow: 0 200px 0 0;*/ } .rounded-corners.right::after { border-bottom-right-radius: 200px; /*box-shadow: 0 200px 0 0;*/ } #healthverity-id-mom.rounded-corners::before { box-shadow: 0 -200px 0 0 #f1f1f1; } #healthverity-id-mom.rounded-corners::after, #pharmacy.rounded-corners::after, #healthverity-id-baby.rounded-corners::after { box-shadow: 0 200px 0 0 #3398da; } #medical-claims-pregnancy.rounded-corners::before, #medical-claims-baby.rounded-corners::before { box-shadow: 0 -200px 0 0 #144a65; } #medical-claims-pregnancy.rounded-corners::after { box-shadow: 0 200px 0 0 #915eb1; } #lab.rounded-corners::before, #hospital.rounded-corners::before { box-shadow: 0 -200px 0 0 #3398da; } #lab.rounded-corners::after { box-shadow: 0 200px 0 0 #47bf60; } #pharmacy.rounded-corners::before { box-shadow: 0 -200px 0 0 #915eb1; } #medical-claims-mom.rounded-corners::before { box-shadow: 0 -200px 0 0 #47bf60; } #medical-claims-mom.rounded-corners::after { box-shadow: 0 200px 0 0 #4568e5; } #hospital.rounded-corners::after { box-shadow: 0 200px 0 0 #144a65; } #healthverity-id-baby.rounded-corners::before { box-shadow: 0 -200px 0 0 #4568e5; } #medical-claims-baby.rounded-corners::after { box-shadow: 0 200px 0 0 #f1f1f1; } .patient { line-height: 60px; } .patient::after { content: ''; height: 60px; position: absolute; } .patient.mom::after { background: url('/wp-content/themes/movedo-child/img/icon-patient-mom2x.png') no-repeat 100% 50%; background-size: 50px; width: 70px; } .patient.baby::after { background: url('/wp-content/themes/movedo-child/img/icon-patient-baby2x.png') no-repeat 100% 50%; background-size: 42px; width: 62px; } .patient.mom.baby::after { background: url('/wp-content/themes/movedo-child/img/icon-patient-mom-baby2x.png') no-repeat 100% 50%; background-size: 110px; width: 130px; } #data .grve-box-title.grve-h6 { color: #1b1b1b; font-size: 20px; line-height: 25px; font-weight: 500; } #outcomes ul { line-height: 45px; } #outcomes li:not(:last-child) { margin-bottom: 30px; } .page-journey #mom-request-demo div.grve-title { color: #fff; font-size: 20px; letter-spacing: 1px; line-height: 30px; text-transform: uppercase; } .journey-separator .grve-column-1, .journey-separator .grve-column-1-2 { min-height: auto; } .journey-separator .grve-column-1-2:last-child { float: right; } .journey-arrow { left: 50%; position: absolute; top: 50%; transform: translate(-50%,-50%); } .journey-arrow span { animation: animate 2s infinite; border-bottom: 5px solid #f2cede; /* #e2d7ea */ border-right: 5px solid #f2cede; /* #e2d7ea */ border-radius: 2px; display: block; height: 30px; margin: -5px; transform: rotate(45deg); width: 30px; } .journey-arrow span:nth-child(2) { animation-delay: -0.2s; } .journey-arrow span:nth-child(3) { animation-delay: -0.4s; } @keyframes animate { 0% { opacity: 0; transform: rotate(45deg) translate(-10px,-10px); } 50%{ opacity: 1; } 100%{ opacity: 0; transform: rotate(45deg) translate(10px,10px); } } @media only screen and (max-width: 1340px) { .page-journey #grve-feature-section .grve-background-wrapper .grve-bg-image { height: 90%; left: 10%; top: 5%; width: 90%; } } @media only screen and (min-width: 1200px) { .page-journey #data .grve-box-icon.grve-top-icon img { height: auto; width: 2.5em; } } @media only screen and (max-width: 1200px) { .page-journey #grve-feature-section .grve-background-wrapper .grve-bg-image { height: 80%; left: 20%; top: 10%; width: 80%; } } @media only screen and (max-width: 1080px) { .page-journey #grve-feature-section .grve-background-wrapper .grve-bg-image { height: 70%; left: 30%; top: 15%; width: 70%; } } @media only screen and (max-width: 959px) { .page-journey #grve-feature-section .grve-background-wrapper .grve-bg-image.show { opacity: 0; } .page-journey #grve-feature-section .grve-title-content-wrapper.grve-content-large { max-width: 100%; text-align: center; width: 100%; } .page-journey #grve-feature-section .grve-title { background-position: center; } .mom-journey h3.grve-h1 { font-size: 50px; line-height: 65px; } } @media only screen and (max-width: 959px) and (min-width: 371px) { .page-journey .grve-header-elements-wrapper.grve-position-right { right: 0; width: 100%; } .page-journey .grve-header-elements-wrapper .grve-hidden-menu-btn { width: 100%; } .page-journey .grve-header-elements-wrapper .grve-hidden-menu-btn .grve-header-element { float: right; width: 100%; } .page-journey #grve-responsive-header .grve-header-element > a { background-color: rgba(255,255,255,1); border-radius: 0; padding-right: 40px; text-align: right; width: 100%; } } @media only screen and (min-width: 768px) { .page-journey .grve-box-icon.grve-side-icon .grve-box-content > * { position: relative; top: 50%; transform: translateY(-50%); } } @media only screen and (max-width: 767px) { .page-journey #grve-feature-section .grve-title { font-size: 25px; } .page-journey #challenge .grve-box-icon.grve-side-icon { text-align: center; } .page-journey #challenge .grve-box-icon.grve-side-icon .grve-image-icon { float: none; margin: 0 0 24px; } .page-journey #challenge .grve-box-icon.grve-side-icon .grve-image-icon img { margin: 0 auto; } .page-journey .double-event .grve-row .grve-column-1-2:last-child .grve-column-wrapper { padding-top: 72px; } .page-journey .journey-separator .grve-row.grve-columns-gap-30 .grve-column .grve-column-wrapper { margin-bottom: 0; } #outcomes ul { line-height: 25px; } } @media only screen and (max-width: 750px) { .page-journey .grve-anchor-menu ul li { height: 58px; } .page-journey .grve-anchor-menu .grve-anchor-wrapper .grve-container > ul > li > a { line-height: 30px; padding: 14px 5px; } } @media only screen and (max-width: 617px) { .page-journey .grve-anchor-menu .grve-anchor-wrapper .grve-container > ul > li > a { line-height: 25px; padding: 4px 5px; } } @media only screen and (max-width: 412px) { .page-journey #grve-feature-section .grve-title { background-size: contain; height: 120px; } } @media only screen and (max-width: 370px) { #grve-page-anchor { display: none!important; visibility: none!important; } } /*__// 9. Hubspot //__*/ /*__// X. Media Queries //__*/ @media only screen and (min-width: 1230px) { /*__// 7. Secondary Pages //__*/ /*__// 7a. Page Head //__*/ #page-head.grve-fullwidth .grve-column-1-2.img-column { width: calc((100% - 1200px) / 2 + 600px); } #page-head.grve-fullwidth .grve-column-1-2.txt-column.left { margin-left: calc((100% - 1200px) / 2); } #page-head.grve-fullwidth .grve-column-1-2.txt-column.right, #hv-marketplace.grve-fullwidth .grve-column-1-2.txt-column.right { margin-right: calc((100% - 1200px) / 2); } } @media only screen and (max-width: 1230px) and (min-width: 768px) { /*__// 7. Secondary Pages //__*/ /*__// 7a. Page Head //__*/ #page-head.grve-fullwidth .grve-column-1-2.txt-column, #hv-marketplace.grve-fullwidth .grve-column-1-2.txt-column { /*width: 45%;*/ width: calc(45% + 15px) } #page-head.grve-fullwidth .grve-column-1-2.txt-column.left { margin-left: calc(5% - 15px); } #page-head.grve-fullwidth .grve-column-1-2.txt-column.right, #hv-marketplace.grve-fullwidth .grve-column-1-2.txt-column.right { margin-right: calc(5% - 15px); } #page-head.grve-fullwidth .grve-column-1-2.img-column { /*width: calc(50% + 15px);*/ width: 50%; } } @media only screen and (min-width: 1200px) { /*__// 1. Classes //__*/ .border-top > .grve-container, .border-top > .grve-column-wrapper, .border-top > .grve-column-wrapper-inner { padding-top: 60px; } /*__// 6. Home Page //__*/ .home #ipge-approach .border-top > .grve-column-wrapper-inner, #ipge-approach .border-top > .grve-column-wrapper-inner { padding-top: 40px; } .border-top.stat > .grve-column-wrapper, .border-top.stat > .grve-column-wrapper-inner { padding-top: 20px!important; } } @media only screen and (max-width: 1200px) { /*__// 1. Classes //__*/ .border-top > .grve-container, .border-top > .grve-column-wrapper, .border-top > .grve-column-wrapper-inner { padding-top: 48px; } /*__// 6. Home Page //__*/ .home #ipge-approach .border-top > .grve-column-wrapper-inner, #ipge-approach .border-top > .grve-column-wrapper-inner, .border-top.stat > .grve-column-wrapper-inner { padding-top: 36px; } } @media only screen and (min-width: 960px) and (max-width: 1200px) { /*__// 4. Footer //__*/ #grve-footer .grve-footer-wrapper .grve-tablet-column-1-2 { width: 25%; } #grve-footer .grve-footer-wrapper .grve-tablet-column-1-2:nth-child(2n+1) { clear: none; } } @media only screen and (min-width: 1800px) { /*__// 6. Solutions Pages //__*/ #hv-consent-share .grve-row-inner { padding-bottom: 31vw; } } @media only screen and (max-width: 1560px) { /*__// 6. Solutions Pages //__*/ #hv-consent-share .grve-row-inner { padding-bottom: 15vw; } } @media only screen and (max-width: 1440px) and (min-width: 1201px) { /*__// 2. Typography //__*/ h1.hero-title { font-size: 130px; line-height: 130px; } #hero:not(.announcement) h2 { font-size: 55px; } /*__// 6. Solutions Pages //__*/ #hv-consent-share .grve-row-inner { padding-bottom: 12vw; } } @media only screen and (max-width: 1340px) { /*__// 6. Solutions Pages //__*/ #hv-census-steps .grve-row-inner .grve-column-1-3:not(:last-child) .hv-census-step .grve-media::after { right: -75px; } #hv-consent-share .grve-bg-image { background-image: url('img/hv-consent-share-chart-smdsktp.png')!important; } #hv-consent-share .grve-row-inner { /*padding-bottom: 64vw;*/ } } @media only screen and (max-width: 1340px) and (min-width: 1280px) { /*__// 5. Home Page //__*/ #your-data::after { height: 70%!important; } /*__// 6. Solutions Pages //__*/ #hv-census-steps .grve-row-inner .grve-column-1-3:not(:last-child) .hv-census-step .grve-media::after { right: -75px; } } @media only screen and (max-width: 1279px) and (min-width: 1200px) { /*__// 5. Home Page //__*/ #your-data::after { height: 70%!important; } /*__// 6. Solutions Pages //__*/ #marketplace-data .grve-bg-image { background-size: 90%; } #hv-census-steps .grve-row-inner .grve-column-1-3:not(:last-child) .hv-census-step .grve-media::after { background-size: 45px; height: 38px; right: -60px; width: 45px; } } @media only screen and (min-width: 1201px) { /*__// 6. Solutions Pages //__*/ .hv-marketplace-data-chart-copy { padding-right: 20%; } .hv-marketplace-tablet-img, .hv-marketplace-chart-tablet-img { display: none; } } @media only screen and (max-width: 1200px) { /*__// 2. Typography //__*/ h1.hero-title { font-size: 120px; line-height: 120px; } #hero:not(.announcement) h2 { font-size: 45px; } /*__// 4. Footer //__*/ /*#grve-theme-wrapper #grve-footer .grve-padding-top-1x { padding-top: 30px; } #grve-theme-wrapper #grve-footer .grve-padding-bottom-1x { padding-bottom: 30px; } #grve-footer .grve-footer-wrapper .grve-column { margin-top: 0; margin-bottom: 0; }*/ /*__// 6. Solutions Pages //__*/ #grve-main-content #marketplace-data.grve-section { background-color: #f1f1f1; } #marketplace-data .grve-bg-image { background-image: none!important; } #marketplace-data .tablet-fullwidth .grve-column-1-2 { width: 100%; } #marketplace-data .grve-padding-bottom-6x { padding-bottom: 0; } .hv-marketplace-dsktp-img { display: none; } .hv-marketplace-tablet-img, .hv-marketplace-chart-tablet-img { padding-top: 54px; } .hv-marketplace-tablet-img { padding-bottom: 54px; } /*__// 7. Secondary Pages //__*/ .grve-section.callout .grve-column.grve-middle { min-height: 304px; } #page-head-about-us { min-height: 408px; } } @media only screen and (max-width: 1200px) and (min-width: 960px) { /*__// 0. Theme Overrides //__*/ /*#grve-theme-wrapper .grve-link-text, #grve-theme-wrapper a.grve-btn, #grve-theme-wrapper input[type="submit"], #grve-theme-wrapper input[type="reset"], #grve-theme-wrapper button:not(.mfp-arrow):not(.grve-search-btn), #cancel-comment-reply-link, #reply-title { font-size: 25px!important; } #grve-theme-wrapper a.grve-btn.grve-btn-extrasmall { font-size: 18px!important; }*/ #grve-theme-wrapper a.grve-btn.fullwidth-btn { margin-left: auto; margin-right: auto; min-width: 100%; } /*__// 2. Typography //__*/ #pg-head .grve-h1 { font-size: 100px; line-height: 100px; } #pg-head .grve-h2 { font-size: 50px; line-height: 70px; } .grve-box.hv-marketplace-icon .grve-box-content .grve-box-title { font-size: 18px; line-height: 26px; } span.speed { font-size: 65px; } /*__// 3. Header & Navigation //__*/ /*#grve-header .grve-horizontal-menu ul.grve-menu li.solutions ul.sub-menu { width: 483px; } #grve-header .grve-horizontal-menu.grve-position-right ul.grve-menu > li > a { /*margin: 0 .5em;*/ margin: 0 .25em; padding: 0 .75em; } #grve-header .grve-horizontal-menu.grve-arrow ul.grve-menu .menu-item-has-children > a { padding-right: .75em; }*/ } @media only screen and (max-width: 1199px) and (min-width: 769px) { /*__// 5. Home Page //__*/ #your-data::after { height: 60%!important; } /*__// 6. Solutions Pages //__*/ #hv-census-steps .grve-row-inner .grve-column-1-3:not(:last-child) .hv-census-step .grve-media::after { background-size: 45px; height: 38px; right: -45px; width: 45px; } } @media only screen and (max-width: 1080px) and (min-width: 960px) { /*__// 2. Typography //__*/ h1.hero-title { font-size: 105px; line-height: 105px; } /*__// 6. Solution Pages //__*/ #hv-consent-share .grve-row-inner { padding-bottom: 45vw; } } @media only screen and (max-width: 1080px) and (min-width: 768px) { /*__// 5. Home Page //__*/ #your-data::after { height: 50%!important; } .home .callout .grve-row .grve-column-1-2:first-child { width: 33.33333333%; } .home .callout .grve-row .grve-column-1-2:last-child { width: 66.66666667%; } /*__// 6. Solution Pages //__*/ .accuracy-chart { padding-top: 30vw; } #hv-consent-share .grve-bg-image { background-image: url('img/hv-consent-share-chart-tablet.png')!important; } } @media only screen and (min-width: 1025px) { /*__// 4. Footer //__*/ /*#grve-footer .grve-footer-bar { display: none!important; visibility: hidden!important; }*/ } @media only screen and (max-width: 1024px) { /*__// 4. Footer //__*//* #grve-theme-wrapper { padding-bottom: 150px; /* determined by footer height *//* } #grve-theme-wrapper #grve-footer .grve-padding-top-1x { padding-top: 30px; } #grve-theme-wrapper #grve-footer .grve-padding-bottom-1x { padding-bottom: 30px; } #grve-theme-wrapper #grve-footer .grve-widget-area .grve-container { padding-bottom: 5px; } #grve-footer .grve-footer-bar .grve-left-side { float: none; padding: 0; text-align: center; width: 100%; } span.copyright-dsktp { display: none; visibility: hidden; }*/ } @media only screen and (min-width: 959px) { /*__// 5. Home Page //__*/ #hv-solutions .grve-row .grve-column:nth-child(-n+3) .hv-solution { margin-bottom: 7.5px; } #hv-solutions .grve-row .grve-column:nth-child(n+4) .hv-solution { margin-top: 7.5px; } .hv-solution.top-right-dsktp { border-top-right-radius: 30px; } .hv-solution.bottom-left-dsktp { border-bottom-left-radius: 30px; } /*__// 7. Secondary Pages //__*/ .contact-us-copy { max-width: 66.66666667% } } @media only screen and (max-width: 959px) { /*__// 0. Theme Overrides //__*/ #grve-theme-wrapper .grve-link-text, #grve-theme-wrapper a.grve-btn, #grve-theme-wrapper input[type="submit"], #grve-theme-wrapper input[type="reset"], #grve-theme-wrapper button:not(.mfp-arrow):not(.grve-search-btn), #cancel-comment-reply-link, #reply-title { font-size: 16px!important; line-height: 1.4; } /*a.grve-btn.fullwidth-btn { width: 100%; max-width: 320px; }*/ /*__// 3. Header & Navigation //__*/ /*.grve-close-btn i, .grve-close-btn .grve-icon-close { font-family: 'Font Awesome 6 Free'!important; font-weight: 900; } #grve-hidden-menu .grve-hiddenarea-content .grve-menu > li > a, #grve-responsive-anchor .grve-hiddenarea-content .grve-menu > li > a, #grve-hidden-menu ul.grve-menu > li.megamenu > ul > li > a, #grve-hidden-menu ul.grve-menu > li ul li.grve-goback a, #grve-hidden-menu .grve-menu-description { font-size: 15px; line-height: 20px; } .grve-hidden-area .grve-hiddenarea-content::before { font-size: 30px; line-height: 40px; }*/ /*__// 7. Secondary Pages //__*/ #grve-main-content #our-story.grve-section { background: #f1f1f1; } #our-story .grve-bg-image { background-image: none!important; } #page-head-about-us { min-height: 396px; } } @media only screen and (min-width: 768px) and (max-width: 959px) { /*__// 0. Theme Overrides //__*/ .tablet-align-center { text-align: center; } .tablet-align-center .grve-btn { margin-left: 15px; margin-right: 15px; } /*__// 2. Typography //__*/ h1.hero-title { font-size: 85px; line-height: 85px; } #pg-head .grve-h1 { font-size: 100px; line-height: 100px; } #pg-head .grve-h2 { font-size: 50px; line-height: 70px; } .grve-box.hv-marketplace-icon .grve-box-content .grve-box-title { font-size: 14px; line-height: 20px; } #hv-news h2, .hv-leadership h2, .hv-leadership h3 { /*font-size: 25px; line-height: 35px;*/ } span.speed { font-size: 55px; } .grve-tablet-sm-align-center .grve-title.grve-align-left { text-align: center; } /*__// 3. Header & Navigation //__*/ #grve-hidden-menu .grve-hiddenarea-content .grve-menu > li > a, #grve-hidden-menu .grve-hiddenarea-content .grve-menu > li > .grve-toggle-menu-item-wrapper a, #grve-responsive-anchor .grve-hiddenarea-content .grve-menu > li > a, #grve-hidden-menu ul.grve-menu > li.megamenu > ul > li > a, #grve-hidden-menu ul.grve-menu > li ul li.grve-goback a, #grve-hidden-menu.grve-slide-menu ul li.megamenu ul li:not(.grve-goback) > a, #grve-hidden-menu.grve-slide-menu ul li ul li:not(.grve-goback) > a, #grve-hidden-menu.grve-toggle-menu ul li.megamenu ul li > a, #grve-hidden-menu.grve-toggle-menu ul li ul li > a, #grve-responsive-anchor ul li ul li > a { font-size: 16px; line-height: 1.5em; } /*.grve-main-menu .grve-wrapper > ul > li > a, .grve-main-menu .grve-wrapper > ul > li ul li a, .grve-main-menu .grve-wrapper > ul > li.megamenu > ul > li > a, .grve-toggle-hiddenarea .grve-label, .grve-main-menu .grve-wrapper > ul > li ul li.grve-goback a, .grve-main-menu .grve-menu-description { font-size: 14px; } #grve-hidden-menu .grve-hiddenarea-content .grve-menu > li > a, #grve-responsive-anchor .grve-hiddenarea-content .grve-menu > li > a, #grve-hidden-menu ul.grve-menu > li.megamenu > ul > li > a, #grve-hidden-menu ul.grve-menu > li ul li.grve-goback a, #grve-hidden-menu .grve-menu-description { font-size: 18px; line-height: 24px; } #grve-header .grve-horizontal-menu ul.grve-menu li.solutions ul.sub-menu { width: 483px; } #grve-header .grve-horizontal-menu.grve-position-right ul.grve-menu > li > a { margin: 0 .5em; padding: 0 .5em; } #grve-header .grve-horizontal-menu.grve-position-right ul.grve-menu > li:last-child > a { padding-left: 1.5em; } #grve-header .grve-horizontal-menu.grve-arrow ul.grve-menu .menu-item-has-children > a { padding-right: .5em; } #grve-header .grve-main-menu .grve-wrapper > ul > li.megamenu > ul > li > a, #grve-header .grve-main-menu .grve-menu-description { line-height: 24px; }*/ /*__// 4. Footer //__*/ #grve-footer .grve-footer-bar .grve-left-side { float: left; text-align: left; width: 75%; } #grve-footer .grve-footer-bar .grve-right-side { float: right; text-align: right; width: 25%; } #grve-footer .grve-footer-bar .grve-left-side + .grve-right-side { margin-top: 0; } #grve-footer .grve-footer-bar ul { margin: 0; text-align: right; } /*__// 5. Home Page //__*/ #hv-solutions .grve-row .grve-column:nth-child(-n+2) .hv-solution { margin-bottom: 7.5px; } #hv-solutions .grve-row .grve-column:nth-child(3) .hv-solution, #hv-solutions .grve-row .grve-column:nth-child(4) .hv-solution { margin-top: 7.5px; margin-bottom: 7.5px; } #hv-solutions .grve-row .grve-column:nth-child(n+5) .hv-solution { margin-top: 7.5px; } .hv-solution.top-right-tablet { border-top-right-radius: 30px; } .hv-solution.bottom-left-tablet { border-bottom-left-radius: 30px; } /*__// 6. Solution Pages //__*/ #hv-consent-share .grve-row-inner { padding-bottom: 43vw; } /*__// 7. Secondary Pages //__*/ #intro { padding: 30px 40px 40px; } } @media only screen and (min-width: 769px) { /*__// 0. Theme Overrides //__*/ .fullwidth-txt-col { max-width: 655px; } .tablet-show { display: none!important; visibility: hidden!important; } /*__// 4. Footer //__*/ /*#grve-footer .grve-widget-area .grve-row .grve-column:first-child { padding-right: 0; }*/ /*__// 6. Solutions Pages //__*/ #hv-cipher-flowchart .grve-row .grve-column-1-2:last-child { padding-left: 30px; } /*__// 7. Secondary Pages //__*/ body:not(.page-healthverity-census) #pg-title .grve-h1 br { display: none; } } @media only screen and (min-width: 768px) { /*__// 6. Home Page //__*/ /*#how-we-help .txt-column.left .grve-column-wrapper-inner { padding-right: 5px; /* forces line break *//* }*/ #how-we-help .grve-column-1-2 .grve-column-wrapper-inner .grve-text { max-width: 455px; } #how-we-help .grve-column-1-3 .grve-column-wrapper-inner .grve-text { max-width: 255px; } /*__// 7. Secondary Pages //__*/ /*__// 7a. Page Head //__*/ /*#page-head.grve-section.grve-fullwidth .grve-row.grve-columns-gap-30 { padding-left: 0; padding-right: 0; }*/ #page-head.grve-fullwidth .grve-column-1-2.txt-column, #hv-marketplace.grve-fullwidth .grve-column-1-2.txt-column { max-width: 600px; } #page-head .grve-column-1-2.img-column.left { padding-right: 15px!important; } #page-head .grve-column-1-2.img-column.right { padding-left: 15px!important; } /*#page-head .grve-column-1-2.txt-column.left .grve-column-wrapper,*/ .grve-column-1-2.txt-column.left:not(.grve-middle) .grve-column-wrapper, .grve-column-1-2.txt-column.left .grve-column-wrapper-inner { margin-right: 30px; /*padding-right: 30px;*/ } /*#page-head .grve-column-1-2.txt-column.right .grve-column-wrapper,*/ .grve-column-1-2.txt-column.right:not(.grve-middle) .grve-column-wrapper, .grve-column-1-2.txt-column.right .grve-column-wrapper-inner { margin-left: 30px; /*padding-left: 30px;*/ } .grve-column-1-2.grve-middle.txt-column.left .grve-column-wrapper { padding-right: 30px; } .grve-column-1-2.grve-middle.txt-column.right .grve-column-wrapper { padding-left: 30px; } } @media only screen and (max-width: 768px) { /*__// 0. Theme Overrides //__*/ /*a.grve-btn, #grve-theme-wrapper input[type="submit"].hs-button { min-width: 220px; }*/ .tablet-fullwidth .grve-column-5-12, .tablet-fullwidth .grve-column-7-12, .tablet-fullwidth .grve-column-3-4, .tablet-fullwidth .grve-column-1-2, .tablet-fullwidth:not(.hv-leadership):not(.hv-board) .grve-column-2-3, .tablet-fullwidth .grve-column-1-3:not(.grve-column-inner) { width: 100%; } .tablet-fullwidth .grve-row .grve-column-7-12, .tablet-fullwidth .grve-row .grve-column-1-2:last-child, .tablet-fullwidth .grve-column-1-3:not(:first-child):not(#media-enquiries) { padding-top: 54px; } .tablet-fullwidth .grve-column-wrapper { height: auto!important; } .tablet-hide { display: none!important; visibility: hidden!important; } /*__// 2. Typography //__*/ /*body { font-size: 20px; line-height: 35px; } h2, .grve-h2 { font-size: 40px; line-height: 60px; }*/ .resource-type, .solution-title, .card .grve-box::before { font-size: 20px; } /*p, .check-list li:not(:last-child) { margin-bottom: 25px; }*/ .hv-platform-solution p { font-size: 15px; line-height: 25px; } .check-list ul { line-height: 35px; } /*#grve-theme-wrapper input[type="text"], #grve-theme-wrapper input[type="input"], #grve-theme-wrapper input[type="password"], #grve-theme-wrapper input[type="number"], #grve-theme-wrapper input[type="email"], #grve-theme-wrapper input[type="number"], #grve-theme-wrapper input[type="url"], #grve-theme-wrapper input[type="tel"], #grve-theme-wrapper input[type="search"], #grve-theme-wrapper input[type="date"], #grve-theme-wrapper textarea, #grve-theme-wrapper select, #grve-theme-wrapper .select2-choice { font-size: 20px; }*/ span.speed { font-size: 45px; } /*__// 3. Header & Navigation //__*/ /*#grve-responsive-header .grve-logo.grve-position-left { float: none; position: absolute; left: 50%; margin-left: -75px; } #grve-header .grve-horizontal-menu.grve-position-right ul.grve-menu > li > a { margin: 0 .375em; } #grve-header .grve-horizontal-menu.grve-position-right ul.grve-menu > li:last-child > a { padding-left: 1.25em; }*/ /*__// 6. Home Page //__*/ /*__// 6b. HV Platform Hotspot Diagram //__*/ .cq-hotspot-container { max-width: 90%; } .company-logo { width: calc(100% / 3); } .callout .grve-column-1-2:not(.content) { display: none; } .callout.bg-flip .grve-bg-image { background-position: left -100px center; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } /*__// 6. Solution Pages //__*/ #accuracy .grve-bg-image { background-image: url('img/hv-census-accuracy-tablet-bg.png')!important; } .dsktp-img, .hv-consent-steps-dsktp-img { display: none; } .page-healthverity-census .callout.bg-flip .grve-bg-image { background-position: left -350px center; } .grve-box.hv-census-step .grve-box-content p { line-height: 30px; } #hv-census-steps .grve-row-inner .grve-column-1-3:not(:last-child) .hv-census-step .grve-media::after { bottom: -71px; margin-top: 0; right: -43px; top: inherit; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } #hv-cipher-flowchart { padding-top: 0!important; padding-bottom: 54px!important; } .hv-cipher { bottom: 40px; position: absolute; right: 70px; } #hv-consent-share .grve-row-inner { padding-bottom: 36vw; } .hv-consent-steps-tablet-img { display: block; } /*__// 7. Secondary Pages //__*/ .grve-section.callout .grve-column.grve-middle { min-height: 328px; } #intro { padding: 30px 30px 40px; } #contact-us .grve-column-inner { width: 100%; } .hv-leadership .grve-row .grve-column-1-2:first-child .grve-row-inner, .hv-board .grve-row .grve-column-1-2:first-child .grve-row-inner { padding-bottom: 0!important; } .hv-lifestyle-photo { width: calc(100% / 3); } /*__// 9. Hubspot //__*/ #grve-theme-wrapper .hs-submit .actions::after { font-size: 20px; } #grve-theme-wrapper .hs-form.btn-inline .hs-submit .actions, #grve-theme-wrapper .hs-form.btn-inline input[type="submit"].hs-button, #grve-theme-wrapper .hs-form.btn-inline .hs-submit .actions::after { height: 58px; line-height: 58px!important; } .hbspt-form fieldset.form-columns-3 .hs-form-field { width: 50%!important; } /*.hbspt-form fieldset.form-columns-2 .hs-form-field .input, .hbspt-form fieldset.form-columns-3 .hs-form-field .input { margin-right: 0; }*/ #grve-theme-wrapper .hs-submit .actions { max-width: 220px; } #grve-theme-wrapper .hs-submit .actions::after { width: 220px; } } @media only screen and (min-width: 768px) { /*__// 0. Theme Overrides //__*/ .col-reverse .grve-row .grve-column-1-2:first-child, .col-reverse .grve-row .grve-column-5-12:first-child { float: right; } .mobile-only { display: none!important; visibility: hidden!important; } .column-border .grve-column-wrapper { padding: 0 15px; } .column-border .grve-row .grve-column:not(:last-child) { border-right: 1px solid #ccc; } /*__// 2. Typography //__*/ .jump-links { text-align: center; } .jump-links ul { border-radius: 16px; display: inline-block; list-style: none; -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 6px rgba(0,0,0,0.2); box-shadow: 0 0 6px rgba(0,0,0,0.2); } .jump-links li { font-size: 15px; line-height: 32px; } .jump-links li:not(:last-child) { border-right: 1px solid #fff; } .jump-links a { background-color: #4e8039; color: #fff; display: block; line-height: 32px; padding: 0 20px; position: relative; transition: background-color .5s ease; } .jump-links li:first-child a { border-top-left-radius: 16px; border-bottom-left-radius: 16px; } .jump-links li:last-child a { border-top-right-radius: 16px; border-bottom-right-radius: 16px; } .jump-links a::before { border-radius: inherit; height: 100%; left: 0; top: 0; width: 100%; } .jump-links a::before { content: ''; opacity: 1; position: absolute; z-index: 1; transition: opacity .5s ease; } .jump-links a:active::before, .jump-links a:focus::before, .jump-links a:hover::before { opacity: 0; } .jump-links a span { position: relative; z-index: 2; } /*__// 4. Footer //__*/ /*span.terms-mobile, .mobile-show { display: none!important; visibility: hidden!important; }*/ /*__// 5. Home Page //__*/ #your-data::after { background: url('img/hv-home-platform-data-diagram-dsktp2x.png') no-repeat center; background-size: contain; bottom: 0; content: ''; display: block; height: 90%; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 30%; z-index: 100; } #healthverity-cipher.hv-platform-solution { float: right; } /*__// 7. Secondary Pages //__*/ .events .grve-portfolio-item, .events .grve-portfolio-item > div { margin-bottom: 0!important; } } @media only screen and (width: 768px) { /*__// 0. Theme Overrides //__*/ .tablet-fullwidth #media-enquiries.grve-column-1-3 { padding-top: 30px; } .tablet-show a.grve-btn { display: block; margin: 30px auto 0!important; width: 220px; } /*__// 5. Home Page //__*/ #your-data::after { background: url('img/hv-home-platform-data-diagram-tablet2x.png') no-repeat center; background-size: contain; height: 45%!important; } .callout .grve-column-1-2.content { width: 66.66666667%; } /*__// 6. Solution Pages //__*/ .tablet-img { display: block; } #hv-census-steps .grve-column-1-3 { width: 100%; } .hv-census-step::after { clear: both; content: ''; display: table; } .hv-census-step > * { float: left; padding: 0 15px; width: 50%; } .hv-census-step .grve-box-content { padding-top: 100px; } #icons .grve-box-icon .grve-box-content { display: table; height: 190px; } #icons .grve-box-icon .grve-box-content p { display: table-cell; vertical-align: middle; } #hv-cipher-flowchart .tablet-img { margin-left: -30px; } .page-healthverity-consent #icons .grve-image-icon { float: left; margin: 0 30px 0 0; } .page-healthverity-consent #icons .grve-box-icon .grve-box-content { height: 240px; text-align: left; } #icons.tablet-fullwidth .grve-column-1-3:not(:first-child) { padding-top: 18px; } /*__// 7. Secondary Pages //__*/ #hs-contact-form { margin-bottom: 54px; } .contact-us-details { overflow: hidden; } .contact-us-details p { float: left; width: 50%; } #page-head-about-us { min-height: 360px; } /*__// 9. Hubspot //__*/ .hbspt-form fieldset.form-columns-3 .hs-form-field:nth-child(odd) { padding-right: 15px; } .hbspt-form fieldset.form-columns-3 .hs-form-field:nth-child(even) { padding-left: 15px; } } @media only screen and (max-width: 767px) { /*__// 0. Theme Overrides //__*/ .grve-row.grve-columns-gap-30 .grve-column .grve-column-wrapper, .grve-row.grve-columns-gap-30 .grve-column-inner .grve-column-wrapper-inner { margin-bottom: 36px; /* matches grve-padding 2x class for equal spacing */ } #page-head.grve-fullwidth .grve-row.grve-columns-gap-30 .grve-column .grve-column-wrapper, .grve-row.grve-columns-gap-30 .grve-column-inner:last-child .grve-column-wrapper-inner, .grve-row.grve-columns-gap-30 .grve-row-inner.cards .grve-column-inner .grve-column-wrapper-inner { margin-bottom: 0; } /*a.grve-btn, #grve-theme-wrapper input[type="submit"].hs-button { min-width: 160px; } a.grve-btn { display: block; margin: 30px auto 0!important; width: 160px; }*/ a.grve-btn.fullwidth-btn { max-width: 260px; } i.fa-medium { background: url('img/medium-icon.svg') no-repeat center -2px; background-size: 20px; } a.social-media.medium:hover i.fa-medium { background: url('img/medium-icon-hover.svg') no-repeat center -2px; background-size: 20px; } .mobile-hide { display: none!important; visibility: hidden!important; } .mobile-img { display: block!important; } .desktop-only { display: none!important; visibility: hidden!important; } .mobile-align-center { text-align: center; } .mobile-align-center .grve-btn { margin-left: 15px; margin-right: 15px; } .column-border .grve-row .grve-column:not(:last-child) .grve-column-wrapper { border-bottom: 1px solid #ccc; padding-bottom: 30px; } /*__// 1. Classes //__*/ .border-top > .grve-container, .border-top > .grve-column-wrapper, .border-top > .grve-column-wrapper-inner { padding-top: 36px; } /*__// 2. Typography //__*/ /*body, #hv-news p, .customer p, .hv-leadership p, .hv-board p, .hv-investor p, .hv-leadership h4, #media-enquiries p, .legal p, .legal li { font-size: 15px; line-height: 25px; } h2, .grve-h2 { font-size: 30px; line-height: 45px; }*/ h1, .grve-h1 { font-size: 47px; line-height: 1.16em; } h1.hero-title { font-size: 60px; line-height: 60px; } #pg-head .grve-h1 { font-size: 50px; line-height: 50px; margin-bottom: 15px; } /*#hero:not(.announcement) h2, #pg-head .grve-h2, #hv-news h2, .grve-blog.news .grve-post-title { font-size: 20px; line-height: 35px; }*/ #hero h2 br { display: none; } /*.hv-leadership h2, .hv-leadership h3, .hv-board h3 { font-size: 20px; line-height: 30px; } .hv-leadership h3, .hv-board h3 { margin: 15px 0 0; } .hv-leadership h4, .hv-board h3 { margin-bottom: 0; }*/ .resource-pg-title { margin: 20px 0 15px!important; padding: 15px; } /*.news .grve-post-meta li, .news .grve-post-header + div { font-size: 12px; line-height: 20px; }*/ #media-enquiries h4 { font-size: 25px; line-height: 35px; } /*p, .check-list li:not(:last-child), .customer .grve-h2 { margin-bottom: 20px; }*/ .jump-links { padding-top: 5px!important; } .jump-links li { margin: 5px 20px; } .jump-links li a { color: inherit; } .check-list ul { line-height: 25px; } .grve-box.hv-census-step .grve-box-content .grve-box-title { font-size: 25px; line-height: 35px; } .grve-box.hv-marketplace-icon .grve-box-content .grve-box-title { font-size: 11px; line-height: 17px; } /*#grve-theme-wrapper input[type="text"], #grve-theme-wrapper input[type="input"], #grve-theme-wrapper input[type="password"], #grve-theme-wrapper input[type="number"], #grve-theme-wrapper input[type="email"], #grve-theme-wrapper input[type="number"], #grve-theme-wrapper input[type="url"], #grve-theme-wrapper input[type="tel"], #grve-theme-wrapper input[type="search"], #grve-theme-wrapper input[type="date"], #grve-theme-wrapper textarea, #grve-theme-wrapper select, #grve-theme-wrapper .select2-choice, #grve-theme-wrapper .grve-link-text, #grve-theme-wrapper a.grve-btn, #grve-theme-wrapper input[type="submit"], #grve-theme-wrapper input[type="reset"], #grve-theme-wrapper button:not(.mfp-arrow):not(.grve-search-btn), #cancel-comment-reply-link, #reply-title { font-size: 15px!important; }*/ /*.grve-mobile-align-center .grve-title.grve-align-left { text-align: center; } */ /*__ // 3. Header & Navigaiton //__*/ #grve-top-bar ul.grve-right-side { text-align: right; } /*__// 3a. Mobile/Hidden Menu //__*/ #grve-hidden-menu .grve-hiddenarea-content .grve-menu > li > a, #grve-hidden-menu .grve-hiddenarea-content .grve-menu > li .grve-toggle-menu-item-wrapper a, #grve-responsive-anchor .grve-hiddenarea-content .grve-menu > li > a, #grve-hidden-menu ul.grve-menu > li.megamenu > ul > li > a, #grve-hidden-menu ul.grve-menu > li ul li.grve-goback a, #grve-hidden-menu.grve-slide-menu ul li.megamenu ul li:not(.grve-goback) > a, #grve-hidden-menu.grve-slide-menu ul li ul li:not(.grve-goback) > a, #grve-hidden-menu.grve-toggle-menu ul li.megamenu ul li > a, #grve-hidden-menu.grve-toggle-menu ul li ul li > a, #grve-responsive-anchor ul li ul li > a { font-size: 15px; line-height: 1.4em; } /*__// 4. Footer //__*/ #grve-footer .grve-row.grve-columns-gap-30 .grve-column .grve-column-wrapper { margin-bottom: 0; } /*#grve-theme-wrapper { padding-bottom: 125px; /* determined by footer height *//* } #grve-theme-wrapper #grve-footer .grve-widget-area .grve-container { padding-bottom: 0; } #grve-footer .grve-widget-area .grve-row .grve-column:first-child { display: none; visibility: hidden; } #grve-theme-wrapper #grve-footer .grve-footer-bar { padding-top: 15px; } #grve-footer .grve-footer-bar .grve-left-side, #grve-footer .grve-footer-bar .grve-right-side, #grve-footer .widget, #grve-footer .widgets, #grve-footer .widget p { font-size: 12px; line-height: 25px; } #menu-footer-menu { text-align: center; }*/ /*a.social-media { font-size: 16px; width: 16px; } a.social-media.linkedin { font-size: 15px; width: 15px; } a.social-media.medium { font-size: 14px; width: 14px; }*/ /*__// 5. Modules & Elements //__*/ /*__// Hubspot //__*/ .hbspt-form .submitted-message p { font-size: 19px; line-height: 1.48em; } /*__// 6. Home Page //__*/ #how-we-help .grve-column-wrapper-inner .grve-image { padding: 6px 0 36px; } /*__// 6. Home Page - Hero Announcement //__*/ #hero.announcement { position: relative; padding-bottom: 90px!important; } #hero.announcement .grve-image { padding: 45px 0; } #hero.announcement + .grve-section { margin-top: 0; } #hv-solutions .grve-row .grve-column:first-child .hv-solution { margin-bottom: 7.5px; } #hv-solutions .grve-row .grve-column:nth-child(n+2) .hv-solution { margin-top: 7.5px; margin-bottom: 7.5px; } #hv-solutions .grve-row .grve-column:last-child .hv-solution { margin-bottom: 0; } .hv-solution.top-mobile { border-top-left-radius: 30px; border-top-right-radius: 30px; } .hv-solution.bottom-mobile { border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; } .hv-solution .grve-box .grve-box-content p { font-size: 15px; line-height: 25px; } #hv-platform-solutions { background: url('img/hv-home-platform-data-diagram-mobile.png') no-repeat top center; background-size: 100%; background-color: #fff!important } #your-data { overflow: hidden; padding-top: 90vw; } #hv-platform-solutions .grve-row.grve-columns-gap-15 { margin-right: -15px; margin-left: -15px; } #hv-platform-solutions .grve-row.grve-columns-gap-15 .grve-column { padding-right: 15px; padding-left: 15px; } #hv-platform-solutions .hv-platform-solution { margin: 0 0 15px; /*width: 66.66666667%;*/ width: 75%; } #healthverity-census.hv-platform-solution .grve-column-wrapper { background-color: #144a65; } .home #hero + .grve-section .grve-row.grve-columns-gap-30 .grve-column .grve-column-wrapper, #hv-platform-solutions .hv-platform-solution:last-child { margin-bottom: 0; } #hv-platform-solutions .hv-platform-solution .grve-column-wrapper { border-radius: 13px; margin-bottom: 0; padding: 15px; } #healthverity-marketplace.hv-platform-solution, #healthverity-consent.hv-platform-solution { float: right; } .company-logo { width: calc(100% / 2); } .home .callout .grve-row .grve-column-1-2:first-child { display: none; } .home .callout .grve-row .grve-column-1-2:last-child { width: 100%; } .home .callout .grve-bg-image { background-position: left -230px center; } .resource-slide .grve-image { display: none; } /*__// 6. Solutions Pages //__*/ #pg-head.solution { height: 100vh; padding: 90px 0 0!important; } #pg-title.solution .grve-column-wrapper-inner { padding-bottom: 30px; } .accuracy-chart { padding-top: 0; } #accuracy { /*background: url('img/hv-census-accuracy-mobile-bg.png') no-repeat bottom center; background-size: 100%;*/ padding-bottom: 0!important; } #accuracy .grve-row-inner, #hv-consent-share .grve-row-inner { padding: 0; } #accuracy .grve-bg-image, #hv-consent-share .grve-bg-image { /*background-image: url('img/hv-census-accuracy-mobile-bg.png')!important;*/ display: none; } .hv-census-step figure { bottom: 0; position: absolute; text-align: center; width: 100%; } #hv-census-steps .grve-row-inner .grve-column-1-3:not(:last-child) .hv-census-step .grve-media::after { bottom: -81px; right: 50%; margin-right: -23.5px; } #hv-census-steps .grve-box-content { padding: 42px 0 310px; } #hv-census-steps .grve-row-inner .grve-column-1-3:not(:first-child) .grve-box-content { padding-top: 62px; } #hv-marketplace-icons-row-1, #hv-marketplace-icons-row-2, .grve-row.grve-columns-gap-30 .grve-column.fullwidth-txt-col .grve-column-wrapper, #icons .grve-column-wrapper, .grve-box-icon.grve-extra-large.hv-icon-large .grve-image-icon { margin-bottom: 0; } #hv-marketplace-icons-row-1 .hv-marketplace-icon, #hv-marketplace-icons-row-2 .hv-marketplace-icon { width: 33.33333333%; } #hv-marketplace-icons-row-2 .hv-marketplace-icon:nth-child(4) { margin-left: 16.66666667%; } #hv-cipher-flowchart .mobile-img { margin-left: -15px; } .hv-cipher { bottom: 50px; position: absolute; right: 20px; } #hv-consent-share { background-color: #f1f1f1!important; padding: 54px 0 30px!important; } .callout a.grve-btn, #pg-head a.grve-btn { display: inline-block; } #pg-head a.grve-btn { margin-top: 0!important; } #icons .grve-box-icon .grve-image-icon, #icons .grve-box-icon .grve-box-content { text-align: center; width: 100%; } #icons .grve-box-icon .grve-image-icon { float: none!important; margin-right: 0!important; } #icons .grve-box-icon .grve-image-icon img { margin: 0 auto 30px; } .hv-icon-large .grve-image-icon img, .customer .grve-image-wrapper, .investor .grve-image-wrapper, #hv-news .grve-image-wrapper { max-width: 190px; } .page-healthverity-consent #icons, #investors .grve-row .grve-column-1-3:not(:last-child) .investor { padding-bottom: 54px; } .page-healthverity-consent #icons .grve-box-icon { padding-bottom: 0; } /*__// 7. Secondary Pages //__*/ /*__// 7a. Page Head //__*/ #page-head.grve-fullwidth .grve-container, #hv-marketplace.grve-fullwidth .grve-container { width: 90% !important; } #page-head.grve-fullwidth .grve-row, #hv-marketplace.grve-fullwidth .grve-row { margin-right: -15px; margin-left: -15px; } #hv-marketplace.grve-fullwidth .grve-column-1-2.img-column { margin-bottom: 54px; padding-right: 15px!important; padding-left: 15px!important; } #pg-head .grve-row-inner, .hv-leadership .grve-row.grve-columns-gap-30 .grve-column .grve-column-wrapper, .hv-board .grve-row.grve-columns-gap-30 .grve-column .grve-column-wrapper, .page-careers #pg-head + .grve-section .grve-row.grve-columns-gap-30 .grve-column .grve-column-wrapper, #hv-perks .grve-row.grve-columns-gap-30 .grve-row-inner, #accomplishments .grve-row.grve-columns-gap-30 .grve-column .grve-column-wrapper, #marketplace-data .grve-row.grve-columns-gap-30 .grve-row-inner { margin-bottom: 0; } #pg-head.short .grve-column-wrapper { padding: 30px 20px; } #cta .grve-btn { margin: 0; } #intro { padding: 30px 20px; } /*.hv-leadership .grve-column-inner, .hv-board .grve-column-inner, #hv-perks .grve-column-1-4 { width: 50%; } .page-about-us .hv-leadership .grve-text, .page-about-us .hv-board .grve-text { display: none; }*/ #hv-leadership .grve-image-wrapper, #hv-board .grve-image-wrapper, #hv-investor .grve-image-wrapper { margin-bottom: 30px; max-width: 190px; } /*.news .grve-post-header a { padding: 45px 15px 15px; } .news .grve-post-meta { left: 15px; } .news .grve-post-header + div { right: 15px; }*/ .grve-portfolio.resources .grve-filter { margin-bottom: 15px; padding: 5px 15px; } .resources .grve-portfolio-item { margin-bottom: 0!important; } .resources .grve-portfolio-item .grve-isotope-item-inner { background-color: #fff; margin-bottom: 5px; padding: 15px 15px 15px 0; } .resources .grve-portfolio-item .grve-media { float: left; margin-right: 5px; max-width: 100px; } .grve-portfolio.resources .grve-content { margin-top: 0!important; padding-left: 120px; } #page-head-about-us { min-height: 385px; } /*__// 9. Hubspot //__*/ /*#grve-theme-wrapper .hs-submit .actions::after { font-size: 15px; } #grve-theme-wrapper .hs-form.btn-inline .hs-submit .actions, #grve-theme-wrapper .hs-form.btn-inline input[type="submit"].hs-button, #grve-theme-wrapper .hs-form.btn-inline .hs-submit .actions::after { height: 51px; line-height: 51px!important; }*/ .hbspt-form fieldset.form-columns-3 .hs-form-field { width: 100%!important; } /*#grve-theme-wrapper .hs-submit .actions { max-width: 160px; } #grve-theme-wrapper .hs-submit .actions::after { width: 160px; }*/ } @media only screen and (max-width: 540px) { /*__// 2. Typography //__*/ .resource-type { max-width: none; width: 100%; } .solution-title { min-width: auto; width: calc(100% - 30px); } #simple-banner .simple-banner-text { font-size: 15px; line-height: 20px; } #simple-banner .simple-banner-text span > span { display: none!important; visibility: none!important; } /*__// 6. Solutions Pages //__*/ .hv-marketplace-chart-tablet-img, .hv-consent-steps-tablet-img { display: none; } .hv-marketplace-chart-mobile-img, .hv-consent-steps-mobile-img { display: block; padding-top: 54px; } } @media only screen and (max-width: 440px) { /*__// 4. Footer //__*/ /*#grve-theme-wrapper { padding-bottom: 165px; /* determined by footer height *//* } span.terms-mobile { display: block; margin-bottom: 15px; } span.terms-mobile span { display: none; visibility: hidden; }*/ /*__// 7. Secondary Pages //__*/ #page-head-about-us { min-height: 432px; } .news .grve-post-header + div { left: 25px; right: auto; top: 45px; } } @media only screen and (min-width: 401px) { /*__// 5. Modules & Elements //__*/ /*__// Hubspot //__*/ .hbspt-form fieldset.form-columns-2 .hs-form-field:not(:last-child), .hbspt-form fieldset.form-columns-3 .hs-form-field:not(:last-child) { padding-right: 15px; } .hbspt-form fieldset.form-columns-2 .hs-form-field:not(:first-child), .hbspt-form fieldset.form-columns-3 .hs-form-field:not(:first-child) { padding-left: 15px; /*margin-right: 0;*/ } } @media only screen and (max-width: 360px) { /*__// 6. Solutions Pages //__*/ #hv-census-steps .grve-box-content { padding-bottom: 95%; } .hv-cipher { bottom: 30px; position: absolute; right: 0; } /*__// 7. Secondary Pages //__*/ #page-head-about-us { min-height: 479px; } }