@font-face { font-family: 'Graphik'; src: url("fonts/Graphik-Regular.otf") format("opentype"); } @font-face { font-family: 'Futura-Demi'; src: url('fonts/Futura/FuturaPT-Demi.otf') format('opentype'); } @font-face { font-family: 'Manier'; font-weight: 800; src: url('fonts/Manier.ttf') format('truetype'); } @font-face { font-family: 'Mercury'; src: url('fonts/mercury_display.otf') format('opentype'); } /* @media screen and (min-width:1300px) { .container { max-width: 1100px; } } */ #proComponent *:not(i) { font-family: 'Open Sans', sans-serif; } strong, .font-bold, .bolder, .font-bolder, .font-weight-bold { font-family: 'Source Sans Pro', sans-serif !important; font-weight: 700; color: var(--text-pry-color); font-size: 18px; } .title, .subtitle { font-family: 'Mercury', serif !important; color: var(--text-pry-color) !important; font-weight: 700; } .manier { font-family: 'manier' !important; font-weight: bolder; } #proComponent p { font-size: 16px; /* opacity: 0.8; */ } .kit img{ height: 100px; } .self-monitoring-header img { height: 90px; border-radius: 3px; margin-bottom: 0; } .home-pro { font-size: 45px; line-height: 45px; } .profile-html { font-size: 1rem; line-height: 1.5; } .title { font-size: 42px; } .pristine h4 { font-size: 28px !important; } .pristine p { font-size: 16px !important; margin-top: 0; } .bg-light-pry { background: var(--pry-light-color); } .bg-lighter-pry { background: var(--pry-lighter-color); } .bg-light-sec { background: #FEF9F3; } .bg-light-red { background: #fffeec; border-radius: 10px; } .font-size-12 { font-size: 12px !important; } .font-size-13 { font-size: 13px !important; } .font-size-14 { font-size: 14px !important; } .font-size-16 { font-size: 16px !important; } .badge { font-style: normal; font-weight: 600; font-size: 14px; line-height: 16px; /* letter-spacing: -0.24px; */ border-radius: 10px; padding: 4px 12px; display: flex; align-items: center; } .badge.bg-green { background-color: #EDFAF1; color: #34C759; } .badge.bg-purple { background-color: #EEEEFB; color: #5856D6; } .badge.bg-yellow { background-color: #FFF7EB; color: #FF9500; } .badge.bg-red { background-color: #FFECEB; color: #FF3B30; } .pristine .pro-info h5{ font-size: 16px; } .pristine .pro-info p{ font-size: 13px !important; color: #636366; } .cta { font-size: 18px !important } .grey-pills p { background-color: #F1F4F4; display: inline-block; color: #2AB7CA !important; border-radius: 100px; padding: 6px 20px; font-size: 15px; margin-bottom: 8px; } .hidden { display: none; } .bg-aqua hr { background-color: #ffffff; opacity: 0.2; } .pristine-block { display: flex; justify-content: space-between; } .device-block { font-size: 17px !important; border-radius: 0 !important; max-width: 256px; margin-top: 8px; } .device-title { padding: 13px 26px; min-height: 74px; } .device-block p { font-size: 14px !important; line-height: 19px; letter-spacing: -0.15px; } .monitoring_btn { padding: 13px 0 11px 0; } .font_30 { font-size: 30px !important; } .pristine-program { padding: 37px 12px; } .pristine-program .subtitle { margin-bottom: 40px; } .pristine-program > div { letter-spacing: 0.38px; line-height: 24px; padding-top: 38px; /* font-size: 20px !important; */ } .pristine-program p{ font-size: 20px !important; line-height: 24px; letter-spacing: 0.38px; color: #1C1C1E; } .pristine-program .context { color: #636366; font-family: 'Graphik'; } .access { padding-top: 44px; padding-bottom: 25px; } .waves { background-image: url('/img/waves.svg'); background-size: cover; } .top-covid, .waves { min-height: 335px; } .top-covid .title{ font-style: normal; font-weight: 300 !important; font-size: 54px; line-height: 110%; text-align: center; letter-spacing: 0.374px; color: #1C1C1E; margin: 0; padding-top: 58px; } .top-covid h5, .enroll{ font-size: 35px; margin-top: 14px; font-weight: 500; letter-spacing: 0.374px; line-height: 41px; } .top-covid h6{ margin-top: 31px; font-weight: 500; font-size: 20px; line-height: 24px; text-align: center; letter-spacing: 0.38px; } h5 { font-size: 20px; letter-spacing: 0.38px; } .mcp-list:not(:last-child) { border-bottom: 1px solid #ddd; } .profile-pic { position: relative; width: 300px; overflow: hidden; display: flex; align-items: center; justify-content: center; } .profile-sm { width: 240px; } .profile-pic.profile-pic-sm { width: 80px; border: 2px solid #fff; } .profile-pic.profile-pic-xs { width: 42px; height: 42px; border: 2px solid #fff; } .profile-pic .profile{ border-radius: 3px; max-width: 100%; object-fit: contain; } .profile-pic .icon{ position: absolute; bottom: -10px; right: -1px; } .setup { margin-top: 6px; } .setup .content{ margin-left: 36px; } .subtitle, .setup p { font-size: 34px; font-weight: 600; letter-spacing: 0.34px; } .flex-info { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .link { display: flex; align-items: center; position: relative; margin-top: 8px; margin-right: 15px; } .link span:first-child { font-size: 16px; line-height: 20px; background-color: var(--pry-color); color: #fff; padding: 5px 10px; border-radius: 40px; padding-right: 50px; margin-right: 10px; } .link .icon_wrap { position: absolute; height: 70px; width: 70px; box-shadow: 0px 100px 80px rgba(190, 190, 190, 0.07), 0px 41.7776px 33.4221px rgba(190, 190, 190, 0.0503198), 0px 22.3363px 17.869px rgba(190, 190, 190, 0.0417275), 0px 12.5216px 10.0172px rgba(190, 190, 190, 0.035), 0px 6.6501px 5.32008px rgba(190, 190, 190, 0.0282725), 0px 2.76726px 2.21381px rgba(190, 190, 190, 0.0196802); right: -15px; top:-65%; } .flex-patient { display: flex; flex-wrap: wrap; } .flex-patient > div { width: 31.5%; margin-right: 20px; margin-bottom: 20px; } .btn-orange, .btn-orange-outline { font-size: 17px; font-weight: bold; background-color: #FB6107; color: #fff !important; padding: 6px 20px 4px; border-radius: 0px !important; border:1px solid #FB6107; } .btn-orange:hover { background-color: #fb7120; border-color: #fb7120; } .btn-orange:focus { background-color: #e25706; border-color: #e25706; } .btn-orange-outline { background-color: #ffffff; color: #FB6107 !important; } .btn-default:not(.btn-sm), .btn-dark { font-size: 17px; font-weight: bold; padding: 6px 20px; border-radius: 4px !important; } .aqua-divider { border: 2px solid #2AB7CA; background-color: #2AB7CA; opacity: 0.1; } .text-orange { color: #FB6107 !important; } .border-orange { border-color: #FB6107 !important; } .hourglass { background: #2AB7C9; height: 35px; width: 35px; border-radius: 100%; display: grid; place-items:center; } .hourglass img { height: 20px; } .custom-card { border: 1px solid #E1E3E5; background: #fff; padding: 20px 50px; position: relative; margin-top: 70px; display: flex; justify-content: space-between; } .custom-card .setup-video { min-height: 190px; min-width: 360px; background: #000; height: 100%; position: relative; } .custom-card .setup-video .play { position: absolute; margin: auto; left: 0; right: 0; top:0; bottom:0; background: var(--pry-color); padding: 15px; height: 50px; width: 50px; object-fit: contain; border-radius: 100%; transition: .3s; } .custom-card .setup-video:hover .play { transform: scale(1.1); transition: .3s; } .custom-card .setup { font-size: 54px; letter-spacing: -1px; font-family: 'Futura-Demi'; } .custom-card .docs { position: absolute; height: 245px; right: 100px; top:-50px; } .patient-card { border: 1px solid #E1E3E5; font-family: 'Futura-Demi'; background: #fff; padding: 20px; } .setup-steps { margin:0; padding:0; display: flex; justify-content: space-between; width: 100%; background: #ddd; position: relative; margin-bottom: 18px; } .setup-steps span { font-size: 14px; } .setup-steps:before { content: ""; border-left: 25px solid rgba(0, 0, 0, 0); border-top: 26px solid transparent; border-bottom: 25px solid transparent; border-right: 0; position: absolute; left: 0px; } .setup-steps:after { content: ""; border-left: 26px solid transparent; border-top: 26px solid rgba(0, 0, 0, 0); border-bottom: 26px solid rgba(0, 0, 0, 0); border-right: 0; position: absolute; right: 0px; top: 0; } .setup-steps li { list-style-type: none; display: flex; align-items: center; position: relative; border: 1px solid #E1E3E5; font-family: 'Futura-Demi'; background: #fff; padding: 20px; min-height: 114px; width: 15%; transition: .5s; } .setup-steps li a { color: #000000; width: 100%; } .setup-steps li:first-child { width: 33%; } .setup-steps li:not(:last-child) { margin-right: 55px; padding-right: 0; } .setup-steps li:not(:first-child)::before{ content: ""; border-left: 56px solid transparent; border-top: 56px solid #FFF; border-bottom: 56px solid #FFF; border-right: 0; top:0; position: absolute; left: -55px; transition: .5s; } .setup-steps li:not(:last-child)::after { content: ""; border-left: 56px solid #fff; border-top: 56px solid transparent; border-bottom: 56px solid transparent; border-right: 0; position: absolute; top:0; right: -55px; transition: .5s; } .setup-steps li.white:hover::before { border-left: 56px solid transparent; border-top: 56px solid #65dfee; border-bottom: 56px solid #65dfee; } .setup-steps li.white:hover::after{ border-left: 56px solid #65dfee; border-top: 56px solid transparent; border-bottom: 56px solid transparent; } .setup-steps li.white:hover { background: #65dfee; color: #fff; } .setup-steps li.yellow::before { border-left: 56px solid transparent; border-top: 56px solid #F9B52C; border-bottom: 56px solid #F9B52C; } .setup-steps li.yellow::after{ border-left: 56px solid #F9B52C; border-top: 56px solid transparent; border-bottom: 56px solid transparent; } .setup-steps li.yellow { background: #F9B52C; color: #fff; } .setup-steps li.orange::before { border-left: 56px solid transparent; border-top: 56px solid #f68f4b; border-bottom: 56px solid #f68f4b; } .setup-steps li.orange::after{ border-left: 56px solid #f68f4b; border-top: 56px solid transparent; border-bottom: 56px solid transparent; } .setup-steps li.orange { background: #f68f4b; color: #fff; } .setup-steps li.green::before { border-left: 56px solid transparent; border-top: 56px solid #4cc19a; border-bottom: 56px solid #4cc19a; } .setup-steps li.green::after{ border-left: 56px solid #4cc19a; border-top: 56px solid transparent; border-bottom: 56px solid transparent; } .setup-steps li.green { background: #4cc19a; } .setup-steps li.white:hover a, .setup-steps li.yellow a, .setup-steps li.orange a, .setup-steps li.green a{ color: #fff; } .setup-steps li:not(:last-child, :first-child):hover { transform: scale(1.1); margin-right: 70px; margin-left: 8px; transition: .5s; z-index: 1; } .text-sm li{ font-size: 14px; } .nums { height: 25px; width: 25px; display: grid; place-items:center; line-height: 0px; color: #fff; background: #000; border-radius: 100%; margin-right: 10px; } .new-patient { font-size: 14px; } .light-dashboard { background: #FBFBFC; } .enroll { font-size: 27px; font-family: 'Futura-Demi' !important; margin-top: 14px; } .patient-link, .patient-steps { font-size: 19px; font-family: 'Futura-Demi' !important; margin-bottom: 0; display: flex; align-items: center; } .patient-link a, .patient-steps a { font-family: 'Futura-Demi'; color: #000000; } .patient-link a:hover, .patient-steps a { color: #2AB7CA; } .appt-link, .appt-link:hover { color: #2AB7CA; border:1px solid #2AB7CA; background: #F4FCFE; padding: 17px 22px; text-align: center; position: relative; } .patient-link i, .patient-steps i { font-size: 13px; margin-left: 10px; } .patient-avatar { height: 70px; width: 70px; border-radius: 100%; border: 1px solid #E1E3E5; overflow: hidden; display: grid; place-items:center; } .patient-avatar img { height: 40px; width: 40px; margin-top: -5px; image-rendering: crisp-edges; object-fit: contain; } .patient-card p { font-size: 15px; line-height: 20px; color: #636366; margin-bottom: 0; } .first-video { background: #FBFBFB; border: 1px solid rgba(0, 0, 0, 0.06); padding: 30px; } .flex { display: flex; margin-bottom: 20px; } .flex h4 { margin-right: 50px; } .patient_info { padding-top: 31px; padding-bottom: 36px; } .patient_info_section { margin-left: 40px; } .patient_info_section h3 { font-weight: normal; font-size: 34px; letter-spacing: 0.64px; margin-bottom: 0; } .patient_dob_coverage { display: flex; align-items: center; margin-top: 29px; font-family: 'Graphik'; font-size: 17px; line-height: 22px; letter-spacing: -0.408px; } .patient_dob_coverage > div:first-child { margin-right: 70px; } .custom-container { width: 35%; margin-top: 35px; margin-bottom: 53px; } .info_title { font-family: 'Euclid-bold'; font-weight: bold; font-size: 20px; line-height: 24px; letter-spacing: 0.68px; } .approved_info { font-family: 'Euclid-bold'; font-style: normal; color: #636366; font-weight: 600; font-size: 18px; line-height: 26px; letter-spacing: -0.24px; } .address-card { background: #FFFFFF; border: 2px solid rgba(0, 0, 0, 0.06); box-sizing: border-box; box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.03); padding: 40px 50px; margin-top: 20px; } .address-card .info_title { margin-bottom: 34px; } .sub_context { font-size: 18px; line-height: 26px; letter-spacing: -0.24px; color: #636366; } .info_content { padding-left: 85px; } #editMailingAddress input[type="text"] { padding: 25px; } .breadcrumb { padding: 0 10px; background-color: #ffffff; } .wistia-video-container { width: 100%; margin-inline: auto; } .border-rounded { border-radius: 10px; } .pro_title { width: 55%; padding: 20px; padding-inline: 0; padding-top: 5px; } .pro_flex { display: flex; align-items: flex-start; justify-content: space-between; } .btn-time { font-size: 12px; border-radius:0; } .btn-time.active:hover, .btn-time.active, .btn-time:focus { background-color: #ECFDFF; border: 1px solid #2AB7CA; } .btn-time:hover { border: 1px solid #fcb148; background-color: #FFF7EB; } .flex_name { display: flex; align-items: flex-start; } .flex_name .info { margin-left: 30px; width: 100%; } .flex_name p { font-family: 'Graphik' !important; font-size: 20px !important; margin-top: -4px; } .flex_name h4 { font-style: normal; font-weight: 500; font-size: 33px; margin-top: -5px; padding: 0; } .home-pro ul { margin-left: 20px; } .home-pro ul li { margin-bottom: 13px; opacity: 0.8; font-size: 15px; } .addr { width: 51%; } .addr_available { margin-top: 15px; display: flex; } .pro_subtitle { display: flex; align-items: flex-start; } .addr img, .avail img { height: 20px; margin-right: 5px; } .avail img { margin-right: 15px; } .pro_subtitle h4{ font-weight: 500; font-size: 17px; line-height: 23px; } .addr p { width: 80%; } .addr p, .avail p{ font-family: 'Graphik'; font-style: normal; font-weight: normal; font-size: 15px; line-height: 20px; margin-left: 25px; margin-top: -5px; margin-bottom: 0; } .avail p { margin-left: 35px; } .pro_about { margin-top: 20px; } .about_content p{ font-family: 'Graphik'; font-style: normal; font-weight: normal; font-size: 15px; margin-bottom: 8px; line-height: 135%; } .about_content small { font-size: 15px; font-weight: 500; line-height: 20px; } .covid_banner, .setup_today { background-image: url('/img/covid-banner.jpg'); background-position: left center; background-size: cover; background-repeat: no-repeat; color: #fff; padding: 34px 0; margin-top: 35px; } .covid_banner p { font-size: 18px; line-height: 23px; } .covid_banner h4, .pro_program h4{ font-style: normal; font-weight: normal; font-size: 34px; line-height: 42px; width: 60%; } .pro_program { margin-top: 75px; } .pro_program h4 { width: 100%; } .program_light { font-weight: 300; font-size: 16px !important; } .pro_program p { font-style: normal; font-size: 19px; width: 60%; } .program_subtitle { font-weight: 800; font-size: 22px !important; line-height: 30px; margin-top: 45px !important; } .custom-ul { list-style: none; margin-bottom: 35px; } .custom-ul li { font-family: 'Graphik'; font-style: normal; font-weight: normal; font-size: 16px; margin-bottom: 12px; display: flex; } .custom-ul li::before { content: url('/img/li.svg'); margin: 0 12px; margin-top: 3px; } .underline { font-size: 16px; text-decoration: underline; } .btn-navy { background-color: #00234B; color: #fff; } .sticky { /* position: sticky; */ /* top:.5px; */ } .btn-navy:hover, .btn-navy:focus { box-shadow: none; background-color: #002b5d; color: #fff; } .kits h4 { font-size: 23px; line-height: 30px; margin-bottom: 35px; } .kits img { height: 200px; width: 200px; object-fit: contain; } .kits p { text-align: justify; padding-right: 5px; } .kit-container { display: flex; margin-bottom: 60px; } .kit-container img { width: 140px; border-radius: 3px; } .kit-info { margin-left: 35px; } .kit-info h5 { text-transform: capitalize; font-family: 'Source Sans Pro', sans-serif; margin-bottom: 10px; font-size: 20px; } .kit-info p { font-style: normal; font-weight: normal; font-size: 15px; } .setup_today { background-image: url('/img/setup-bg.jpg'); padding: 45px 0; } .setup_today h6 { font-style: normal; font-weight: 500; font-size: 18px; line-height: 23px; } .setup_today h4 { font-style: normal; font-weight: normal; font-size: 35px; line-height: 44px; margin-top: 12px; } .setup_today p { font-family: 'Graphik'; width: 60%; font-weight: 500; font-size: 14px; margin-top: 15px; } .setup_today p.font-weight-bold { font-size: 15px; } .setup_today .btn { font-size: 16px; margin-top: 20px; } .careers-flex { display: flex; align-items: center; justify-content: space-between; } .careers-flex > div { flex-basis: 48.5%; } .careers-flex img { max-width: 400px; width:100%; } .support { display: flex; align-items: flex-start; } .support img { background: #FFFFFF; box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.06); border-radius: 20px; margin-right: 10px; height: 50px; padding: 10px; } .calendarMobile { display: none; } button.btn-close { position: absolute; right: 0; top: 0; color: #fff !important; background: var(--pry-color); font-size: 18px; padding: 10px; opacity: 1; border-radius: 0; border-bottom-left-radius: .3rem; border-top-right-radius: .2rem; display:grid; place-items: center; } .video-md { max-height: 400px; } .steps-mobile, .new-mobile { display: none; } .accordion .card, .accordion .card-header{ border:none; margin-bottom:10px; } .accordion .card-header { padding: 0; } .accordion .card-header button { padding: 15px; position: relative; color: #2AB7CA; background-color: rgba(42, 183, 202, 0.05); } .accordion .card-header button:hover, .accordion .card-header button:focus{ text-decoration: none; } .accordion .card-header button.collapsed { color: #000000; background: #eee; } .accordion .card-header button::after { content: url('/img/angle-up.svg'); position: absolute; right: 15px; } .accordion .card-header button.collapsed::after { content: url('/img/angle-down.svg'); position: absolute; right: 15px; } .accordion .card-body { padding: 0; margin-top: 10px; } .web-tab { display: block; } .mob-tab { display: none; } .heading-icon { width: 100px; height: 100px; } .step-point-outer { width: 60px; margin-right: 25px; } .step-point { border: 1px solid rgba(0, 0, 0, 0.06); padding: 16px 28px; } .icon-button { display: inline-flex; align-items: center; box-shadow: 0px 100px 80px rgba(190, 190, 190, 0.07), 0px 41.7776px 33.4221px rgba(190, 190, 190, 0.0503198), 0px 22.3363px 17.869px rgba(190, 190, 190, 0.0417275), 0px 12.5216px 10.0172px rgba(190, 190, 190, 0.035), 0px 6.6501px 5.32008px rgba(190, 190, 190, 0.0282725), 0px 2.76726px 2.21381px rgba(190, 190, 190, 0.0196802); border-radius: 5px; padding: 20px 28px; font-weight: bold; cursor: pointer; } .icon-button span { font-size: 20px; line-height: 24px; letter-spacing: 0.68px; font-weight: lighter; } .partial-text { margin-right: -1rem !important; } .partial-text+img { background: #fff; border-radius: 100%; border: 1px solid #fff3; } .flyer-box p, .flyer-box li, .flyer-box li * { font-size: 17px; color: #000; } .flyer-callout h1{ font-weight: 900; text-align: center; font-weight: bold; font-size: 50px !important; } .flyer-callout * { font-family: serif !important; } .flyer-callout h1 .sub{ font-size: 35px !important; line-height: 1.2; display: block; } .flyer-header p{ font-size: 17px !important; } .flyer-header *{ font-family: serif !important; font-weight: 600; } .flyer-header { background-color: #FEC845; color: #000; font-weight: bold; text-align: center; } h1.large-title { font-size: 40px !important; padding: 20px 10px; font-weight: 900 !important; } .txt-purple { color: #502753 !important; } .bg-purple { background-color: #502753; color: #fff; } .light-green { background-color: #F5FAF9; } .bright-green { background-color: #D0F0EB; } .curls p{ font-size: 22px; } .curls h2 strong{ font-size: 32px; } .curls { background-image: url('/img/waves.svg'); } .wellness .num { list-style: none; } .wellness .num li *{ font-size: 18px; } .wellness .num li{ display: flex; align-items: flex-start; margin-top: 20px; color: #502753; opacity: 1; padding-right: 25px; } .wellness .num li::before{ content: ':::'; font-size: 24px; font-weight: 200; left: 0; opacity: .6; margin-top: -5px; margin-right: 30px; } .wellness .num li span.manier{ font-size: 22px; margin-top: -2px; } .wellness-container { display: flex; justify-content: space-between; flex-wrap: wrap; } .wellness-img { width: 22%; } .wellness-img div{ position: relative; } .wellness-img p{ font-size: 14px !important; font-family: 'Source Sans Pro', sans-serif !important; margin-top: 10px; } .wellness-img span{ position: absolute; display: grid; place-items: center; font-size: 20px; border-radius: 100%; top:0; bottom:0; margin: auto; left:-20px; height: 40px; width: 40px; background-color: #502753; color: #fff; } .dmd-logo-white { filter: grayscale(1) invert(1) saturate(1); width: 100px; } .sub-title, .tagline { font-size: 26px !important; font-weight: bold; } .sub-title { margin-bottom: 10px; } .tagline { margin-top: 10px; font-family: serif !important; } .tagline .normal { font-family: serif !important; font-weight: normal; } .text-red, .sub-title { color: rgb(195, 0, 0); font-family: serif !important; } .self-monitoring-header { background: #ffefe6; border-radius: 10px; margin-bottom: 30px; } .self-monitoring-header .arrow-down { position: relative; } .self-monitoring-header .arrow-down::after { position: absolute; top: 12px; content: url('/img/arrow-down.png'); } .self-monitoring-header .num { width: 35px; height: 35px; font-size: 19px; border-radius: 100%; font-weight: bolder; background-color: #F37019; color: #fff; display: grid; place-items: center; } .self-monitoring-header .cardio { object-fit: contain; width: 100%; height: 180px; margin-top: -20px; } .self-monitoring-header.info { background: rgba(42, 183, 202, 0.09); } .self-monitoring-header.red-info { background: rgba(201, 42, 71, 0.09); } .self-monitoring-header h2 { line-height: 28px; } .self-monitoring-header img { height: 90px; margin-top: .5rem; border-radius: 3px; } .btn-social { height: 25px; width: 25px; font-size: 13px; border-radius: 100%; display: grid; place-items:center; background-color: var(--pry-color); } .mcp-call .profile-photo { /* height: 70px; */ text-align: center; } .mcp-call .profile-photo-container { position: relative; height: 80px; width: 80px; } .mcp-call .profile-photo .photo { height: 80px; width: 80px; border-radius: 100%; overflow: hidden; background: #fff; border:1px solid #eee; } .mcp-call .profile-photo .online{ position: absolute; height: 15px; width: 15px; border-radius: 100%; background-color: rgb(103, 238, 50); border: 2px solid #fff; bottom:10px; right: 3px; } .mcp-call .profile-photo .photo img{ height: 80px; width: 80px; object-fit: cover; } .border-rounded { border-radius: 8px; } .width-50px { width: 50px; } .width-200px { width: 200px; } /* Fix for select2 on modal */ .select2-container--open { z-index: 9999999 } .web-info { display: block; } .mobile-info { display: none; } @media screen and (min-width:1025px) { .calendar { z-index: 2040; } #slotPickerModal { left: -140px; } .modal-backdrop{ z-index: 1040; } } @media screen and (max-width:1199px) { .kit img { height: 70px; } .steps-web { display: none !important; } .steps-mobile { display: grid; width: 100%; } .kit-delivered { background: #E1E3E5; border-radius: 20px; } .setup-steps { background: transparent; padding-left: 56px; margin-bottom: 0; } .setup-steps li { width:100%; } .patient-link { font-size: 22px; } .setup-steps li:not(:last-child, :first-child):hover { margin-right: 72px; margin-left: 9px; } } @media screen and (max-width:1024px) { .custom-container { width: 50%; } .device-block { max-width: 24%; } .flex-patient > div { width: 31%; } .covid_banner h4, .pro_program h4, .pro_program p, .setup_today p { width: 100%; } .kit img { height: 80px; margin-bottom: 10px; } .pro_flex { flex-wrap: wrap; } .sticky { position: relative; width: 100%; } .calendar { order:1; margin-bottom: 20px; width: 100%; } .web-tab { display: none; } .mob-tab { display: block; } .pro_title { width: 100%; order:2; margin-bottom: 20px; } .calendarWeb { display: none; } .calendarMobile { display: block; width: 100%; } .flex-footer { flex-wrap: wrap; } .flex-footer .text-center { text-align: left !important; } .flex-footer > div { width: 50%; margin-bottom: 20px; margin-right: 0; } } @media screen and (max-width:991px) { .pristine-block { flex-wrap: wrap; } .custom-card { margin-top: 0; } .web { display: none; } .mobile { display: block; } .cardio { height: 100px; margin-top: 0px; } .device-block { margin-bottom: 10px; max-width: 32%; } .contact { display: flex !important; flex-direction: column; } .contact > div { margin-bottom: 0 !important; } .contact >div:first-child { order:1; } .custom-card { display: block; text-align: center; } .custom-card >div { margin-bottom: 12px; } .setup-steps li:not(:last-child, :first-child):hover { margin-left: 7px; margin-right: 68px; } .pristine-picture { min-width: 50px; min-height: 50px; width: 120px; height: 120px; border-radius: 100%; overflow: hidden; } .btn.position-fixed { bottom: 0; z-index: 3000; width: 100%; } .ftr { padding-bottom: 58px; } .custom-container { width: 70%; } .link { margin-right: 5px; } .flex-patient { justify-content: space-between; } .flex-patient > div { width: 48.5%; margin-right: 0; } .pro_title { padding: 0; } .table-container { overflow-y: hidden; overflow-x: hidden; margin-inline: auto; width: 88%; position: relative; } } @media all and (max-width: 767px) { .patient_info, .support { display: block; } .web-info { display: none; } .mobile-info { display: block; } .new-tab { display: none; } .new-mobile { display: block; } .steps-mobile { place-items:center; } .setup-steps li { padding-left: 1px; } .patient-steps { font-size: 15px; } .nums { font-size: 13px; height: 20px; width: 20px; margin-right: 6px; } .setup-steps { transform: scale(0.9); padding-left: 30px; } .setup-steps li:not(:last-child, :first-child):hover { margin-right: 55px; margin-left: 0px; transform: scale(1); } .enroll { font-size: 30px; } .custom-card { padding: 20px; } .custom-card .setup { font-size: 40px; } .careers-flex { flex-wrap: wrap; } .support { text-align: center; } .support img { margin-bottom: 15px; } .careers-flex >div{ flex-basis: 100%; order:2; } .careers-flex > div.order-up { order:1; } .careers-flex img { display: none; } .heading-icon { width: 60px; height: 60px; } .video-md { max-height: 300px; } .device-block { max-width: 48%; } .flex-patient > div { width: 100%; } .info_content { padding-left: 20px; margin-top: 20px; } .flex_name, .profile-pic { align-items: center; } .profile-pic { width: 170px; margin-bottom: 12px; } .profile-pic.profile-pic-sm { width: 100px; margin-bottom: 0 !important; } .flex_name .info { margin-left: 0; } .pro_subtitle h5 { font-size: 17px; } .list li { text-align: left; font-size: 15px; } .flex_name h4, .flex_name p { padding: 0 15px; } .subtitle { font-size: 25px; line-height: normal; letter-spacing: normal; } .kit-container { display: block; } .kit-info { margin-top: 10px; margin-left: 0; } .custom-card .setup-video { min-width: 100%; min-height:auto; } .self-monitoring-header h2 { line-height: normal; font-size: 17px !important; } .wellness-img { width: 48%; } .wellness-img span { width: 30px; height: 30px; font-size: 19px; left: -10px; } h5 { font-size: 18px; } } @media screen and (max-width:525px) { .setup-steps { transform: scale(0.8); padding-left: 20px; } .patient-steps { font-size: 18px; } h1.large-title { font-size: 26px !important; } .flyer-box .flyer-callout h1 { font-size: 40px !important; } .flyer-header p{ font-size: 18px !important; } .cardio { height: 90px !important; margin-top: 0; } .self-monitoring-header .arrow-down::after { top:50px; right: -45px; } } @media screen and (max-width:500px) { #patientDashboardApp .lh-form-container { padding: 0 10px; } .calendar { padding: 15px; } .flex_name h4 { font-size: 25px; } .flex_name p{ font-size: 16px !important; } .patient_dob_coverage { display: block; } .custom-container { width: 100%; } .flex-footer > div { width: 100%; } .top-covid.dashboard h6{ padding-bottom: 0px; margin-top: 10px; } .top-covid h6{ padding-bottom: 30px; } .setup p { font-size: 25px; line-height: normal; } .btn-orange { padding: 6px 15px; } .device-title { padding: 10px; } .address-card { padding: 30px; } .patient_info_section { margin-left: 20px; } .form { padding: 60px 20px 20px 20px !important; } .link span:first-child { padding-right: 65px; } .link .icon_wrap { right: -5px !important; } .flex { flex-wrap: wrap; } .flex h4 { margin-right: 0px; margin-bottom: 12px; } .step-image, .icon-button img { height: 50px; } .patient_info { padding-top: 0; } .patient_info a > img { display: none; } .full-mobile { margin-right: -15px; margin-left: -15px; } .addr_available { display: block; } .addr { width: 100%; } .avail { width: 100%; } .kit-container { margin-bottom: 0; } .kit-container >div:first-child, .kit-info h5 { text-align: center; } .kit-container img { width: 80%; } .kit-info h5 { padding: 10px 0; } .pro_subtitle h4 { font-size: 18px; line-height: 23px; margin-bottom: 10px; } .addr p, .avail p { font-size: 14px; } .setup_today .btn { width: 100%; } } @media screen and (max-width:490px) { .setup-steps { transform: scale(0.75); padding-left: 10px; } } @media screen and (max-width:460px) { .setup-steps { padding-left: 0; transform: scale(0.7); margin-left: -16px; } .self-monitoring-header img { height: 60px !important; margin-top: -5px; } .self-monitoring-header img.cardio { height: 150px !important; margin-top: 0; } } @media screen and (max-width:410px) { .setup-steps { margin-left: -26px; } } @media screen and (max-width:400px) { .setup-steps { transform: scale(0.65); } } @media screen and (max-width:375px) { .link { margin-right: 0; } .link span:first-child { padding-right: 12px; margin-right: 0px; } .link .icon_wrap { display: none; } .calendar { padding: 10px; } .setup-steps { transform: scale(0.63); margin-left: -36px; } } @media screen and (max-width:330px) { .main-nav { flex-wrap: nowrap !important; } .setup-steps { transform: scale(0.57); margin-left: -26px; } .enroll { font-size: 30px; } .device-block { max-width: 100%; } .patient-device .device-block { max-width: 48%; } .call-light a{ font-size: 24px; } .logo { width: 90%; } .flex-info .partial-text { margin-right: 5px; } .flex-info .partial-text+img{ height: 40px; } .flex-footer img { margin-right: -80px; } } /* AVENMAR */ .text-pry { color: var(--text-pry-color); } .text-green { color: var(--pry-color); } .with-bg a.active { text-decoration: none; opacity: .7; } .with-bg h2, .with-bg h5 { font-size: 40px !important; text-shadow: 2px 2px 0px #000000; font-family: 'mercury_display'; color: #fff; } .with-bg h5 { font-size: 25px !important; font-family: 'Open Sans', sans-serif; } .lh-container a { /* text-decoration-color: #cc9f53 !important; */ } .lh-container section.page-header { background-color: #F6F6F6; padding: 30px 0; } .lh-container section.page-header.with-bg { background-image: url(../img/page-header.webp); background-repeat: no-repeat; position: relative; } .lh-container section.page-header.with-bg::before { content: " "; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.55); } .lh-container section.page-header h1 { color: var(--text-pry-color); font-family: "Source Sans Pro", Sans; font-size: 40px !important; font-weight: 700; } .lh-container section.page-header h6 { color: var(--text-pry-color); font-family: "Mercury Display", Sans !important; font-size: 22px; font-weight: bold; text-transform: uppercase; } .lh-container section.breadcrumbs { padding: 30px 0; } .lh-container section.breadcrumbs a { color: var(--pry-dark-color); font-size: 16px; font-weight: 400; text-decoration: underline; } .lh-container section.breadcrumbs a.active, .lh-container section.breadcrumbs span { color: #212529; text-decoration: none; } .lh-container section.category-search .form-control { border: 1px solid #666; border-radius: 3px; } .lh-container section.category-search button.btn-primary { font-family: "Source Sans Pro", Sans !important; font-weight: 700; color: #FFFFFF; background-color: var(--pry-dark-color); border-style: solid; border-width: 1px 1px 1px 1px; border-color: var(--pry-dark-color); margin: 0px 20px 0px 10px; } .lh-container section.categories-list { padding: 15px 0 60px 0; } .lh-container section.categories-list p{ font-size: 17px; opacity: .9; } .lh-container .category { box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.10196078431372549); padding: 0px 0px 20px 0px; border-radius: 12px 12px 12px 12px; overflow: hidden; margin-bottom: 30px; } .lh-container .category .photo img { width: 100%; } .lh-container .category .details { padding: 15px; } .lh-container .category .details .title { min-height: 80px; } .lh-container .category .details h1 a{ color: var(--pry-dark-color ); font-family: "Mercury Display", Sans !important; font-size: 20px !important; font-weight: 800; text-decoration: underline; } .lh-container .category .details h1 a.dark{ color: var(--text-pry-color); } .lh-container .category .details .location { min-height: 80px; margin-bottom: 20px; } .lh-container .category .details .location h6{ font-weight: 600; } .lh-container .category .details .location ul { margin: 0; padding: 0; list-style-type: none; } .lh-container .category .details .location ul li a { color: var(--pry-dark-color ); font-family: "Open Sans", Sans !important; font-size: 16px; font-weight: 400; text-decoration: underline; } .lh-container .category .details .link a { font-family: "Source Sans Pro", Sans; font-size: 16px; font-weight: bold; text-decoration: none; letter-spacing: 1.2px; fill: var(--pry-dark-color ); color: var(--pry-dark-color ); position: relative; } .lh-container .category .details .link a::after { position: absolute; content: " "; right: -15px; top: 5px; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid var(--pry-dark-color); } .lh-container .quote { padding: 11px 16px 16px 40px; background-color: #f1f6f4; position: relative; color: var(--text-sec-color); } .lh-container .quote::before { position: absolute; top: 50%; left: 15px; content: " "; height: 72%; transform: translateY(-50%); width: 7px; background-color: var(--text-pry-color); } .locations .category{ border-radius: 0; border-top: 5px solid var(--pry-color); } .locations .title{ min-height: auto !important; } .locations .category .details h1 a{ font-size: 30px !important; } .lh-container .quote p { margin: 0; } .lh-container .sub-header { color: var(--text-pry-color); font-family: "Source Sans Pro", Sans; font-weight: 600; } .lh-container .call-category-box { background-image: url('https://forumhealth.com/wp-content/uploads/2019/09/forumhealth-tree.jpg'); color: #fff; } .lh-container .call-category-box .icon { font-size: 45px; margin-bottom: 30px; } .lh-container .call-category-box h4 { text-align: center; font-family: "Mercury Display", Sans !important; font-size: 32px; font-weight: 900; } .text-sm { font-size: 15px; opacity: .8; } .contact-location label { font-weight: 400 !important; } .contact-location .form-control { background-color: #F1F6F4; border-bottom: 2px solid #C4C4C4; border-radius: 0; padding: 10px; font-size: 16px; } .lh-container .call-category-box .btn-primary { background-color: #fff !important; border-color: #fff !important; color: var(--pry-color) !important; border-radius: 20px !important; padding: 10px 20px; } .lh-container .featured-photo img{ max-width: 100%; } .modal-open .select2-container--open { z-index: 999999 !important; width:100% !important; }