/* Theme Name:DocRheum Theme URI:https://github.com/tidythemes/doc_rheum Author:Zwinggi Creative Author URI:http://zwinggicreative.com.com/ Version:2022.1 License:GNU General Public License License URI:https://www.gnu.org/licenses/gpl.html Text Domain:doc_rheum DocRheum WordPress Theme © 2014-2022 Zwinggi Creative DocRheum is distributed under the terms of the GNU GPL */ :root{ --plum: #6D295A; --darkplum: #3D1414; --plumhover: #BE3E9A; --white: #fffcfa; --truewhite: #ffffff; --tangerine: #FF4D00; --tangerine-medium: #ffb899; --lighttangerine: #ffb899; --hydroblue: #006c8c; --waves: #6EBFF1; --lemon: #FDD311; --lemonfluff:#FFF8D7; --darksand:#FAEADE; --darkplum:#311A2B; --pink:#F4C7E8; --lightpink:#f9e3f3; --lightestpink:#FFE8F9; --lightestplum:#FFE8F9; --darkpink:#eda8db; --lightplum:#f4c7e8; --skyblue: #c8eaff; --yellow-light:#ffdead; --lightyellow:#fff4ea; --sandlight:#FFF8F1; --lightgreen:#D5EACC; --lightestgrey:#F6F3F1; --midgreen:#98BE8B; --black:#3D1414; --lightgrey:#A6A6A6; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline} body {line-height:1} button {outline:0} ol, ul {list-style:none} blockquote, q {quotes:none} blockquote:before, blockquote:after, q:before, q:after {content:''; content:none} q {display:inline; font-style:italic} q:before {content:'"'; font-style:normal} q:after {content:'"'; font-style:normal} textarea, input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], input[type="search"], input[type="password"] {-webkit-appearance:none; appearance:none; border-radius:0} table {border-collapse:collapse; border-spacing:0} th, td {padding:2px} big {font-size:120%} small, sup, sub {font-size:80%} sup {vertical-align:super} sub {vertical-align:sub} dd {margin-left:20px} kbd, tt {font-family:courier; font-size:12px} ins {text-decoration:underline} del, strike, s {text-decoration:line-through} dt {font-weight:bold} address, cite, var {font-style:italic} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block} * {box-sizing:border-box; -webkit-tap-highlight-color:transparent} .sticky {} .bypostauthor {} .wp-caption {} .wp-caption-text {} .gallery-caption {} .alignright {} .alignleft {} .aligncenter {} .screen-reader-text {clip:rect(1px, 1px, 1px, 1px); position:absolute !important} html, body {overflow-x:hidden; background-color:#FFFCFA;} body.page-template-template-roles {background-color:#FFFCFA;} body {min-height:100vh; min-height:-webkit-fill-available;} html {height:-webkit-fill-available;} p, .p {font-size:20px; line-height:24px;} @media (max-width:1023px) { p, .p {font-size:18px;} } .p {color:rgba(0, 0, 0, 0.7);} p.normal, .normal {font-size:20px !important; line-height:24px !important;} @media (max-width:1023px) { p.normal, .normal {font-size:18px !important;} } img.alignright {float:right; margin-left:20px; margin-bottom:20px;} @media (max-width:767px) { img.alignright {position:absolute; right:0;} } @media (min-width:768px) { img.alignleft {float:left; margin-right:20px; margin-bottom:20px;} } img.aligncenter {float:none; display:block; margin:20px auto; text-align:center;} @media (min-width:1024px) { img.aligncenter {margin-left:auto; margin-right:auto; display:block;} img.aligncenter.block {display:block; height:revert-layer;} } .max-w-8xl {width:100%; margin-left:auto; margin-right:auto; position:relative; max-width:87rem;} .max-w-7xl {width:100%; margin-left:auto; margin-right:auto; position:relative;} .max-w-6xl, .max-w-5xl {width:100%; margin-left:auto; margin-right:auto; padding:0 24px; position:relative;} @media (max-width:767px) { .max-w-6xl, .max-w-5xl {padding-top:0; padding-bottom:0;} } p a {color:var(--tangerine); position:relative; font-weight:500; display:inline-block; transition:.25s all ease-in-out;} p a::after {content:''; background-color: var(--tangerine); position:absolute; bottom:2px; width:100%; height:1px; left:0px; transition:.25s all ease-in-out;} p a.tangerine::after { background-color: var(--tangerine);} p a:hover {color:#BE3E9A; transition:.25s all ease-in-out;} p a:hover::after {background-color:#BE3E9A; width:100%; transition:.25s all ease-in-out;} a.underlined { text-decoration:underline; color:var(--plum); transition:.25s all ease-in-out;} a.underlined:hover { text-decoration:underline; color:var(--plumhover); transition:.25s all ease-in-out;} .anchor-scroll-target {height:0; width:0; position:absolute; top:-100px; opacity:0;} .onevh {height:100vh;} .onevw {width:100vw;} @media (max-width:767px) { .desktop-only, .desktop-only-768 {display:none !important;} } @media (min-width:768px) { .mobile-only, .mobile-only-768 {display:none !important;} } @media (max-width:1023px) { .desktop-only-1024 {display:none !important;} } @media (min-width:1024px) { .mobile-plus-only, .mobile-only-1024 {display:none !important;} } .fader {opacity:0 !important; transition:.25s all 0s ease-in-out !important;} .fader .fader, .fader.delay {opacity:0 !important; transition:.5s all .5s ease-in-out !important;} .fader.opaque {opacity:1 !important; transition:.25s all ease-in-out !important;} .fader.opaque .fader.opaque, .fader.delay.opaque {opacity:1 !important; transition:.25s all .5s ease-in-out !important;} @media (max-width:1023px) { .fader {opacity:0 !important; transition:.125s all 0s ease-in-out !important;} .fader .fader {opacity:0 !important; transition:.25s all .5s ease-in-out !important;} .fader.opaque {opacity:1 !important; transition:.125s all ease-in-out !important;} .fader.opaque .fader.opaque {opacity:1 !important; transition:.25s all .125s ease-in-out !important;} } .z-0 { z-index:0 !important;} .z-1 { z-index:1 !important;} #header {top:0; width:100%; z-index:99999; transition:.25s top ease-in-out;} .scroll-down #header {top:-120px; transition:.5s top ease-in-out;} .scroll-down .infopanel #header {top:-150px; transition:.5s top ease-in-out;} .scroll-up #header {top:0px; transition:.5s top ease-in-out;} .nav-inner { position: relative; z-index: 2;} .nav-runner { position: relative; z-index: 1;top:0px;} @media (max-width:1023px) { .nav-runner { display: none;} } .scroll-down .nav-runner {top:-40px; transition:.5s top ease-in-out;} .scroll-up .nav-runner {top:0px; transition:.5s top ease-in-out;} .w-screen {} .bg-plum {background-color:#6D295A !important;} .bg-plum-dark {background-color:#311A2B !important;} .bg-plum-light, .bg-lightplum {background-color:var(--lightplum) !important;} .bg-plum-pink, .bg-lightpink {background-color:var(--lightpink) !important;} .bg-plum-lightestpink, .bg-lightestpink {background-color:var(--lightestpink) !important;} .bg-plum-superlight {background-color:#fae8f5 !important;} .bg-tangerine {background-color:#FF4D00 !important;} .bg-tangerine-light {background-color:#ffb899 !important;} .bg-tangerine-superlight {background-color:#FFE4D9 !important;} .bg-yellow {background-color:#ffbd5b;} .bg-yellow-actual-mid {background-color:#FFDEAD;} .bg-yellow-mid {background-color:#fff4ea;} .bg-yellow-light {background-color:#FFFCFA;} .bg-correct {background-color:#fef9fa;} .bg-green {background-color:#45593f;} .bg-green-semi {background-color:#9DBF92;} .bg-green-mid {background-color:#c2deb9;} .bg-green-light {background-color:#e8f8e4;} .bg-lightgreen {background-color:var(--lightgreen);} .bg-grey {background-color:#4d4d4d !important;} .bg-grey-mid {background-color:#a6a6a6;} .bg-grey-light {background-color:var(--lightestgrey) !important;} .bg-white {background-color:#fff;} .bg-black {background-color:var(--black) !important;} .bg-no-bg {background-color:rgba(0, 0, 0, 0) !important;} .bg-sand {background-color:#FAEADE;} .bg-sand-light {background-color:var(--sandlight) !important;} .bg-mid-blue {background-color:#6EBFF1;} .bg-light-blue {background-color:#C8EAFF;} .bg-light-orange {background-color:#ffe5d5;} .bg-lightgrey {background-color:var(--lightestgrey) !important;} .bg-lightestgrey {background-color:var(--lightestgrey) !important;} .plum {color:#6D295A;} .plum-light {color:#f4c7e8;} .plum-dark { color:#311A2B !important;} .tangerine {color:#FF4D00;} .tangerine-light {color:#ffb899 !important;} .yellow {color:#ffbd5b;} .yellow-mid {color:#fff4ea;} .yellow-light {color:#FFFCFA;} .green {color:#45593f !important;} .green-dark {color:#4E6747 !important;} .green-semi {color:#9DBF92 !important;} .green-mid {color:#c2deb9;} .green-light {color:#e8f8e4;} .slate {color:#4d4d4d !important; ;} .grey {color:#4d4d4d !important;} .grey-mid {color:#a6a6a6;} .grey-light {color:var(--lightestgrey) !important;} .white {color:#fff !important;} .black {color:var(--black) !important;} .sand {color:#FAEADE !important;} .lightgrey {color:var(--lightgrey) !important;} .sand-light {color:var(--sandlight) !important;} .mid-blue {background-color:#6EBFF1 !important;} .hydro-blue { color:var(--hydroblue) !important;} .border-plum {border:1px solid #6D295A !important;} .border-plum-dark { border:1px solid #311A2B !important;} .border-plum-light {border:1px solid #f4c7e8 !important;} .border-darkplum {border:1px solid var(--darkplum) !important;} .border-tangerine {border:1px solid #FF4D00;} .border-tangerine-light {border:1px solid #ffb899;} .border-yellow {border:1px solid #ffbd5b;} .border-yellow-mid {border:1px solid #fff4ea;} .border-yellow-light {border:1px solid #FFFCFA;} .border-green {border:1px solid #45593f;} .border-green-semi {border:1px solid #9DBF92 !important;} .border-green-mid {border:1px solid #c2deb9;} .border-green-light {border:1px solid #e8f8e4;} .border-grey {border:1px solid #4d4d4d;} .border-grey-mid {border:1px solid #a6a6a6;} .border-grey-light {border:1px solid var(--lightestgrey) !important;} .border-white {border:1px solid #fff;} .border-black {border:1px solid var(--black) !important;} .border-no-border {border:none !important;} .border-sand {border:1px solid #FAEADE;} .border-sand-light {border:1px solid var(--sandlight) !important;} .about-hr {border-bottom:none; border-left:none; border-right:none; margin-top:32px; max-width:419px;} @media (max-width:767px) { .about-hr {max-width:100%;} } .overflow-hidden { overflow:hidden !important;} @media (min-width:768px) { .overflow-hidden-desktop-768 { overflow:hidden !important;} } .overflow-visible { overflow:visible !important;} .overflow-scrollx, .overflowx-scroll { overflow-x:scroll !important;} .overflow-scrolly, .overflow7-scroll { overflow-y:scroll !important;} .overflow-scroll { overflow:scroll !important;} .bg-green p.tangerine-light, .bg-green li.tangerine-light, .bg-plum p.tangerine-light, .bg-plum li.tangerine-light {color:#ffb899 !important;} #bg-page {background-color:var(--sand);} #bg-page.single-teammember {background-color:#fffcfa;} .bg-yellow-light h1, .bg-yellow-light h2, .bg-yellow-light h3 {color:#6D295A;} .navLogo {display: inline-block; max-width: 100%; width: 348px; overflow: hidden; position: relative; box-sizing: border-box; margin: 0; z-index: 8889;} @media (max-width:400px) { .navLogo {width:132px;} } h3.slimmer {font-weight:500; font-size:24px; line-height:32px;} ol.round {list-style:none; counter-reset:item; display:flex; justify-content:space-between;} ol.round li {counter-increment:item; margin-bottom:5px; position:relative; padding-left:40px; width:100%;} ol.round li::before {position:absolute; content:counter(item); background:#FF4D00; border-radius:100%; color:white; width:25px; height:25px; left:0px; top:2px; text-align:center; display:block; font-weight:600; line-height:27px; font-size:19px;} @media (max-width:1023px) { ol.round {flex-wrap:wrap;} ol.round li p:first-of-type {margin-top:0px;} } .flex-panel-inner ul.progression {list-style:none; display:flex; justify-content:space-between; margin:30px -24px; padding:0; width:calc(100% + 48px);} .flex-panel-inner ul.progression li {margin:0 24px; position:relative; padding:24px; width:100%; border:1px solid #FF4D00;} .flex-panel-inner ul.progression.centered li {text-align:center; display:flex; flex-wrap:wrap; align-items:center;} .flex-panel-inner ul.progression.centered li * {width:100%;} .flex-panel-inner ul.progression li::before {position:absolute; content:''; background:url("/wp-content/themes/doc_rheum/images/arrowcircle.svg") no-repeat; background-size:contain; border-radius:100%; color:white; width:25px; height:25px; right:-14px; top:calc(50% - 14px); text-align:center; display:block; font-weight:600; line-height:27px; font-size:19px;} .flex-panel-inner ul.progression li:last-child::before {display:none;} @media (max-width:1023px) { .flex-panel-inner ul.progression {flex-wrap:wrap; margin:0px -24px;} .flex-panel-inner ul.progression li {margin:12px;} .flex-panel-inner ul.progression li::before {right:unset; left:calc(50% - 17px); top:unset; bottom:-17px; transform:rotate(90deg); width:31px; height:31px;} } p.legal {font-size:14px !important; color:#a6a6a6;} span.legal {font-size:14px !important;} .white-panel {border-radius:20px; box-shadow:0 4px 7px rgba(50, 50, 50, .1); padding:60px; margin-bottom:100px;} .white-panel ul, .white-panel ol {font-size:20px; line-height:1.5em; padding-left:20px; margin:20px 20px 20px 40px;} .white-panel ul {list-style:disc;} .white-panel ol {list-style:decimal;} @media (max-width:1023px) { .white-panel {margin:0 auto 100px; border-radius:10px;} .white-panel ul, .white-panel ol {font-size:18px; line-height:1.5em;} } @media (max-width:767px) { .white-panel {padding:1px 24px;} .single .white-panel {padding:24px 24px;} } .white-panel.roles {margin-bottom:0; height:100%; padding:30px; border-radius:0;} @media (max-width:767px) { .white-panel.roles {padding:24px 18px;} .flexPanel.rolesPanel {width:calc(100% + 16px); margin-left:-8px;} } .rolesPanel { transition:.5s all ease-in-out;} .rolesPanel.fadey { transition:.5s all ease-in-out; opacity:.17;} .project-flex { display:flex; flex-wrap: nowrap; justify-content: center; gap:24px;} .project-flex .legal {font-style: normal;font-weight: 400;font-size: 12px;line-height: 16px;/* or 133% */color: #000000;} .project-flex a { display: inline-block; padding: 8px 24px 7px 24px; border: 1px solid var(--plum); border-radius: 100vh; color: var(--plum); margin: 10px 16px 0 0; transition:.25s all ease-in-out; } .project-flex a:hover { background:var(--lightpink); transition:.25s all ease-in-out;} .project-flex a.highlit { background:var(--pink);} .project-flex a.highlit:hover { background:var(--darkpink);} @media (max-width:767px) { .project-flex { flex-wrap: wrap; justify-content: center;} .project-flex .legal { width:100%; text-align: center;} .project-flex a:last-child { margin-right:0;} } .custom-select {position: relative;} .custom-select select {appearance: none;width: auto;font-size: 1rem;padding:8px 50px 7px 24px;background-color: transparent;border: 1px solid var(--plum);border-radius: 100vh;color: var(--plum);cursor: pointer;margin-top:10px; position: relative; transition: .25s all ease-in-out;} .custom-select select:hover { background:var(--lightpink); transition: .25s all ease-in-out;} .custom-select::after { --size: 0.45rem; content: ""; position: absolute; right: 1rem; pointer-events: none;} .custom-select::after { border-left: var(--size) solid transparent; border-right: var(--size) solid transparent; border-top: var(--size) solid var(--plum); top: 55%;} .extra-panel {background:#fffcfa; padding:150px 0; margin:0;} @media (max-width:1023px) { .extra-panel {padding:100px 24px;} } @media (max-width:1023px) { #bg-page .default-inner {min-height:auto; flex-wrap:wrap; justify-content:flex-start;} } blockquote {padding:50px; margin:50px 0; border-top:1px solid #a7a7a7; border-bottom:1px solid #a7a7a7;} blockquote p {font-weight:600; font-size:48px; color:#FF4D00; text-align:center; line-height:1.25;} @media (max-width:1023px) { blockquote p {font-size:36px;} } .pagination {display:flex; justify-content:center; align-items:center; padding:0px 24px 150px;} .page-numbers {display:flex; border-radius:4px; height:42px; width:42px; align-items:center; justify-content:center; background:var(--lightpink); margin:0 5px; font-weight:600;} a.page-numbers {background:transparent; transition:.25s all ease-in-out;} a.page-numbers:hover {background-color:var(--plum); transition:.25s all ease-in-out; color:#fffcfa; } .page-numbers{font-style: normal;font-weight: 400;font-size: 20px;line-height: 28px;text-align: center;color: var(--plum);} .next.page-numbers { text-indent:-9999px; overflow: hidden; position: relative; } .next.page-numbers::before { position: absolute; content: ''; width:20px; height:20px; top:calc(50% - 10px); left:calc(50% - 10px); background: url("/wp-content/themes/doc_rheum/images/arrow.svg") no-repeat; background-position: center center; background-size:contain; opacity: 1;transition:.25s all ease-in-out;} .next.page-numbers::after { position: absolute; content: ''; width:20px; height:20px; top:calc(50% - 10px); left:calc(50% - 10px); background: url("/wp-content/themes/doc_rheum/images/arrow-white.svg") no-repeat; background-position: center center; background-size:contain; opacity:0;transition:.25s all ease-in-out;} .next.page-numbers:hover::before {opacity: 0; transition:.25s all ease-in-out;} .next.page-numbers:hover::after {opacity: 1; transition:.25s all ease-in-out;} .prev.page-numbers { text-indent:-9999px; overflow: hidden; position: relative; } .prev.page-numbers::before { position: absolute; content: ''; width:20px; height:20px; top:calc(50% - 10px); left:calc(50% - 10px); background: url("/wp-content/themes/doc_rheum/images/arrow.svg") no-repeat; background-position: center center; background-size:contain; opacity: 1;transition:.25s all ease-in-out; transform: rotate(180deg);} .prev.page-numbers::after { position: absolute; content: ''; width:20px; height:20px; top:calc(50% - 10px); left:calc(50% - 10px); background: url("/wp-content/themes/doc_rheum/images/arrow-white.svg") no-repeat; background-position: center center; background-size:contain; opacity:0;transition:.25s all ease-in-out; transform: rotate(180deg);} .prev.page-numbers:hover::before {opacity: 0; transition:.25s all ease-in-out;} .prev.page-numbers:hover::after {opacity: 1; transition:.25s all ease-in-out;} .cell_12 {width:100%;} .cell_6 {width:50%;} .cell_4 {width:33.333333%;} @media (max-width:767px) { .cell_4 {width:50%;} } @media (max-width:500px) { .cell_6 {width:100%;} .cell_4 {width:100%;} } .page-panel .flex {display:flex; flex-wrap:wrap;} .page-panel .flex.no-wrap {flex-wrap:nowrap;} .flex-center {display:flex; position:relative; flex-wrap:wrap; margin-left:auto; margin-right:auto; max-width:1280px; justify-content:space-around; text-align:center;} .flex-center.max-w-6xl { max-width:72rem; } @media (max-width:1023px) { .flex-center {margin-left:24px; margin-right:24px; text-align:left;} .statoffset {height:120px !important; width:180px !important; margin:0 0 0 auto;} } .cell_12 {width:100%;} .cell_4 {width:30%;} @media (max-width:1023px) { .page-panel .cell_12 .card {position:relative; min-height:unset; max-height:unset; margin:10px 0;} .page-panel:not(.card_slider) .cell_12 .card {width:100% !important;} .page-panel .cell_12 .card .flex {padding:0; margin:0; flex-direction:column-reverse;} } @media (min-width:768px) and (max-width:1023px) { .cards {position:relative; z-index:12; display: flex; gap:24px;} } @media (max-width:767px) { .cell_4 {width:100%;} .page-panel .cell_12 .card {width:100%;} } .page-panel.card-width {width:calc(100% - 48px);} @media (max-width:767px) { .page-panel.card-width {width:calc(100% - 0px);} } .page-panel.card-width .cell_12:not(.carded) { padding:25px;} .mainnav ul {display:flex; justify-content:space-between;} .mainnav ul li {margin:0 10px; display:inline-block; font-size:0;} .mainnav ul li:first-child {margin-left:0px;} .mainnav ul li:last-child {margin-right:0px;} .mainnav ul li a {--tw-text-opacity:1; color:rgba(109, 41, 90, var(--tw-text-opacity)); letter-spacing:.025em; font-weight:400; font-size:1rem; line-height:1.5rem; opacity:1; display:block; position:relative; display:inline-block; text-align:center; transition:.25s all ease-in-out;} .mainnav ul li a:hover {font-weight:600; transition:.25s all ease-in-out; color:#6D295A !important;} .mainnav .menu-main-nav-container ul {margin-top:7px;} .mainnav .menu-main-nav-container ul li {position:relative; margin:0 16px;} .mainnav .menu-main-nav-container ul li:first-child {margin-left:0px;} .mainnav .menu-main-nav-container ul li:last-child {margin-right:0px;} .mainnav .menu-main-nav-container ul li a, .mainnav .menu-buttons-container ul li.text-link a {position:relative; width:100%; height:32px; text-align:center; display:block; font-weight:600; border:none; background:transparent !important;} .mainnav .menu-main-nav-container ul li a, .mainnav .menu-buttons-container ul li.text-link a {color:#4d4d4d;} .mainnav .menu-buttons-container ul li.text-link a {margin-right:10px; padding-left:0; padding-right:0; padding-top:0; padding-bottom:14px; width:auto; margin-top:14px;} @media (max-width:1023px) { .mainnav .menu-main-nav-container ul li a, .mainnav .menu-buttons-container ul li.text-link a {color:#6D295A;} .mainnav .menu-buttons-container ul li.text-link a {margin:0; display:inline;} .mainnav .menu-buttons-container ul li.text-link::before {content:'Already a patient?'; font-size:16px; margin-right:5px; font-weight:600;} .mainnav .menu-buttons-container ul li.text-link {width:auto; text-align:auto;} } @media (max-width:480px) { .mainnav .menu-buttons-container ul li.text-link::before {font-size:14px;} } .mainnav .menu-main-nav-container ul li a:hover, .mainnav .menu-buttons-container ul li.text-link a:hover {color:#6D295A !important;} .mainnav .menu-main-nav-container ul li a::before, .mainnav .menu-buttons-container ul li.text-link a::before {display:block; content:''; height:1px; background:#6D295A; width:0%; transition:.5s cubic-bezier(.45, .05, .55, .95); position:absolute; bottom:10px; left:0;} .mainnav .menu-buttons-container ul li.text-link a::before {bottom:12px;} @media (max-width:1023px) { .mainnav .menu-main-nav-container ul li a::before {bottom:0px;} } .mainnav .menu-main-nav-container ul li.current-menu-item a::before {width:100%; transition:.5s cubic-bezier(.45, .05, .55, .95); background:#6D295A;} .mainnav .menu-main-nav-container ul li a:hover::before, .mainnav .menu-buttons-container ul li.text-link a:hover::before {width:100%; transition:.5s cubic-bezier(.45, .05, .55, .95);} @media (max-width:1250px) { .mainnav ul li {margin:0 7px;} .mainnav .menu-main-nav-container ul li a, .mainnav .menu-main-nav-container ul li a::before {} } @media (max-width:1023px) { .mainnav .menu-main-nav-container ul li {width:auto; display:inline-block;} .mainnav .menu-main-nav-container ul li a {width:auto; display:inline-block;} .mainnav .menu-main-nav-container ul li a, .mainnav .menu-main-nav-container ul li a::before {font-size:30px;} .mainnav .menu-buttons-container ul li.text-link a::before {width:100%; transition:.5s cubic-bezier(.45, .05, .55, .95);} } @media (max-width:480px) { .mainnav .menu-main-nav-container ul li a, .mainnav .menu-main-nav-container ul li a::before {font-size:24px;} } .mainnav .menu-company-main-menu-container ul {margin-top:7px;} .mainnav .menu-company-main-menu-container ul li {position:relative; margin:0 16px;} .mainnav .menu-company-main-menu-container ul li:first-child {margin-left:0px;} .mainnav .menu-company-main-menu-container ul li:last-child {margin-right:0px;} .mainnav .menu-company-main-menu-container ul li a {position:relative; width:100%; height:32px; text-align:center; display:block; font-weight:600;} .mainnav .menu-company-main-menu-container ul li a {color:#4d4d4d;} .mainnav .menu-company-main-menu-container ul li a::before {display:block; content:''; height:1px; background:#6D295A; width:0%; transition:.5s cubic-bezier(.45, .05, .55, .95); position:absolute; bottom:10px; left:0;} @media (max-width:1023px) { .mainnav .menu-company-main-menu-container ul li a::before {bottom:0px;} } .mainnav .menu-company-main-menu-container ul li.current-menu-item a::before {width:100%; transition:.5s cubic-bezier(.45, .05, .55, .95); background:#6D295A;} .mainnav .menu-company-main-menu-container ul li a:hover::before {width:100%; transition:.5s cubic-bezier(.45, .05, .55, .95);} @media (max-width:1250px) { .mainnav ul li {margin:0 7px;} .mainnav .menu-company-main-menu-container ul li a, .mainnav .menu-company-main-menu-container ul li a::before {font-size:14px;} } @media (max-width:1023px) { .mainnav .menu-company-main-menu-container ul li {width:auto; display:inline-block;} .mainnav .menu-company-main-menu-container ul li a {width:auto; display:inline-block;} .mainnav .menu-company-main-menu-container ul li a, .mainnav .menu-company-main-menu-container ul li a::before {font-size:30px;} } @media (max-width:480px) { .mainnav .menu-company-main-menu-container ul li a, .mainnav .menu-company-main-menu-container ul li a::before {font-size:24px;} } @media (max-width:1150px) and (min-width:1024px) { nav.mainnav {display:flex; grid-template-columns:142px 1fr auto; grid-template-rows:1fr; grid-column-gap:0px; grid-row-gap:0px;} nav .navblock {padding-right:2rem;} nav .mainnavlogo {grid-area:1 / 1 / 2 / 2;} nav .mainnavmenu {grid-area:1 / 2 / 2 / 3; justify-content:flex-end;} nav .mainnavbuttons {grid-area:1 / 3 / 2 / 4;} } .mainnav .menu-buttons-container ul li a, a.button-link, .forminator-ui.forminator-design--default .forminator-button-submit, .mainnav .menu-company-button-container ul li a {display:block; padding:11px 23px; border:2px solid #4d4d4d; position:relative; background-color:#FFFCFA; border-radius:3px; font-weight:600; line-height:1; text-align:center !important; color:#4d4d4d;} .masthead_video .halfwidthright .mastheadbuttons a.button-link {display:inline-block; padding:14px 23px; position:static; background-color:#FFFCFA; border-radius:3px; font-weight:600; line-height:1; text-align:center !important;} @media (min-width:768px) { .masthead_video .halfwidthright .mastheadbuttons a.button-link {min-width:170px;} } .masthead_video .halfwidthright .mastheadbuttons a.button-link:hover {background:#6D295A !important; box-shadow:none !important; color:#fffcfa !important;} @media (max-width:1023px) { .mainnav .menu-buttons-container ul li a {border-color: #6D295A;color: #6D295A;padding: 14px 23px;} } .forminator-ui.forminator-design--flat .forminator-button-submit, .forminator-ui.forminator-design--default .forminator-button-submit {background:transparent !important; font-size:16px !important; font-weight:600 !important; padding-top:14px !important; color:#6D295A !important; border:2px solid #6d295a !important; padding:12px 27px 10px !important; margin-top:20px !important;} .forminator-ui.forminator-design--flat .forminator-button-submit:hover, .forminator-ui.forminator-design--default .forminator-button-submit:hover {background:#6D295A !important; box-shadow:none !important; color:#fffcfa !important;} .menu-company-button-container ul li a, .menu-mobile-button-container ul li a {display:block; padding:8px 9px 6px; border:2px solid #4d4d4d; position:relative; background-color:#FFFCFA; border-radius:3px; font-weight:600; line-height:1; font-size:16px; color:#4d4d4d;} @media (max-width:400px) { .mainnav .menu-company-button-container ul li a, .menu-mobile-button-container ul li a, a.button-link {padding:5px 10px 3px; font-size:12px;} .mobile-button {margin-left:10px;} } .mainnav .menu-company-button-container ul li a:hover, .mainnav .menu-company-button-container ul li a.button-link:hover, .mainnav .menu-buttons-container ul li a:hover, .mainnav .menu-buttons-container ul li a.button-link:hover, .menu-mobile-button-container ul li a:hover, .menu-mobile-button-container ul li a.button-link:hover, .menu-company-button-container ul li a:hover, .menu-company-button-container ul li a.button-link:hover {background:#6D295A; color:#fffcfa !important;} .mainnav .menu-main-nav-container ul li.current-menu-item a {font-weight:600;} @media (min-width:1024px) { .mainnav .menu-main-nav-container ul li.current-menu-item a {color:#6D295A;} } /*.mainnav .menu-main-nav-container ul li.current-menu-item:hover::after {left:calc(50% - 2px);}*/ .mainnav .menu-main-nav-container ul li.current-menu-item:hover::before {left:calc(50% - 6px); transition-delay:none;} .mainnav .menu-company-main-menu-container ul li.current-menu-item a {font-weight:600;} @media (min-width:1024px) { .mainnav .menu-company-main-menu-container ul li.current-menu-item a {color:#6D295A;} } .mainnav .menu-company-main-menu-container ul li.current-menu-item:hover::after {left:calc(50% - 2px);} .mainnav .menu-company-main-menu-container ul li.current-menu-item:hover::before {left:calc(50% - 6px); transition-delay:none;} .navblock {margin-left:52px;} @media (max-width:1250px) { .navblock {margin-left:1.5vw;} } @media (max-width:1080px) { .navblock {margin-left:8.5vw;} } @media (min-width:1251px) { .company-fixed-header .navblock {margin-left:8px;} } li.hiring a {position: relative;} li.hiring a::after { background: var(--tangerine); padding: 6px 5px; border-radius: 5px; color: var(--white); content: "We’re hiring!"; position: absolute; top: 50%; transform: translateY(-50%); left: 67px; font-size: 12px; white-space: nowrap; transition: .25s all ease-in-out; } li.hiring a:hover::after { transform: translateY(calc(-50% - 2px)) translateX(2px); box-shadow: -4px 4px 0px var(--tangerine); transition: .25s all ease-in-out; background:var(--white); color:var(--plum); } .stackNav {position:relative; top:0; right:0; width:70px; height:57px; z-index:8888; cursor:pointer;} .stackNav div {transition:.25s all ease-in-out; z-index:2;} .stackNav .one {width:18px; height:2px; background:#4D4D4D; border-radius:3px; position:absolute; top:20px; right:5px;} .stackNav .two {width:18px; height:2px; background:#4D4D4D; border-radius:3px; position:absolute; top:27px; right:5px;} .stackNav .three {width:9px; height:2px; background:#4D4D4D; border-radius:3px; position:absolute; top:34px; right:14px;} .stackNav.actively .one {transition:.25s all ease-in-out; top:27px; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);} .stackNav.actively .two {transition:.25s all ease-in-out; top:27px; -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);} .stackNav.actively .three {transition:.25s all ease-in-out; top:27px; -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); right:5px; width:18px;} .stackNav::before {border-radius:220vh; background:#FFFCFA; background-image:url("/wp-content/themes/doc_rheum/images/circle-ray.svg"); background-size:contain; -webkit-transform:rotate(-180deg); transform:rotate(-180deg); opacity:0; width:0; height:0; right:3vh; top:3vh; transition:1.55s all ease-in-out, .2s opacity; content:''; position:absolute; display:block; z-index:1;} .stackNav::after {border-radius:200vh; background:#FFFCFA; background-image:url("/wp-content/themes/doc_rheum/images/circle-ray.svg"); background-size:contain; -webkit-transform:rotate(-210deg); transform:rotate(-210deg); opacity:0; width:0px; height:0px; right:3vh; top:3vh; transition:1.3s all ease-in-out, .2s opacity; content:''; position:absolute; display:block; z-index:1;} .stackNav.actively::before {width:310vh; height:310vh; right:-105vh; top:-105vh; transition:1.3s all ease-in-out, .2s opacity; opacity:.8; -webkit-transform:rotate(28deg); transform:rotate(28deg);} .stackNav.actively::after {width:299vh; height:299vh; right:-100vh; top:-100vh; transition:1.55s all ease-in-out, .2s opacity; opacity:1; -webkit-transform:rotate(-130deg); transform:rotate(-130deg);} @media (max-width:400px) { .page-template-template-companypage .stackNav {width:60px;} } @media (max-width:350px) { .page-template-template-companypage .stackNav {width:50px;} } .stackerNav {position:absolute; left:110%; top:70px; z-index:8890; transition:.25s all cubic-bezier(.67, .14, .63, 1.18), 0s left; transition-delay:0s; width:100%;} .stackerNav.actively {left:0%; transition:.55s all cubic-bezier(.67, .14, .63, 1.18), 0s left; transition-delay:0s;} .stackerNav ul.menu {width:calc(100vw - 62px); flex-wrap:wrap; display:block;} .stackerNav ul.menu li {width:100%; text-align:left; padding-left:0;} .stackerNav .menu-buttons-container ul.menu li {width:100%; padding-left:0; text-align:center;} .stackerNav .menu-company-button-container ul.menu li {width:48%; text-align:left; padding-left:0;} .stackerNav ul.menu li a {text-align:left;} .mainnav .stackerNav .menu-main-nav-container ul li.current-menu-item a::after {} .mainnav .stackerNav ul li {margin-left:100vw !important; margin-right:-100vw !important; padding-top:20px; padding-bottom:20px; transition:.5s all ease-in-out;} .mainnav .stackerNav.actively ul li:nth-child(1) {transition-delay:0s;} .mainnav .stackerNav.actively ul li:nth-child(2) {transition-delay:.1s;} .mainnav .stackerNav.actively ul li:nth-child(3) {transition-delay:.2s;} .mainnav .stackerNav.actively ul li:nth-child(4) {transition-delay:.3s;} .mainnav .stackerNav.actively ul li:nth-child(5) {transition-delay:.4s;} .mainnav .stackerNav.actively ul li:nth-child(6) {transition-delay:.5s;} .mainnav .stackerNav.actively ul li:nth-child(7) {transition-delay:.6s;} .mainnav .stackerNav.actively ul li:nth-child(8) {transition-delay:.7s;} .mainnav .stackerNav.actively ul li:nth-child(9) {transition-delay:.8s;} .mainnav .stackerNav.actively ul li {margin-left:0px !important; margin-right:0px !important; transition:.5s all ease-in-out;} .mainnav .stackerNav #menu-buttons {flex-wrap:wrap; display:flex; justify-content:space-between; width:100%; flex-direction:column-reverse;} @media (max-width:480px) { .mainnav .stackerNav .menu-buttons-container ul li a {font-size:14px; padding:16px; text-align:center;} .mainnav .stackerNav .menu-buttons-container ul li.text-link a {padding-left:0px; padding-right:0px;} .mainnav .stackerNav .menu-company-button-container ul li a {font-size:14px; padding:16px; text-align:center;} } .page-template-template-companypage .stackerNav .menu-company-button-container ul.menu li {width:auto;} .masthead_video, .masthead_image {height:100vh; overflow:hidden; position:relative; width:100%; top:0; left:0; z-index:1;} .masthead_video_inner {height:100vh; padding:0; width:100%; max-width:100%; position:absolute;} .masthead_image_inner {height:100vh; padding:0; width:100%; max-width:100%; position:absolute; top:0;} .masthead_parallax_inner {height:100vh; padding:0; width:100%; max-width:100%; position:absolute; top:0;} .masthead_video_inner video, .masthead_image_inner img, .masthead_parallax_inner img.parallax_back {position:absolute; top:0; left:0; background-color:#cfdff8 !important; outline:0; background-position:center; -o-object-fit:cover; object-fit:cover; -o-object-position:50% 50%; object-position:50% 50%; -webkit-filter:blur(0); filter:blur(0); height:100vh; transition:-webkit-filter .35s ease-in-out; transition:filter .35s ease-in-out; transition:filter .35s ease-in-out, -webkit-filter .35s ease-in-out; width:100vw;} @media (max-width:1023px) { .masthead_video_inner video {height:40vh;} } @media (max-width:767px) { .masthead_video, .masthead_image {height:87vh;} .masthead_video_inner {height:87vh;} .masthead_image_inner {height:87vh;} .masthead_parallax_inner {height:87vh;} .company_masthead {height:100vh;} .masthead_video_inner video, .masthead_image_inner img, .masthead_parallax_inner img.parallax_back {position:absolute; top:0; left:0; background-color:#cfdff8 !important; outline:0; background-position:center; -o-object-fit:cover; object-fit:cover; -o-object-position:50% 50%; object-position:50% 50%; -webkit-filter:blur(0); filter:blur(0); height:87vh; transition:filter .35s ease-in-out, -webkit-filter .35s ease-in-out; width:100vw;} .company_masthead .masthead_image_inner img {min-height:100vh;} } @media (min-height:550px) and (max-width:419px) { .masthead_video_inner video, .masthead_image_inner img, .masthead_parallax_inner img.parallax_back {position:absolute; left:0; background-color:#cfdff8 !important; outline:0; -o-object-fit:cover; object-fit:cover; -o-object-position:50% 50%; object-position:50% 50%; -webkit-filter:blur(0); transition:-webkit-filter .35s ease-in-out; transition:filter .35s ease-in-out; transition:filter .35s ease-in-out, -webkit-filter .35s ease-in-out; bottom:0; min-height:87vh; width:100%; height:unset;} .company_masthead .masthead_image_inner img {min-height:100vh;} } .masthead_parallax_inner img.parallax_front {position:absolute; bottom:0; right:57.5%; height:76vh; width:auto; z-index:8; max-width:unset;} @media (max-width:1023px) { .masthead_parallax_inner img.parallax_front {height:50vh; right:-1vw;} } @media (max-width:767px) { .masthead_parallax_inner img.parallax_front {height:45vh;} } @media (max-width:475px) { .masthead_parallax_inner img.parallax_front {max-width:80vw; max-height:40vh; width:auto; height:auto;} } @media (max-width:419px) { .masthead_parallax_inner img.parallax_front {max-width:84vw; max-height:40vh; width:auto; height:auto;} } @media (max-height:760px) and (max-width:419px) { .masthead_parallax_inner img.parallax_front {max-width:74vw; max-height:40vh; width:auto; height:auto;} } .masthead_parallax_inner {background-position:0% bottom; background-repeat:no-repeat; background-size:200vw auto;} @media (max-width:767px) { .masthead_parallax_inner {background-size:300vw auto;} } @media (min-width:1024px) { .masthead_text {position:absolute; bottom:100px; z-index:8; padding:0 24px; max-width:520px; margin-left:calc(100% - 620px);} .masthead_text p {color:#fff;} .masthead_image .masthead-inner {height:100vh;} .masthead_image .masthead-inner .max-w-7xl {position:relative; height:100vh;} .masthead_image_inner.add_overlay::before {content:''; position:absolute; top:0; left:0; width:100%; height:100vh; background:#4d4d4d; opacity:.35; z-index:2;} .masthead_image_inner.add_fade_overlay::after {content:''; position:absolute; top:0; left:0; width:100%; height:100vh; background:rgb(255, 252, 250); background:linear-gradient(90deg, rgba(255, 252, 250, 0) 57%, rgba(255, 252, 250, 1) 100%); opacity:.35; z-index:2;} } #main-page {padding-top:0;} .max-w-5xl {max-width:64rem !important;} .flex-center.max-w-5xl p {max-width:700px; margin:20px auto;} .sub-half-left {padding-left:calc(100% - 627px); padding-top:0; padding-right:50px; display:table; vertical-align:middle;} @media (max-width:1365px) { .sub-half-left, .testimonial-shell {padding-left:24px; padding-right:24px;} } @media (max-width:767px) { .sub-half-left {padding-top:8vh;} } .sub-half-right {padding-right:calc(100% - 627px); padding-top:0; padding-left:50px; display:table; vertical-align:middle; position:relative; z-index:14;} @media (max-width:1365px) { .sub-half-right {padding-left:40px; padding-right:40px;} } @media (max-width:767px) { .sub-half-right {padding-top:100px;} .iphone-text.sub-half-right {padding:100px 0 0;} .sub-half-right.sub-half-bottom {padding:0 0 100px 0;} .mobile-stretch {width:100vw; margin-left:-24px;} } h1, .interstitial h2, h2.h1 {font-weight:600; font-size:64px; line-height:1.25em;} h1 {color:#FFFCFA;} .bg-yellow-light h1, .bg-yellow-mid h1 {color:#6D295A;} @media (max-width:1250px) { .interstitial h2, h2.h1 {font-size:48px;} } @media (max-width:1023px) { h1, .interstitial h2, h2.h1 {font-size:42px;} .interstitial h2 {font-weight:700;} } @media (max-width:767px) { h1, .interstitial h2, h2.h1 {font-size:36px;} h1.h1-w-p {margin-bottom:32px;} } @media (max-width:376px) { h1, .interstitial h2, h2.h1 {font-size:34px;} } h1 span {display:block; color:#FF4D00;} .default-inner h1.small-h1 {font-size:42px;} @media (max-width:1023px) { .default-inner h1.small-h1 {font-size:36px !important;} } @media (max-width:767px) { .default-inner h1.small-h1 {font-size:32px !important;} } @media (max-width:376px) { .default-inner h1.small-h1 {font-size:24px !important;} } .sub-half-left h1, .sub-half-center {display:table-cell; vertical-align:middle;} h2, .interstitial h2.h2, h1.h2 {font-style:normal; font-weight:600; font-size:48px; line-height:58px; color:#6D295A;} h2.center, .interstitial h2.h2.center, h1.h2.center {text-align:center !important; max-width:800px; margin:0 auto;} @media (max-width:1250px) { h2, .interstitial h2.h2, h1.h2 {font-size:36px; line-height:45px;} } @media (max-width:767px) { h2, .interstitial h2.h2, h1.h2, h1.h2mobile {font-size:30px; line-height:38px;} h2.center, .interstitial h2.h2.center, h1.h2.center {text-align:left;} } .interstitial h2 {text-align:center;} @media (max-width:1023px) { .interstitial h2 {text-align:center; margin-top:16px;} .interstitial br {display:none;} } .bg-plum h2, .bg-plum-dark h2 {color:#fff4ea;} .bg-plum h2.green {color:#45593f;} .h0 {font-size:94px !important; line-height:94px !important} @media (max-width:1023px) { .h0 {font-size:60px !important; line-height:70px !important;} } h3, .cards h3.h3, h3.h3, h1.h3, .default-inner h1.h3 {font-style:normal; font-weight:bold; font-size:32px; line-height:44px; color:#6D295A;} .default-inner h1.h3, h1.h3 { text-align:left;} @media (max-width:1250px) { h3, .cards h3.h3, h3.h3, h1.h3, .default-inner h1.h3 {font-size:28px; line-height:35px;} .default-inner h1.h3 {font-size:28px !important; line-height:35px;} } @media (max-width:767px) { h3, .cards h3.h3, h3.h3, h1.h3, .default-inner h1.h3 {font-size:24px; line-height:30px;} .default-inner h1.h3 {font-size:24px !important; line-height:30px !important;} h3.extralower {text-align:left;} } .interstitial h3 {text-align:center;} @media (max-width:1023px) { .interstitial h3 {text-align:left;} } .bg-plum h3, .bg-plum-dark h3 {color:#fff4ea;} .extralower {margin-bottom:10px;} h4 {font-style:normal; font-weight:600; font-size:24px; line-height:36px; color:#6D295A;} h4.center {text-align:center;} @media (max-width:1250px) { h4 {font-size:21px; line-height:31px;} } .interstitial h4 {text-align:center;} @media (max-width:1023px) { .interstitial h4 {text-align:center;} } .bg-plum h4, .bg-plum-dark h4 {color:#fffcfa;} h4.slidetitle {margin-bottom:30px;} h5 {font-style:normal; font-weight:600; font-size:21px; line-height:36px; color:#6D295A;} h5.center {text-align:center;} @media (max-width:1250px) { h5 {font-size:19px; line-height:31px;} } .interstitial h5 {text-align:center;} @media (max-width:1023px) { .interstitial h5 {text-align:left;} } .bg-plum h5, .bg-plum-dark h5 {color:#fffcfa;} h5.slidetitle {margin-bottom:30px;} .bg-green p, .bg-green li, .bg-plum p, .bg-plum li, .bg-plum-dark p, .bg-plum-dark li {color:#fffcfa !important;} h6 {font-style:normal; font-weight:normal; font-size:18px; line-height:22px;} .number-counter {border-radius:100px; font-style:normal; font-weight:bold; font-size:40px; line-height:42px; position:absolute; z-index:10; top:25%; right:35%; padding:7px 18px 5px 55px; background:url("/wp-content/themes/doc_rheum/images/megaphone.svg") #FFFCFA no-repeat; background-size:auto 80%; background-position:5px center; ;} .social-contact {margin-top:0px; display:block; text-align:left; justify-content:flex-start;} .social ul {display:flex; margin:0 0 30px !important; align-items:baseline; flex-wrap:wrap;} .social ul li:not(.social) {height:unset; width:100%; background-size:contain; transition:.25s all ease-in-out; margin-left:0; margin:0 0 20px 0;} .social ul li.social {height:22px; width:22px; background-size:contain; transition:.25s all ease-in-out; margin-right:10px;} .social ul li.social:hover {-webkit-transform:translate(-2px, -2px); transform:translate(-2px, -2px); transition:.25s all ease-in-out;} .social ul li.social a {height:22px; width:22px; overflow:hidden; text-indent:-9999px; display:block; position:relative;} .social .facebook {background:url('data:image/svg+xml; utf8,Facebook'); color:#fff;} .social .linkedin {background:url('data:image/svg+xml; utf8,LinkedIn'); color:#fff;} .social .twitter {background:url('data:image/svg+xml; utf8,Twitter'); color:#fff;} .social .youtube {background:url('data:image/svg+xml; utf8,YouTube'); color:#fff;} .social .instagram {background:url('data:image/svg+xml; utf8,Instagram'); color:#fff;} @media (max-width:767px) { .flexPanel.max-w-7xl.no-padding-mobile {padding-left:0px !important; padding-right:0px !important;} } p, .p {margin:24px 0; line-height:1.5em;} @media (max-width:419px) { p, .p {margin:16px 0; line-height:1.35em;} } .page-panel.citations, .citations {padding:50px 0 50px !important; font-size:12px;} .citations p {font-size:20px; font-weight:500; margin-top:0;} @media (max-width:1023px) { .citations p {font-size:18px; font-weight:500;} } .citations ol {list-style:decimal; margin:0 14px;} .citations ol li {margin:0; line-height:1.5em; padding-left:14px;} .citations a {text-decoration:underline;} .citations a:hover {text-decoration:none; color:#6D295A;} p.bigger {font-size:18px; font-weight:400;} p.biggest {font-size:28px; font-weight:400; text-align:center;} @media (max-width:1023px) { p.biggest {font-size:20px; font-weight:400; text-align:left;} } .testimonial-quote {font-size:24px; font-weight:600; color:#6D295A;} .testimonial-quote p {font-size:32px; font-weight:600; color:#6D295A; line-height:40px; margin-top:0;} @media (max-width:1023px) { .testimonial-quote p {font-size:24px; font-weight:600; color:#6D295A; line-height:32px;} } .testimonial-quote p span {display:block; font-size:20px; font-weight:400; line-height:24px; margin:24px 0;} @media (max-width:1023px) { .testimonial-quote p span {font-size:18px;} } .testimonial-name {font-size:20px;} .sub-half-left p {max-width:350px;} strong, b {font-weight:700;} sup {font-size:60%; line-height:60%;} a.bold-link, .cancel-form {position:relative; text-decoration:underline; color:#6D295A; transition:.25s all ease-in-out; font-weight:600; cursor:pointer; margin-top:-4px; display:inline-block; white-space:nowrap; font-size:18px; line-height:24px;} a.bold-link:hover, .cancel-form:hover {color:#BE3E9A;} .cancel-form {margin-top:12px; font-size:16px;} a.arrow-link {position:relative; padding-right:30px; text-decoration:underline; color:#6D295A; transition:.25s all ease-in-out; font-weight:600; cursor:pointer; margin-top:8px; display:inline-block; white-space:nowrap; font-size:18px; line-height:24px;} a.arrow-link:hover {color:#BE3E9A;} a.arrow-link::after {content:''; width:20px; height:10px; background:url('data:image/svg+xml; utf8,') no-repeat; background-size:contain; position:absolute; right:0; top:8px; transition:.25s all ease-in-out; bottom:unset; left:unset;} a.arrow-link:hover::after {background:url('data:image/svg+xml; utf8,') no-repeat; transition:.25s all ease-in-out; right:-5px; width:20px;} a.arrow-link.light {color:#fffcfa;} a.arrow-link.light:hover {color:#ffb899;} a.arrow-link.light::after {background:url('data:image/svg+xml; utf8,') no-repeat; background-size:contain; position:absolute;} a.arrow-link.light:hover::after {background:url('data:image/svg+xml; utf8,') no-repeat;} a.arrow-link.dive {bottom:-10vh;} .page-panel {padding-top:150px; padding-bottom:150px; margin:0 auto;} @media (max-width:1023px) { header .py-6 { padding-top: 1rem; padding-bottom: 1rem; } } @media (max-width:767px) { a.arrow-link {position:absolute; bottom:14vh; margin:0 auto; left:50%; -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0);} a.arrow-link.relative {position:relative; bottom:auto; margin:0 auto; display:inline-block; -webkit-transform:none; transform:none; left:auto;} a.arrow-link.light {position:static; top:unset; bottom:unset; left:unset; -webkit-transform:translate(0, 0); transform:translate(0, 0);} .page-panel {padding-top:100px; padding-bottom:100px;} .page-panel.bg-plum {padding-top:150px; padding-bottom:150px;} .page-panel .sub-half-left {padding-top:0vh;} header .py-6 { padding-top: 1rem; padding-bottom: 1rem; } } .page-panel.full {padding:0;} .page-panel .max-w-7xl {padding-left:29px; padding-right:29px;} .max-w-7xl {padding-left:29px; padding-right:29px;} @media (max-width:767px) { .page-panel .max-w-7xl {padding-left:24px; padding-right:24px;} .page-panel .max-w-7xl.slick-slider {padding-left:24px; padding-right:12px;} } .cards {position:relative; z-index:12;} .cards .fade {width:115%; max-width:475px; position:relative; top:-10vh; left:150px;} .cell_6 .fade {width:155%; max-width:755px; position:absolute; top:-36vh; left:26%; z-index:0;} .cell_12 .fade {width:155%; max-width:755px; position:absolute; top:-36vh; left:46%; z-index:0;} .cell_12 .fade.pink {top:-36vh; left:-30%; z-index:1;} .cell_12 .fade.orange {top:-16vh; left:21%; z-index:1;} .card {border:1px solid #ffb899; background:#fff; padding:25px; width:435px; position:absolute;} .card {border:1px solid #ffb899; background:#fff; padding:25px; width:435px; position:absolute;} .card1 {z-index:3; top:0px; z-index:30;} .card2 {z-index:2; top:20px; -webkit-transform:scale(95%); transform:scale(95%); z-index:25;} .card3 {z-index:1; top:40px; -webkit-transform:scale(90%); transform:scale(90%); z-index:20;} .topper.bottomlop {top:unset; bottom:-130px; transition:.5s top .25s ease-in-out; height:33vh; width:auto;} .bottomlop {top:unset; bottom:-80px; height:33vh; width:auto;} .no-top .cards {margin-top:20px;} .variable-height-cards .cards {height:auto;} a.button-link.centered {width:auto; margin:0px auto; display:table;} @media (min-width:1024px) { .cards {position:relative; width:100%; top:unset; left:unset; display:flex; justify-content:space-between; margin-top:15px; margin-left:0;} .no-top .cards {margin-top:20px;} .no-padding-mobile.plain .cards {margin-top:0;} .card {position:relative; width:32%;} .topper {top:30vh; transition:.5s top .25s ease-in-out;} .topper.bottomlop {top:unset; bottom:-290px; transition:.5s top .25s ease-in-out;} .topper:first-of-type {transition:.5s all .5s ease-in-out;} .topper:last-of-type {transition:.5s all 0s ease-in-out;} .topper.upper {top:0px; transition:.5s all .25s ease-in-out;} .topper.bottomlop.upper {top:unset; bottom:-10vh; transition:.5s all .25s ease-in-out;} .topper.upper:first-of-type {transition:.5s all 0s ease-in-out;} .topper.upper:last-of-type {transition:.5s all .5s ease-in-out;} .cards h3 {font-size:24px; text-align:left; line-height:1.35em;} .cards p {text-align:left;} } @media (min-width:1200px) { .cards {height:auto;} .card {width:30%;} } @media (max-width:767px) { .cards {padding-top:10px; position:relative; height:50vh; min-height:400px; max-width:455px; margin:0 auto; z-index:12;} .card {width:100%; min-height:356px;} .cards .fade {top:-10vh; left:35%; width:110%;} .cell_12 .fade {top:-10vh; left:35%; width:110%;} } @media (max-width:359px) { .card {min-height:386px;} .cards {min-height:480px;} } .cards ul { list-style:disc; margin-left:20px;} .cards ul li{ list-style:disc; padding-left:2px; font-size:20px; line-height: 1.35;} @media (max-width:767px) { .cards ul li{ font-size:18px;} } @media (min-width: 768px) { .md\:grid-cols-3 .card { width:calc(33.333% - 16px) !important; } } .grid2x1 {display:grid; grid-template-columns:1fr 1fr; grid-template-rows:auto auto; gap:0px 0px;} .grid1 {grid-area:1 / 1 / 2 / 2;} .grid3 {grid-area:2 / 1 / 3 / 2;} .grid2 {grid-area:1 / 2 / 3 / 3;} @media (max-width:767px) { .grid2x1 {display:grid; grid-template-columns:1fr; grid-template-rows:auto auto auto; gap:0px 0px; position:relative;} .grid1 {grid-area:1 / 1 / 2 / 2;} .grid2 {grid-area:2 / 1 / 3 / 2;} .grid3 {grid-area:3 / 1 / 4 / 2; text-align:center; padding-top:5vh !important;} } .grid-cols-2 {grid-template-columns:repeat(2, minmax(0, 1fr));} .grid-skinny {position:relative; z-index:12;} @media (min-width:1024px) { .animaniacs .grid-skinny {max-width:100%; position:relative; z-index:12; text-align:center;} } .animation-stage {position:relative;} .animation-stage img {margin:0 auto; height:120px; width:auto;} @media (min-width:768px) { .animation-stage img {position:absolute; left:30%; bottom:10px;} } @media (max-width:767px) { .gridreverse {display:grid; grid-template-columns:1fr; grid-template-rows:auto auto; gap:0px 0px;} .gridreverse div:last-child {grid-area:1 / 1 / 2 / 2;} .gridreverse div:first-child {grid-area:2 / 1 / 3 / 2;} } .testimonial {z-index:11; padding:100px 0;} .testimonial.flexPanel {z-index:11; padding-top:100px !important; padding-bottom:100px !important;} .testimonial * {line-height:1.5em;} .testimonial-name {font-weight:500; margin:24px 0;} .testimonial-meta {margin-bottom:24px; font-size:18px;} .testimonial-meta p {margin-top:15px;} @media (min-width:768px) { .testimonial {padding-top:100px; z-index:11;} .testimonial-quote {font-size:150%;} } @media (min-width:1024px) { .testimonial.flexPanel {padding-top:150px !important; padding-bottom:150px !important;} } .testimonial-shell {padding-left:11px;} @media (max-width:767px) { .testimonial-shell {padding-left:0px; padding-top:0px;} } .checkmarks {display:flex; justify-content:flex-start; position:relative; margin:0px 0;} .checkmark {position:relative; text-align:center; padding:8vh 1vw; width:33.333%;} .checkmark::before {background-image:url('/wp-content/themes/doc_rheum/images/checkcircle.svg'); top:0; left:calc(50% - 16px); content:''; width:32px; height:32px; z-index:3; position:absolute;} .checkmark::after {position:absolute; width:100%; top:15px; height:2px; background-color:#FF4D00; content:''; left:0%;} .checkmark:first-child::after {width:50%; height:2px; left:50%;} .checkmark:last-child::after {width:50%; height:2px;} .checkmarks {flex-wrap:wrap;} .checkmark {width:100%; position:relative; text-align:left; padding:20px 50px;} .checkmark::before {left:0; top:calc(50% - 16px);} .checkmark::after {width:2px; height:100%; left:15px; top:0;} .checkmark:first-child {padding-top:0;} .checkmark:first-child::after {height:50%; top:50%; width:2px; left:15px;} .checkmark:last-child::after {height:50%; width:2px;} .checkmark .tangerine {font-weight:600; font-size:110%; margin:0;} .tangerineDream {max-width:583px; margin:0 auto;} .tangerineDream p {text-align:left; font-size:20px; position:relative;} .tangerineDream p::before {content:''; background:url(/wp-content/uploads/2022/02/dots.svg) no-repeat; background-size:contain; width:20px; height:20px; top:8px; left:-30px; position:absolute;} @media (max-width:1023px) { .tangerineDream p {text-align:center; font-size:18px;} } @media (max-width:767px) { .tangerineDream .center {text-align:left;} .tangerineDream p {text-align:left; margin-left:30px;} } .tangerineDream.left p {margin-left:30px;} .center {text-align:center;} .greenpanel {margin:0;} .greenpanel>div {padding:20px; border:1px solid #C2DEB9;} .checkmark h4 {text-align:left;} @media (max-width:1023px) { .checkmark h4 {text-align:left;} } @media (min-width:767px) { .offset_desktop {margin-top:183px;} } @media (min-width:831px) { .offset_desktop {margin-top:156px;} } @media (min-width:1250px) { .offset_desktop {margin-top:237px;} } .calc-card {position:relative; width:435px; height:; margin-left:50px; border:2px solid #feb799; text-align:center;} @media (max-width:767px) { .calc-card {position:relative; width:86%; margin-left:0; border:2px solid #feb799; text-align:center; margin:40px auto;} } .calc-card * {text-align:center;} .calc-card .fade {width:115%; max-width:475px; position:relative; top:-20vh; left:150px;} .calc-card h4 {font-size:100%; line-height:1;} .white-part {padding:20px;} .orange-part {padding:20px;} .lchaim h2 {margin:0px auto; width:86%;} .separate-links { display:flex; flex-wrap: wrap; gap:24px; justify-content: center;} .separate-links a { margin:0 0 30px 0 !important;} a.button-link, .button-link {font-size:16px; display:inline-block; padding:14px 27px; border:2px solid #6D295A; color:#6D295A; position:relative; background-color:#FFFCFA; border-radius:3px; font-weight:600; line-height:1; display:inline-block; margin-top:30px; transition:.25s all ease-in-out; cursor:pointer;} a.button-link:hover, .button-link:hover {background:#6D295A; color:#FFFCFA; transition:.25s all ease-in-out;} a.button-link::after {display:none;} .page-panel a.button-link, .masthead_slim a.button-link {padding:14px 27px;} p.center {text-align:center; justify-content:center;} p.center a.button-link {width:auto; margin-left:auto; margin-right:auto;} .tagline {display:flex; margin-bottom:20px} .tagline img {width:50px; height:auto;} .tagline p {margin-left:30px; max-width:320px; font-weight:500; color:rgba(255, 255, 255, .6);} footer .order-2 h6 {margin-bottom:10px; padding-bottom:10px; max-width:320px; font-weight:500; color:rgba(255, 255, 255, .6); font-size:16px;} @media (max-width:767px) { footer .order-2 {margin-top:30px;} } footer .order-2 ul {margin-top:20px;} footer .order-2 li {margin:15px 0 20px;} footer .order-2 li a {font-weight:500; display:block; color:#fff; transition:.25s all ease-in-out;} footer .order-2 li a:hover {transition:.25s all ease-in-out; color:rgba(255, 231, 248, .6); text-decoration:underline;} .menu-buttons-container a {display:block; padding:9px 23px; border:2px solid #fff; position:relative; ; border-radius:3px; font-weight:700; display:inline-block; line-height:1;} footer .menu-buttons-container ul li {display:inline-block;} footer .menu-buttons-container ul li a {color:#fff; font-weight:400; padding-top:12px; font-size:14px; margin-right:20px; transition:.25s all ease-in-out;} footer .menu-buttons-container ul li a:hover {box-shadow:4px 4px 0 0 #F4C7E8; -webkit-transform:translate(-4px, -4px); transform:translate(-4px, -4px); transition:.25s all ease-in-out;} .menu-company-button-container a {display:block; padding:9px 23px; border:2px solid #fff; position:relative; ; border-radius:3px; font-weight:700; display:inline-block; line-height:1;} footer .menu-company-button-container ul li {display:inline-block;} footer .menu-company-button-container ul li a {color:#fff; font-weight:400; padding-top:12px; font-size:14px; margin-right:20px; transition:.25s all ease-in-out;} footer .menu-company-button-container ul li a:hover {box-shadow:4px 4px 0 0 #F4C7E8; -webkit-transform:translate(-4px, -4px); transform:translate(-4px, -4px); transition:.25s all ease-in-out;} footer hr {margin:100px 0 50px; opacity:.7;} .footer-left {color:#fff; opacity:.7; font-size:12px;} .footer-left p {color:#fff; max-width:400px; margin:0; font-size:12px;} .footer-right {text-align:right; color:#fff; opacity:.7; font-size:12px;} #menu-legal-menu {display:flex; justify-content:flex-start; margin-top:20px;} @media (max-width:767px) { #menu-legal-menu {display: inline-block;margin-top: 20px;} #menu-legal-menu li { line-height: 1.25; display: inline-block !important; border:none !important; margin-right:0 !important; } } #menu-legal-menu li {display:block; padding-right:10px; margin-right:10px; border-right:1px solid #fff;} #menu-legal-menu li:last-child {padding-right:0; margin-right:0; border-right:none;} #menu-legal-menu li a {text-decoration:underline;} #menu-legal-menu li a:hover {text-decoration:none;} .masthead_video h1 {position:absolute; z-index:9; max-width:580px; margin-top:30vh; margin-left:28px; color:#fff;} .masthead_video h1.plum {color:#6D295A;} @media (max-width:1023px) { .masthead_video h1 {margin-top:150px; margin-left:24px; margin-right:24px; margin-bottom:0; position:relative; color:#6D295A;} .masthead_video h1.h1-w-p {margin-bottom:32px;} .masthead_video h1 .tangerine-light {color:#FF4D00;} .masthead_video p {margin-right:24px; margin-left:24px;} } .masthead_video_inner.add_overlay::before, .masthead_image_inner.add_overlay::before {content:''; width:100%; height:100%; z-index:4; position:absolute; top:0; left:0; background:#2d2d2d; opacity:.35;} @media (min-width:1024px) { .masthead_video_inner.add_fade_overlay::after, .masthead_image_inner.add_fade_overlay::after {content:''; position:absolute; top:0; left:0; width:100%; height:100vh; background:rgb(255, 252, 250); background:linear-gradient(90deg, rgba(255, 252, 250, 0) 37%, rgba(255, 252, 250, 1) 100%); opacity:1; z-index:3;} } .iphone-stage img.desktop-only {text-align:right; margin:0 0 0 auto;} .iphonepanel {padding-top:0; padding-bottom:0;} @media (min-width:1024px) { .iphonepanel {padding-top:50px; padding-bottom:50px;} } @media (max-width:1023px) { .testimonial {padding-bottom:100px; padding-left:24px; padding-right:24px;} .footerinner {margin-bottom:50px;} } @media (max-width:767px) { .footerinner {margin-bottom:0px;} } .bar-title {padding:1.25rem 0 0.375rem 0;} .top-row {width:100%; margin:0.5rem auto; display:flex; flex-direction:column; justify-content:center; align-items:center;} .outer-row { width:100%; margin-bottom:2rem; display:flex; justify-content:center; align-items:flex-start; @media (max-width: 768px) {flex-direction:column; align-items:center;} } .col, .inner-row {display:flex; flex-direction:column; justify-content:center; align-items:center;} .col { width:40%; @media (max-width: 1000px) {width:100%;} } .inner-row {width:100%;} footer { min-height:10vh; margin:0; padding:1rem 0; display:flex; flex-direction:column; justify-content:center; align-items:center; background:Silver; @media (max-width: 768px) {p {max-width:80%;}} } @media (max-width:767px) { footer { margin:75px 0 0 0;} } @media (min-width:1024px) { footer.py-12 {padding-top:5rem; padding-bottom:5rem; margin-bottom: -1px;} } .slider { position:relative; display:flex; flex-direction:column; width:100%; height:24px; margin:20px auto 0; @media (max-width: 768px) {width:80vw;} } .slider-output {position:absolute; left:50%; bottom:0; display:block; box-sizing:border-box; -webkit-transform:translateX(-50%); transform:translateX(-50%); color:LightSlateGray; visibility:hidden;} .slider-track {height:.5rem; background-color:#e2e2e2; border-radius:.25rem;} .slider-thumb {position:absolute; top:-.75rem; left:50%; width:2rem; height:2rem; margin-left:-1rem; border-radius:1rem; border:#6D295A 1px solid; background:#fffcfa;} .slider-level {width:50%; height:.5rem; background-color:#ffb899; border-radius:1rem;} .slider-input {-webkit-appearance:none; position:absolute; width:105%; height:2rem; margin-left:-2.5%; background-color:transparent; outline:none; opacity:0;} .slider-input::-webkit-slider-thumb {width:2rem; height:8rem; -webkit-appearance:none;} input[type=range]:focus {outline:none;} input[type=range]::-moz-focus-outer {border:0;} input[type=range]::-moz-range-thumb {background-color:transparent; opacity:0; visibility:hidden; background:transparent; background-color:transparent; border-color:transparent; color:transparent;} input[type=range]::-ms-track {width:100%; background:transparent; background-color:transparent; border-color:transparent; color:transparent;} .bar {width:80%; height:10px; border:2px solid DarkMagenta;} .fill {width:50%; height:100%; background:DarkMagenta;} #main-panel-8 .grid3 {padding-left:3.5vw;} @media (min-width:1250px) { #main-panel-8 .grid3 {padding-left:46px} } @media (max-width:767px) { #main-panel-8 .grid3 {padding:0 24px;} } .arrow-left {padding-left:27px; position:relative;} .arrow-left::before {content:''; position:absolute; top:2px; left:0px; width:20px; height:20px; background:url("/wp-content/themes/doc_rheum/images/downarrow.png") no-repeat; background-position:top left;} .horizbar {width:calc(100% - 40px); height:12px; position:absolute; bottom:20px; left:20px;} .horizinner {width:0%; background:#45593f; height:12px;} .sixty .horizinner {max-width:60% !important;} .ninety .horizinner {max-width:90% !important;} .greenitem {position:relative;} .md\:pb-32 {padding-bottom:0;} .page-panel.bg-plum:not(.side-by-side):not(.left-aligned):not(.vari-height), .page-panel.bg-yellow-mid:not(.side-by-side):not(.left-aligned):not(.vari-height), .page-panel.interstitial:not(.side-by-side):not(.left-aligned):not(.vari-height), .page-panel.results-dealy:not(.side-by-side):not(.left-aligned):not(.vari-height) {display:flex; width:100%; min-height:100vh; padding:100px calc(50% - 640px); align-items:center;} .page-panel.bg-plum>.max-w-7xl, .page-panel.bg-yellow-mid>.max-w-7xl, .page-panel.interstitial>.max-w-7xl, .page-panel.results-dealy>.max-w-7xl, .page-panel.bg-plum>.max-w-5xl, .page-panel.bg-yellow-mid>.max-w-5xl, .page-panel.interstitial>.max-w-5xl, .page-panel.results-dealy>.max-w-5xl {padding-left:24px; padding-right:24px; vertical-align:middle; display:table-cell;} #main-panel-1.basic {margin-top:77px;} @media (max-width:767px) { #main-panel-1.basic {margin-top:60px;} } @media (max-width:767px) { .page-panel.bg-plum, .page-panel.bg-yellow-mid, .page-panel.results-dealy {display:table; width:100%;} } .full-height {min-height:100vh !important;} @media (max-width:480px) { ul#menu-buttons-2 {display:flex; justify-content:space-between; width:100%;} ul#menu-buttons-2 li {margin:0; width:48%;} ul#menu-buttons-2 li a {margin:0; width:100%; padding:16px; text-align:center;} } .indicators {display:flex; justify-content:flex-start;} .indicator {display:block; margin-right:5px; border-radius:8px; width:26px; height:7px; background:#FFB899;} .indicator.on {width:46px; background:#FF4D00;} @media (min-width:1024px) { .cup-text {padding-left:75px; position:relative;} .indicators {position:absolute; width:7px; left:0; top:40px; height:100px; display:block;} .indicator {width:7px; height:26px; margin-right:0; margin-bottom:5px;} .indicator.on {width:7px; height:46px;} } .animation-stage-cup {position:relative;} .animation-stage-cup img {position:relative; width:141px; margin:0 auto; height:auto;} @media (max-width:767px) { .animation-stage-cup {width:100%;} .grid.to-flex {display:flex; flex-wrap:wrap; flex-direction:column-reverse;} .to-flex .flex {display:flex; flex-wrap:wrap; flex-direction:column-reverse;} } @media (min-width:768px) { .grid12 {display:grid; grid-auto-columns:1fr; grid-template-columns:1fr 1fr 1fr; grid-template-rows:auto;} .grid12 .order-1 {grid-area:1 / 1 / 2 / 2;} .grid12 .order-2 {grid-area:1 / 2 / 2 / 4;} } .stat_inner {position:relative; width:49%; padding-bottom:50px;} .stat {font-style:normal; font-weight:bold; font-size:60px; line-height:42px; margin-top:10px; margin-bottom:10px;} @media (max-width:419px) { .stat {font-size:54px;} } @media (max-width:350px) { .stat {font-size:46px;} } .statspanel p {margin-top:3px;} .stat_span {display:flex; justify-content:space-between;} .stat_span .horizbar {width:95%; left:0;} @media (max-width:640px) { .stat_span {flex-wrap:wrap;} .stat_inner {width:100%; padding-bottom:50px; margin-bottom:20px;} .stat_inner:last-child {margin-bottom:0px;} } .cell_6 .stat_span {flex-wrap:wrap;} .cell_6 .stat_inner {width:100%; padding-bottom:50px; margin-bottom:20px;} .cell_6 .stat_inner:last-child {margin-bottom:0px;} .stat_inner .arrow-left {padding-left:50px;} .stat_inner .arrow-left::before {content:''; position:absolute; top:2px; left:0px; width:50px; height:50px; background:url("/wp-content/themes/doc_rheum/images/down_big.png") no-repeat;} .arrow-left-up {padding-left:50px;} .arrow-left-up::before {content:''; position:absolute; top:19px; left:6px; width:50px; height:50px; background:url("/wp-content/themes/doc_rheum/images/down_big.png") no-repeat; transform:rotate(180deg);} ul.down-arrow {display:flex; flex-wrap:wrap;} ul.down-arrow li {padding-left:25px; position:relative; width:100%; font-size:20px; margin-bottom:27px; line-height:1.5;} ul.down-arrow li:last-child {margin-bottom:0;} ul.down-arrow li::before {content:''; position:absolute; top:-2px; left:-7px; width:30px; height:30px; background:url("/wp-content/themes/doc_rheum/images/down_big.png") no-repeat; background-size:contain;} @media (max-width:1023px) { ul.down-arrow {display:flex; flex-wrap:wrap; margin:30px 0 0;} ul.down-arrow li {padding-left:26px; width:100%; font-size:20px; margin-bottom:30px;} } .phoner.icon {background-size:4vh auto; margin:7px 0; line-height:1.3; flex-wrap:wrap;} .phoner.icon * {display:contents;} .fifty .horizinner {width:50%;} .twentynine .horizinner {width:29%;} .no_top {padding-top:0 !important;} @media (max-width:1023px) { .no_top_mobile {padding-top:0 !important;} } @media (max-width:768px) { .no_bottom_mobile {padding-bottom:0 !important;} } .no_bottom {padding-bottom:0 !important;} .page-panel.image-reset img {max-height:unset !important; margin:0px !important; height:auto; width:auto;} ul.bolder-ul {margin-top:32px;} ul.bolder-ul li {font-size:24px; line-height:28px; margin-bottom:3px;} .page-panel.image-reset ul.bolder-ul img, ul.bolder-ul img {display:block; margin:10px 0 !important; height:25px !important; width:25px !important;} .bg-green-light .page-panel a.button-link, .page-panel.bg-green-light a.button-link {margin-top:0;} @media (max-width:767px) { .page-panel.bg-green-light a.button-link {width:calc(100% - 16px); margin-left:8px;} a.button-link {margin-left:auto; margin-right:auto; display:table;} } @media (min-width:768px) { .flex2 {display:flex; justify-content:space-between;} .flex2 .flex_inner {width:47%;} } .max {max-width:800px} .app-badge {position:absolute; right:73.2%; bottom:10vh; width:185px; border-radius:10px; background:#FFFCFA; border-bottom-right-radius:0px; z-index:9; padding:12px; box-shadow:3px 5px 16px -9px rgba(0, 0, 0, 0.59); opacity:0; transition:.25s all ease-in-out;} .app-badge.actively {opacity:1; transition:.25s all 1s ease-in-out;} @media (max-width:1023px) { .app-badge {right:25%;} } @media (max-width:767px) { .app-badge {right:unset; left:24px; bottom:36px;} } @media (min-height:800px) { .app-badge {right:78%;} } .app-badge .app-title {padding:2px 5px 5px 23px; font-weight:600; position:relative;} .app-badge .app-title::before {content:''; background:url(/wp-content/themes/doc_rheum/images/badge.svg) no-repeat; background-size:contain; width:20px; height:20px; position:absolute; top:0px; left:0px;} .app-badge .app-text {font-style:normal; font-weight:normal; font-size:12px; line-height:16px;} .p-to-h2 {padding:0 0 5vh 0;} .p-to-h2 p:first-child {margin-top:0;} .p-to-h2 a.arrow-link {position:absolute; bottom:0; margin:0 auto; left:50%; -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0);} @media (min-width:1024px) { .p-to-h2 p {text-align:center; font-size:30px; font-weight:600; max-width:800px; margin:40px auto;} .p-to-h2 p span {color:#FF4D00;} } .fadeout {transition:1.5s opacity ease-in-out; opacity:1;} .fadeout.fadedout {transition:1.5s opacity ease-in-out; opacity:.30;} .funkiness {top:29px; opacity:0; transition:.25s all ease-in-out; position:absolute; z-index:14; padding-right:24px; padding-left:24px;} .funkiness img {display:block !important;} @media (min-width:1024px) { .funkiness {max-width:700px; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); width:100%; padding:70px 0;} } @media (max-width:1023px) { .funkiness {width:100%;} .funkiness p {position:relative; bottom:0;} } .funkiness.funk_on {top:0; opacity:1; transition:.25s all ease-in-out; margin-bottom:150px;} .funkiness.funk_on:last-child {margin-bottom:0;} @media (max-width:1023px) { .funkiness.funk_on {margin-bottom:50px; width:calc(100% + 48px); margin-left:0;} .funkiness.funk_on.bg-yellow-light {padding-top:25px; padding-bottom:25px;} .funkiness:last-child {padding-bottom:100px !important;} .animaniacs {padding-bottom:0 !important;} } .funkiness .fader {position:relative; top:50px; transition:.25s all ease-in-out !important;} .funkiness .fader.opaque {position:relative; top:0px; transition:.25s all ease-in-out !important;} @media (max-width:1023px) { .funkiness .fader {position:relative; top:50px; transition:.125s all ease-in-out !important;} .funkiness .fader.opaque {position:relative; top:0px; transition:.125s all ease-in-out !important;} } .funkiness h4 {margin:30px 0 0 0; text-align:center; color:#FF4D00;} @media (max-width:1023px) { .funkiness h4 {text-align:left;} } #pulsar_tan {right:-180vh; top:-50VH; position:absolute; z-index:12; width:360vh;} #pulsar_tan_2 {right:-60%; top:-60VH; position:absolute; z-index:12; width:360vh;} .animate80h {height:90vh;} .animate100h {height:100vh;} .animate200h {height:200vh;} .animate250h {height:250vh;} .animate300h {height:300vh;} .animate400h {height:400vh;} .animate500h {height:500vh;} .animation {overflow:hidden; position:relative;} .animation-4 .animateMe {position:absolute; width:100%; top:0;} .animate {position:fixed !important; height:100vh; width:100%; top:0;} .animateOff {position:absolute !important; height:100vh; width:100%; bottom:0; top:unset;} .animate .masthead_video_inner {position:absolute; height:110vh;} #employer-1-1 {height:100vh; position:absolute; top:0; width:100vw; z-index:333; right:-150%;} #employer-1-1::before {position:absolute; height:100%; width:3px; background:#fff; content:''; left:-1px; top:0;} #employer-1-2 {width:100%; overflow:hidden !important; position:absolute; height:100vh; right:-100%;} #employer-1-2-1 {position:absolute; height:100vh; width:100vw; right:0%;} #reversal {width:210px; height:210px; position:absolute; top:calc(50% - 105px); left:-105px;} .animate.absolute {position:absolute; bottom:0; top:unset;} @media (max-width:1023px) { .animate300h {height:260vh;} .animate .masthead_video_inner {height:40vh;} .animation-1 .max-w-7xl {height:60vh; display:table; margin-top:0;} .animation-1 .max-w-7xl h1 {margin:0; display:table-cell; vertical-align:middle; padding:10vh 24px 0;} .animation-1.mobile_consideration .max-w-7xl h1 span {margin:0 !important;} #employer-1-1::before {left:-1px;} #reversal {width:130px; height:130px; position:absolute; top:calc(50% - 65px); left:-65px;} #employer-1-1, #employer-1-2, #employer-1-2-1 {height:calc(40vh);} .animation-2 .animate {padding-top:10vh;} .reversal_flex {display:table-cell; vertical-align:middle;} .mobile-plus-only p br {display:block; width:100%; height:24px;} } @media (max-width:419px) { .animation-1.mobile_consideration .max-w-7xl h1 {padding-top:12vh;} .mobile-plus-only p br {display:none;} } .card {transition:1s all ease-in-out;} .cardOut {transition:1s all ease-in-out; top:-100vh;} .cardStage3 {-webkit-transform:scale(95%); transform:scale(95%);} .cardStage2 {-webkit-transform:scale(100%); transform:scale(100%);} .animation-5 {} img.iphone-1-1 {display:block; position:absolute; bottom:-10vh; width:auto; height:100vh; left:67%; -webkit-transform:translateX(-50%); -webkit-transform:translateX(-50%); transform:translateX(-50%); max-width:10000px !important; z-index:90;} @media (min-width:1024px) { img.iphone-1-1 {top:unset; left:unset; position:relative; height:80vh; right:unset; bottom:unset; transform:none; max-height:803px;} img.iphone-1-1.iphone-1-2 {max-height:703px;} .iphone-text {position:absolute; top:10vh; right:0; height:80vh; z-index:9999; width:53%; height:60vh;} .iphone-text .sub-half-center {display:flex; flex-wrap:wrap;} .iphone-text .sub-half-center h2 {width:100%;} .iphone-text .sub-half-center p {width:100%; margin:24px 0 0;} .iphone-text .phoner-outer {display:flex; width:44%; flex-wrap:wrap; margin-right:6%; margin-top:24px;} } @media (max-width:1023px) { img.iphone-1-1.fader {position:relative; left:unset; bottom:-28vh; height:90vh; right:-7vw; transition:.25s all ease-in-out !important;} img.iphone-1-1.iphone-1-2.fader {position:relative; left:unset; bottom:0vh; height:50vh; right:-38vw; transition:.25s all ease-in-out !important; transform:rotate(-15deg);} img.iphone-1-1.fader.opaque {bottom:-8vh; right:-14vw; transition:.125s all ease-in-out !important;} img.iphone-1-1.iphone-1-2.fader.opaque {bottom:12vh; right:-35vw; transition:.125s all ease-in-out !important;} } @media (max-width:600px) { img.iphone-1-1 {right:-24vw;} } @media (max-width:419px) { img.iphone-1-1 {right:-54vw;} } @media (max-width:1023px) { .animate img.iphone-1-1, .animateOff img.iphone-1-1 {height:136vh; transition:.5s all .5s ease-in-out;} .animate img.iphone-1-1.iphone-1-2, .animateOff img.iphone-1-1.iphone-1-2 {height:100vh; transition:.5s all .5s ease-in-out;} } .iphone-2-1 {position:absolute; bottom:8.25vh; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); width:36.002vh; height:76.123vh; background:#6d295a; border-radius:30px; justify-content:center; align-content:center; z-index:80; display:flex; align-items:center; transition:.5s all .5s ease-in-out; overflow:hidden;} @media (min-width:1024px) { .iphone-2-1 {left:30%;} } @media (max-width:1023px) { .animate .iphone-2-1 {height:103.527vh; width:48.962vh; bottom:5vh; transition:.5s all .5s ease-in-out;} } .iphone-app {width:76%; display:flex; flex-wrap:wrap; margin:0 12%;} .iphone-badge {width:100%; padding-bottom:15px; position:relative; height:14vh;} .iphone-badge img {width:100%; max-width:50%; height:auto; margin:0 auto; position:absolute; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); transition:1s all ease-in-out;} .iphone-badge img.badge1 {z-index:2;} .iphone-badge img.badge2 {z-index:3; opacity:0; margin-top:-20px; margin-left:-15px; transition:2s all ease-in-out;} .iphone-badge img.badge2.badge-on {margin-top:6px; opacity:.75; margin-left:13px; transition:2s all ease-in-out;} .iphone-badge img.badge3 {z-index:1; opacity:0;} .iphone-badge img.badge3.badge-on {opacity:.3; transition:1s all ease-in-out;} .iphone-title {color:#fffcfa; font-size:18px; text-align:center; width:100%; font-weight:600; padding-top:15px; line-height:1.4rem;} @media (max-width:419px) { .iphone-stage.animate100h {height:80vh;} img.iphone-1-1 {height:77vh; bottom:-5vh;} .iphone-2-1 {height:63vh; bottom:2.5vh; width:29vh; border-radius:25px;} .mobile-only-1024 .iphone-2-1 {height:61vh; bottom:4.5vh; width:29vh; border-radius:25px;} .animate .iphone-2-1 {bottom:14vh;} } .iphone-x-1 {position:absolute; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); border-radius:30px; justify-content:center; align-content:center; z-index:80; display:flex; align-items:center; overflow:hidden; height:103.527vh; width:48.962vh; bottom:5vh; transition:.5s all .5s ease-in-out;} @media (min-width:1024px) { .iphone-x-1 {left:30%;} } @media (max-width:419px) { .iphone-x-1 {bottom:15vh;} } .iphone-app-x-outer {width:100%; height:100%; background:#fff4ea; background-size:100% auto; background-position:25% center; position:absolute; top:0; left:100%; display:flex; align-items:center; transition:.5s all ease-in-out;} .iphone-app-x-outer.animated {left:0; transition:.5s all ease-in-out;} .iphone-3-1 h3 {text-align:center; width:100%; margin-bottom:30px; font-size:24px;} .iphone-app-3 {display:flex; flex-wrap:wrap; padding:0 30px;} .iphone-app-3>div, .phoner {background-position:left center; background-repeat:no-repeat; background-size:5vh auto; margin:0; text-align:left; width:100%; padding-left:70px; min-height:7vh; align-content:center; align-items:center; display:flex;} .iphone-app-3>div p, .phoner p {margin:10px 0; font-size:14px;} .iphone-app-3>div p, .phoner p {font-size:17px;} @media (max-width:1023px) { .iphone-app-3>div p, .phoner p {font-size:18px;} .iphone-text a.arrow-link {position:relative; -webkit-transform:none; transform:none; bottom:unset; left:unset; margin-top:10px; margin-left:9px;} } .phoner-outer.twenty .phoner {font-size:20px;} @media (max-width:1023px) { .phoner-outer.twenty .phoner {font-size:18px;} } .iphone-icon {background-image:url('/wp-content/uploads/2022/02/Icons_App-based.png');} .iphone-doc {background-image:url('/wp-content/uploads/2022/02/Icons_Migraine-Specialist.png');} .iphone-coach {background-image:url('/wp-content/uploads/2022/02/Icons_Health-Coach.png');} .iphone-root {background-image:url('/wp-content/uploads/2022/02/Icons_Root-Cause.png');} .iphone-plan {background-image:url('/wp-content/uploads/2022/02/Icons_Treatment-Plan.png');} .iphone-bundle {background-image:url('/wp-content/uploads/2022/02/med-and-supplement.svg');} .iphone-app-x video {position:absolute; top:0; left:0; background-color:#f7f7f7 !important; outline:0; background-image:linear-gradient(to top, #525252, #333); background-position:center; -o-object-fit:cover; object-fit:cover; -o-object-position:50% 50%; object-position:50% 50%; -webkit-filter:blur(0); filter:blur(0); height:100vh;} .iphone-app-title {z-index:2; position:absolute; bottom:30vh; width:calc(100% - 24px); margin:0 24px 0 0; left:60%; transition:1s all ease-in-out;} .animated .iphone-app-title {left:0%; transition:1s all ease-in-out;} .iphone-app-title>div {background-position:5vw center; background-repeat:no-repeat; background-size:44px auto; text-align:left; padding-left:calc(60px + 4vw); min-height:7vh; align-content:center; align-items:center; display:flex;} .iphone-app-title p {font-size:14px; color:#fff;} .iphone-app-title .iphone-doc {background-image:url('/wp-content/uploads/2022/01/Employer_Specialist_Dark-1.png');} .iphone-app-5-outer img {width:94%; margin:0 auto;} .iphone-app-title .iphone-plan {background-image:url(/wp-content/uploads/2022/01/Employer_SustainableChange_Dark-11.png);} .iphone-app-title .iphone-coach {background-image:url(/wp-content/uploads/2022/01/Employer_Coach_Dark-11.png);} .iphone-5-1 .iphone-app-title {bottom:27vh;} .iphone-6-1 .iphone-app-title {bottom:80vh;} .iphone-call {position:absolute; bottom:21vh; width:80%; margin:0 10%; z-index:2;} .iphone-call .call-title {font-size:18px; font-weight:600; color:#FFF; text-align:center; margin-bottom:1vh;} .iphone-call .call-time {font-size:9px; font-weight:300; color:#FFF; text-align:center; margin-bottom:3vh;} .iphone-call .call-buttons {display:flex; justify-content:space-between; align-items:center;} .iphone-call .call-buttons>div {height:50px; width:50px; border-radius:50px; display:flex; justify-content:center; align-items:center;} .iphone-call .call-buttons>div.phone {background:#D85751;} .iphone-call .call-buttons>div img {max-width:20px;} .testimonial-shell {position:relative;} .testimonial-shell * {z-index:2; position:relative;} .phantom {background:rgb(255, 235, 225); opacity:.40; background:radial-gradient(circle, rgba(255, 204, 185, .567) 0%, rgba(255, 235, 225, 0) 70%); width:70vw; height:70vw; position:absolute !important; top:50vh; right:-40vw; z-index:1 !important;} @media (min-width:1024px) { .phantom {width:50vw; height:50vw;} } @media (max-width:1023px) { .phantom {top:-25.107vh !important; right:-18.32vh !important;} } .z-index-3, .z-3, .z3 {z-index:3 !important;} .z-index-8, .z-8, .z8 {z-index:8 !important;} .z-index-88, .z-88, .z88 {z-index:88 !important;} .z-index-555, .z-555, .z555 {z-index:555 !important;} .z-index-9999, .z-9999, .z9999 {z-index:9999 !important;} @media (min-width:1024px) { .iphone-x-1 {bottom:8.75vh; width:36.002vh; height:76.123vh;} .iphone-3-1 h3 {font-size:21px;} .iphone-app-title>div {background-position:22px center; background-size:44px auto; padding-left:76px;} .iphone-5-1 .iphone-app-title {bottom:20vh;} .iphone-call {bottom:9vh;} .iphone-6-1 .iphone-app-title {bottom:59vh;} } .pulsar {width:316vh; height:195vh; position:absolute; z-index:2; top:-56vh; left:-133vh;} @media (max-width:1023px) { .pulsar {width:406vh; height:305vh; position:absolute; z-index:2; top:-96vh; left:-198vh;} } .pulsar-static {position:absolute; top:-11vh; right:37%; height:auto; width:auto; opacity:.5; max-height:100vh;} @media (max-width:1023px) { .pulsar-static {position:absolute; top:-20vw; right:-30vh; width:90vh; height:90vh; max-width:1000000px; max-height:1000000px; opacity:.5;} } .pulsar-static-right {position:absolute; top:2vh; right:-30vw; height:auto; width:auto; opacity:.5; max-height:100vh; z-index:1;} .styler2, .concentric-circles {background-image:url(/wp-content/uploads/2022/05/circles.png); background-position:50vw 30px; background-size:50vw; background-repeat:no-repeat;} @media (max-width:1023px) { .styler2, .concentric-circles {background-size:70vh; background-position:10vw 30px;} } .concentric-circles .concentric-circles {background-image:none;} video.guys {width:116% !important; margin-left:-10vw; top:-8vh; position:absolute;} video.guys.hidden {visibility:hidden; opacity:0; transition:0s all;} #guys1 {z-index:9;} #guys2 {z-index:7;} #guys3 {z-index:4;} #guys4 {z-index:2;} @media (min-width:1024px) { video.guys {width:66% !important; margin-left:7vw; top:-18vh; position:absolute;} .animaniacs {padding-top:19vh;} .animaniacs .grid-skinny {height:auto;} } .page-panel.animaniacs .max-w-5xl {z-index:15;} @media (max-width:1023px) {} .funkiness p {text-align:left;} .relative {position:relative;} .absolute {position:absolute;} .static {position:static;} .fixed {position:fixed;} .relative .interstitial {position:absolute; left:0; top:0; z-index:9;} .relative .interstitial.shadow {box-shadow:0 3px 3px rgba(22, 55, 0, .12);} .interstitial img {margin:0 auto; text-align:center; max-width:340px; width:75%;} .interstitial img.bottomlop {position:absolute; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%);} @media (max-width:1023px) { .interstitial img {margin:0; text-align:center; max-width:340px; width:70%;} .mobile-only-1024 .mobile-stage {height:90vh; position:absolute; -webkit-transform:rotate(-26deg); transform:rotate(-16deg) scale(75%); top:-30vh; right:-31vw;} .mobile-only-1024 .iphone-text {margin-top:-16vh; position:relative; z-index:3;} .mobile-only-1024.full-width-title .iphone-text {margin-top:-8vh;} .mobile-only-1024 .iphone-text h2 {max-width:49vw;} .mobile-only-1024.full-width-title .iphone-text h2 {max-width:100%;} .mobile-only-1024 .iphone-text p {width:90%; max-width:500px;} } @media (max-width:1023px) { .mobile-only-1024 .mobile-stage {right:-17vw} } @media (max-width:640px) { .interstitial img {width:45%;} } @media (max-width:419px) { .mobile-only-1024 .iphone-text {margin-top:-8vh;} .mobile-only-1024 .iphone-text h2 {max-width:69vw;} .mobile-only-1024.full-width-title .iphone-text h2 {max-width:100%;} } .iphone-mobile.fader {position:relative; z-index:4; transform:rotate(-19deg); right:-10vh; max-width:310px; top:0vh; height:auto; margin-right:0; transition:.125s all ease-in-out !important;} .iphone-mobile.fader.opaque {top:-10vh; margin-right:50px; transition:.125s all ease-in-out !important;} @media (min-width:420px) { .iphone-mobile.fader {right:-10vh; max-width:350px;} } @media (min-width:480px) { .iphone-mobile.fader {right:-15vh; max-width:400px;} } @media (min-width:540px) { .iphone-mobile.fader {right:-22vh; max-width:400px;} } @media (min-width:620px) { .iphone-mobile.fader {right:-30vh; max-width:400px;} } @media (min-width:700px) { .iphone-mobile.fader {right:-40vh; max-width:400px;} } @media (min-width:850px) { .iphone-mobile.fader {right:-60vh; max-width:400px;} } @media (min-width:1023px) { .iphone-mobile.fader {right:-70vh; max-width:400px; transition:.25s all ease-in-out !important;} .iphone-mobile.fader.opaque {transition:.25s all ease-in-out !important;} } @media (max-width:767px) { .mobile_height_40 {height:50vh !important;} } .side-by-side .grid1, .side-by-side .grid2 {overflow:hidden; position:relative;} @media (min-width:1280px) { .side-by-side .grid-item .content-inner {padding:0 0 50px 50px;} .side-by-side.long-content .grid-item .content-inner {padding:0 0 0 50px;} .side-by-side.reversal .grid-item .content-inner {padding:0 50px 50px 0;} } .side-by-side .grid1:not(.content-panel) img, .side-by-side .grid2:not(.content-panel) img {position:absolute; left:-10000%; right:-10000%; top:-10000%; bottom:-10000%; margin:auto auto !important; min-width:1000%; min-height:1000%; -webkit-transform:scale(0.1); transform:scale(0.1); height:unset !important; width:unset !important; max-width:100000%; z-index:1;} .side-by-side.vari-height {grid-template-rows:1fr;} .side-by-side.vari-height .grid1 {width:100%; height:100%;} .side-by-side.vari-height .grid2 {width:100%; padding-top:125px; padding-bottom:125px;} .side-by-side.vari-height .grid1:not(.content-panel) img, .side-by-side.vari-height .grid2:not(.content-panel) img {} @media (max-width:1023px) { .side-by-side.vari-height {flex-wrap:wrap; display:flex;} .side-by-side.vari-height .grid1 {width:100%; height:50vh;} .side-by-side.vari-height .grid2 {width:100%; padding-top:75px; padding-bottom:75px;} } .side-by-side.vari-height.page-panel a.button-link {margin-top:0;} .content-panel ul {list-style:none; display:flex; flex-wrap:wrap; margin:30px 0;} .content-panel ul li {width:100%; display:flex; align-items:center; color:#6D295A; font-size:20px; min-height:54px;} @media (max-width:1023px) { .content-panel ul li {font-size:18px} } .content-panel ul.circle-exes li {color:rgba(0, 0, 0, 0.7); min-height:1px;} .content-panel ul.checks li {color:rgba(0, 0, 0, 0.7); min-height:1px;} .content-panel ul.circle-arrows li {color:rgba(0, 0, 0, 0.7); min-height:1px;} .content-panel ul li img {max-width:34px; margin-right:20px; height:auto; max-height:40px;} .content-panel ul li:nth-child(4) img {max-width:38px; margin-left:-4px;} .content-panel ul li img.smaller {max-width:28px; margin-right:23px; margin-left:3px; height:auto;} .content-panel {align-items:center; display:flex; flex-wrap:wrap; justify-content:flex-start;} .reversal .content-panel {justify-content:flex-end;} .content-inner {padding:50px; max-width:640px;} #main-panel-1.page-panel .content-inner {max-width:582px;} @media (max-width:767px) { #main-panel-1.page-panel .content-inner {margin:0 auto; padding-top:3vh;} .content-inner {padding:24px; max-width:100%;} .page-panel#main-panel-1 .grid2 {padding-top:30px;} .page-panel#main-panel-1.onevh-desktop .grid2 {padding-top:30px; padding-bottom:30px;} } @media (max-width:480px) { #main-panel-1.page-panel .content-inner {margin:0 auto; padding-top:6vh;} } @media (min-width:768px) { .page-panel#main-panel-1 .grid2 {padding-top:100px;} } .page-panel.vari-height {} .interstitial.page-panel.vari-height {min-height:68vh;} @media (max-width:767px) { .page-panel.onevh-mobile {height:100vh;} .page-panel.side-by-side .grid-item.grid1 {height:40vh;} #main-panel-1.page-panel.side-by-side .grid-item.grid1 {height:45vh;} .page-panel.side-by-side .grid-item.grid2 {height:unset; height:35vh;} } @media (min-width:768px) { .page-panel.onevh-desktop, .page-panel.onevh-desktop .grid-item {height:84vh;} } .page-panel.onevh, .page-panel.onevh .grid-item {height:84vh;} .page-panel.other {} .animStage {position:relative; overflow:hidden;} .animStage.z-index-1 {z-index:1;} h2.down {padding-left:64px; position:relative;} h2.down::before {content:''; background:url('/wp-content/uploads/2022/01/down_big.svg') no-repeat; background-size:contain; width:60px; height:63px; left:0; top:15px; position:absolute;} @media (max-width:1023px) { h2.down {padding-left:44px;} h2.down::before {width:40px; height:38px;} } h2.up {padding-left:64px; position:relative;} h2.up::before {-webkit-transform:rotate(180deg); transform:rotate(180deg); content:''; background:url('/wp-content/uploads/2022/01/down_big.svg') no-repeat; background-size:contain; width:60px; height:63px; left:0; top:14px; position:absolute;} @media (max-width:1023px) { h2.up {padding-left:44px;} h2.up::before {width:40px; height:38px; top:14px;} } h3.offset {padding:30px 0 0 30px; margin-left:190px; margin-top:-60px;} @media (max-width:767px) { h3.offset {padding:30px 0 0 30px; margin-left:0px; margin-top:0px;} } .card h4 {line-height:1.3em;} @media (max-width:767px) { .cell_12.carded {display:flex; align-items:center;} .cell_12.carded .cards {height:auto;} .cell_12 .card {margin:5px 0; padding:15px;} .cell_12 .card img {max-height:90px;} .cell_12 .card h4 {margin:0; font-size:18px;} .cell_12 .card h4.margin-fix {margin:0 0 10px; font-size:22px;} .cell_12 .card p {margin:12px 0 16px;} .no-padding-mobile .page-panel {padding:0 !important;} .cell_12.card_cta {margin-top:0;} } .flex-forward {flex-direction:row !important;} @media (max-width:1023px) { .flex-forward {align-items:flex-end;} .flex-forward img {max-height:170px !important;} } @media (max-width:500px) { .flex-forward {flex-direction:column-reverse !important;} } .cell_12 .card .flex {margin-top:8px; padding:0;} .page-panel.vertcenter {display:flex; align-items:center;} .page-panel.vertcenter.verttop {align-items: flex-start;} .masthead_reversal_image {width:100%; height:100vh; position:absolute; top:0; left:0; overflow:hidden;} .masthead_reversal_image img {position:absolute; left:-10000%; right:-10000%; top:-10000%; bottom:-10000%; margin:auto auto !important; min-width:1000%; min-height:1000%; -webkit-transform:scale(0.1); transform:scale(0.1); height:unset !important; width:unset !important; max-width:100000%; z-index:1;} .card h2, .card, h4 {text-align:left;} .calculator .cards {height:auto; width:100%; margin:30px 0 0; max-width:100%; min-height:200px;} .calculator .cards .card {position:relative; z-index:3;} .calculator .carded {height:auto !important;} .calculator .carded .card ul {display:flex; list-style:none; flex-wrap:nowrap; position:relative; z-index:2;} .calculator .carded .card ul li {display:block; list-style:none; width:calc(16.667% - 20px); margin:10px; border-radius:5px; border:1px solid #F4C7E8; color:#6D295A; text-align:center; padding:17px 0 15px; transition:.25s all ease-in-out; cursor:pointer;} .calculator .carded .card ul li:hover {border:1px solid #6D295A; transition:.25s all ease-in-out; font-weight:700;} .calculator .carded .card ul li.setup, .calculator .carded .card ul li.on {border:1px solid #6D295A; background:#FFE8F9; transition:.25s all ease-in-out; font-weight:700;} @media (max-width:1023px) { .calculator .carded .card ul {flex-wrap:wrap;} .calculator .carded .card ul li {width:calc(33.333% - 20px);} } @media (max-width:540px) { .calculator .carded .card ul li {padding:12px 0 10px;} } .results {position:absolute; opacity:0; width:calc(100% + 52px); padding:24px; left:-26px; bottom:-2vh; z-index:1; background:#FFE8F9; border:1px solid #ffb899; transition:.25s all ease-in-out;} @media (max-width:767px) { .results {width:calc(100% + 32px); left:-16px;} } .card_cta {margin-top:30px;} @media (max-width:767px) { .plain-panel a.arrow-link, .testimonial-shell a.arrow-link {position:relative; -webkit-transform:none; transform:none; bottom:unset; left:unset; margin-top:10px;} .results a.arrow-link, .card_cta a.arrow-link, .roles a.arrow-link {position:relative; -webkit-transform:none; transform:none; bottom:unset; left:unset; margin-top:10px; margin-left:0px;} .card_cta p {text-align:left;} .calculator h2 {text-align:left;} } .results.on {opacity:1; bottom:-30px; position:relative; transition:.25s all ease-in-out;} .calculator h4 {margin:20px 10px 10px !important; font-style:normal; font-weight:500; font-size:24px; line-height:32px; text-align:left; color:#4D4D4D;} @media (max-width:767px) { .page-panel.no-top-mobile {padding-top:0;} .calculator h4 {margin:10px 0 10px 10px !important; text-align:left; max-width:3320px; line-height:24px;} } @media (max-width:1023px) { .relative-mobile, .interstitial.relative-mobile {position:relative; min-height:auto !important;} .masthead_parallax .cell_6, .masthead_parallax .cell_7 {width:100% !important;} } @media (min-width:1024px) { .relative-desktop, .interstitial.relative-desktop {position:relative;} } .max-w-3xl {max-width:48rem !important;} .page-panel.vertcenter .flex {justify-content:space-between; display:flex; align-items:center;} .page-panel.vertcenter.verttop .flex {align-items:flex-start;} .flex.verttop {align-items:flex-start !important;} .flexPanel.verttop {align-items:flex-start !important;} .page-panel.vertcenter.vertbottom .flex {align-items:flex-end;} .flex.vertbottom {align-items:flex-end !important;} .page-panel.vertcenter .flex .cell_6 {width:100%; position:relative;} .flex.vertstretch {align-items:stretch !important;} .page-panel.vertcenter.vertstretch .flex {align-items:stretch;} @media (min-width:768px) { .page-panel.vertcenter .flex .cell_6 {width:50%;} } @media (max-width:767px) { .page-panel.vertcenter.reverse-flex-areas .flex {flex-direction:column-reverse;} .logo-study {display:flex; flex-direction:row-reverse; flex-wrap:wrap; justify-content:space-between; align-items:flex-start;} .logo-study img {float:none; width:auto !important; height:auto !important;} .logo-study img.alignright {float:none !important; width:23% !important; position:static; margin:0;} .logo-study img.alignleft {width:67% !important; float:none !important; height:auto; position:static;} } .masthead_video .halfwidthright {margin-top:15.8vh; transition:.3s margin ease-in-out;} .masthead_video .halfwidthright h1 {position:relative; z-index:9; max-width:580px; margin-top:0; margin-left:24px; margin-bottom:0px;} .masthead_video .halfwidthright p, .masthead_image .halfwidthright p {margin-left:24px; margin-top:12px;} @media (max-width:900px) { .infopanel .masthead_video .halfwidthright {margin-top:21.8vh; transition:.3s margin ease-in-out;} } @media (min-width:768px) { .masthead_video .halfwidthright {margin-top:18.8vh;} .infopanel .masthead_video .halfwidthright {margin-top:24.8vh;} } @media (min-width:1024px) { .masthead_video .halfwidthright h1.vertcenter {position:absolute; z-index:9; max-width:560px; margin-top:33vh; margin-left:4vw;} .masthead_video .halfwidthright, .masthead_image .halfwidthright {margin-top:33vh;} .masthead_video .halfwidthright h1.vertcenter, .masthead_image .halfwidthright h1.vertcenter {position:relative; z-index:9; max-width:560px; margin-top:0; margin-left:4vw; top:67px;} .masthead_video .halfwidthright p, .masthead_image .halfwidthright p {margin-left:4vw; margin-top:20px;} .masthead_video .halfwidthright h1, .masthead_image .halfwidthright h1 {top:67px;} .infopanel .masthead_video .halfwidthright h1, .infopanel .masthead_image .halfwidthright h1 {top:127px;} #main-panel-1 .interstitial h1 {top:67px; position:relative;} .masthead_video .halfwidthright h1.opaque, .masthead_image .halfwidthright h1.opaque {top:0px;} .masthead_video .halfwidthright h1.vertcenter.opaque, .masthead_image .halfwidthright h1.vertcenter.opaque, #main-panel-1 .interstitial h1.opaque {top:0; max-width:650px;} .masthead_video .halfwidthleft h1.vertcenter {position:relative; z-index:9; max-width:100%; margin-top:0; margin-left:0;} .masthead_video .halfwidthleft p {max-width:500px;} .masthead_video .halfwidthleft, .masthead_image .halfwidthleft {margin-top:33vh;} } @media (max-width:1332px) and (min-width:1024px) { .masthead_video .halfwidthleft {width:calc(100% - 48px);} } @media (max-width:1023px) { .masthead_video .halfwidthleft p {max-width:50%;} } @media (max-width:767px) { .masthead_video .halfwidthleft h1 {margin-top:110px; margin-bottom:0;} .masthead_video .halfwidthleft p {max-width:100%;} } .masthead_video h1.white {color:#fff !important;} .halfwidthright {justify-content:flex-end;} .flexPanel.twothirds {padding-left:42.33333%} @media (max-width:1024px) { .flexPanel.twothirds {padding-left:0;} } .flexPanel.twothirds .cell_8 {width:100%; position:relative; top:125px; padding:24px;} @media (max-width:767px) { .flexPanel.twothirds .cell_8 {padding:0 24px; top:105px;} } .flexPanel.twothirds .cell_8 h1 {position:relative; margin:0; line-height:1.1;} img.masthead_logo {max-width:250px; margin:0 0 20px;} .flexPanel.twothirds .cell_8 a.button-link {margin-top:0; width:auto; padding:14px 27px;} .flexPanel.twothirds .cell_8 p {margin:24px 0;} p.logo-study {display:flex; align-items:center; flex-direction:row-reverse; justify-content:space-between; z-index:1; position:relative;} p.logo-study img {float:none;} .citations * {color:#A6A6A6 !important;} .checks, .circle-arrows, .circle-exes {width:100%; list-style:none;} .checks li, .circle-arrows li, .circle-exes li {text-align:left; margin:0 0; padding:5px 30px 15px; position:relative; font-size:18px; line-height:1.3em;} .circle-exes li:before {content:''; background:url("/wp-content/themes/doc_rheum/images/xcircle.svg"); background-size:contain; width:20px; height:20px; position:absolute; left:0; top:6px;} .circle-arrows li:before {content:''; background:url("/wp-content/themes/doc_rheum/images/arrowcircle.svg"); background-size:contain; width:20px; height:20px; position:absolute; left:0; top:6px;} .checks li:before {content:''; background:url("/wp-content/themes/doc_rheum/images/checkcircle.svg"); background-size:contain; width:20px; height:20px; position:absolute; left:0; top:6px;} .cell_4 .checks, .cell_4 .circle-arrows, .cell_4 .circle-exes, .cell_6 .checks, .cell_6 .circle-arrows, .cell_6 .circle-exes {list-style:none; margin:10px 3px; margin:20px 0 0 0;} @media (min-width:767px) { .checks.twocolumns, .circle-arrows.twocolumns, .circle-exes.twocolumns {width:100%; display:flex; flex-wrap:wrap; align-items:flex-start; margin:0;} .checks.twocolumns li, .circle-arrows.twocolumns li, .circle-exes.twocolumns li {width:50%;} } @media (min-width:1024px) { .checks, .circle-arrows, .circle-exes {width:50%; margin-top:20px;} .cell_4 .checks, .cell_4 .circle-arrows, .cell_4 .circle-exes, .cell_6 .checks, .cell_6 .circle-arrows, .cell_6 .circle-exes {width:100%; margin:20px 0 0 0; list-style:none;} .checks li, .circle-arrows li, .circle-exes li {font-size:20px;} } .checks.green-checks {width:100%; list-style:none; margin:30px 0 30px 6px;} .checks.green-checks li {color:#4d4d4d !important;} .checks.green-checks li:before {content:''; background:url("/wp-content/themes/doc_rheum/images/greencheck.svg"); background-size:contain; width:20px; height:20px; position:absolute; left:0; top:6px;} .circle-exes h4 {margin-top:-7px;} .circle-arrows h4 {margin-top:-7px;} .circle-exes h5 {margin-top:-4px;} .circle-arrows h5 {margin-top:-4px;} .check h4 {margin-top:-7px;} .page-panel .flex .cell_12 .flex {padding:0; margin:10px 0;} .flexPanel .flex-panel-inner h4 {margin:24px 24px 0 0} .half-width {margin:0 auto !important; width:50%;} @media (max-width:1023px) { .half-width {width:75%;} } @media (max-width:767px) { .half-width {width:100%;} } @media (max-width:767px) { .reversal .grid2 {grid-area:1 / 1 / 2 / 2;} .reversal .grid1 {grid-area:2 / 1 / 3 / 2;} } .default-header {width:100%; display:flex; min-height:340px; margin-top:100px; justify-content:center; align-items:center;} .single-faq .default-header { min-height: unset;} .page-template-template-roles .default-header {margin:130px auto 50px; min-height:unset;} .page-template-template-faq .default-header {margin:200px auto 50px; min-height:unset;} .page-template-template-faq-no-nav .default-header {margin:180px auto 89px; min-height:unset;} .default-inner {width:100%; display:block;} .default-inner h1 {color:#6D295A; text-align:center;} @media (max-width:1023px) { .default-header, .default-inner {min-height:250px; margin-top:90px; display:flex; justify-content:center; align-items:center;} .page-template-template-roles .default-inner {display:block;} .default-inner {margin-top:0;} .default-inner h1 {font-size:52px !important;} } @media (max-width:767px) { .page-template-template-roles .default-header {margin:134px auto 50px; min-height:unset;} .default-header {min-height:0; margin:94px auto 50px; display:block;} .default-inner {min-height:0px;} .default-inner h1 {font-size:42px !important; text-align:left;} } .white-panel.faq {background:#fff; transition:.25s all ease-in-out; padding:27px 34px; border-radius:10px;} .white-panel.faq:hover {background:#faf7f5; transition:.25s all ease-in-out;} .accordion_handle {display:flex; justify-content:space-between; align-items:flex-start;} .accordion_title, .accordion_title p {font-weight:600; margin:0;} .operand {height:20px; width:20px; position:relative; top: 9px;} .operand .minus {width: 16px;height: 2px;top: 7px;position: absolute;background: #4d4d4d;} .operand .plus {height:16px; width:2px; left:7px; position:absolute; background:#4d4d4d; transition:.25s all ease-in-out;} .operand .plus.actively {transform:rotate(90deg); transition:.25s all ease-in-out;} .accordion_shelf {display:none; padding:1px 0;} .forminator-ui.forminator-design--default .forminator-label {color:#4d4d4d !important; font-size:14px !important;} .forminator-ui.forminator-design--default .forminator-input, .forminator-ui.forminator-design--default .forminator-input:hover, .forminator-ui.forminator-design--default .forminator-input:focus, .forminator-ui.forminator-design--default .forminator-input:active, .forminator-ui.forminator-design--default .forminator-textarea, .forminator-ui.forminator-design--default .forminator-textarea:hover, .forminator-ui.forminator-design--default .forminator-textarea:focus, .forminator-ui.forminator-design--default .forminator-textarea:active {background:#fffcfa !important; border:1px solid #a7a7a7 !important;} .forminator-ui.forminator-design--flat .forminator-input, .forminator-ui.forminator-design--flat .forminator-input input, .forminator-ui.forminator-design--default .forminator-input, .forminator-ui.forminator-design--default .forminator-input input {font-size:14px !important; padding:6px 16px !important; border:1px solid #a7a7a7 !important;} .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid="open"] .forminator-row:not(:last-child), .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid="open"] .forminator-row:not(:last-child) {margin-bottom:10px !important;} .forminator-ui.forminator-design--default .forminator-label .forminator-required {color:#ff4d00 !important;} .forminator-design--flat .forminator-input, .forminator-design--flat .forminator-input:hover, .forminator-design--flat .forminator-input:focus, .forminator-design--flat .forminator-input:active, .forminator-design--flat .forminator-textarea, .forminator-design--flat .forminator-textarea:hover, .forminator-design--flat .forminator-textarea:focus, .forminator-design--flat .forminator-textarea:active {background-color:#fffcfa !important; color:#000000; border:1px solid #a7a7a7 !important;} .forminator-ui.forminator-design--default .forminator-textarea, .forminator-ui.forminator-design--flat .forminator-textarea {font-size:14px !important; padding:6px 16px !important; height:80px !important} .forminator-design--default .forminator-has_error .forminator-textarea, .forminator-design--flat .forminator-has_error .forminator-textarea {box-shadow:inset 7px 0 0 0 #ff4d00 !important; -moz-box-shadow:inset 7px 0 0 0 #ff4d00 !important; -webkit-box-shadow:inset 7px 0 0 0 #ff4d00 !important;} .forminator-ui.forminator-design--default .forminator-error-message, .forminator-ui.forminator-design--flat .forminator-error-message {background-color:#FFE4D9 !important; color:#ff4d00 !important;} .forminator-ui.forminator-design--default .forminator-label .forminator-required, .forminator-ui.forminator-design--flat .forminator-label .forminator-required {color:#ff4d00 !important; font-size:16px !important;} .forminator-design--default .forminator-has_error .forminator-input, .forminator-design--flat .forminator-has_error .forminator-input {box-shadow:inset 7px 0 0 0 #ff4d00 !important; -moz-box-shadow:inset 7px 0 0 0 #ff4d00 !important; -webkit-box-shadow:inset 7px 0 0 0 #ff4d00 !important;} ul.circle-exes li h4, ul.circle-arrows li h4, ul.checks li h4 {margin-top:-5px; margin-bottom:5px;} .calculator-right .grid3 h4 {color:#6D295A; margin:0 !important; text-align:left;} @media (max-width:767px) { .calculator-right .grid3 h4 {text-align:center; margin:40px 15% 0 !important;} } .calculator-right h4.grey {text-align:center;} .calculator-right .results.on.contained {width:calc(100% + 2px); left:-1px; border-width:1px; text-align:left;} .calculator-right .results.on.contained h3 {text-align:left;} .calculator-right .calc-card {position:relative; margin-left:0; border:1px solid #feb799; text-align:center; max-width:90%; width:90%;} @media (max-width:767px) { .calculator-right .calc-card {width:calc(100% - 48px); margin:0 auto; max-width:calc(100vw - 48px);} .lchaim h2 {width:auto; margin:0px 24px 40px;} } .flex-h2 h2 {display:flex; justify-content:flex-start; align-items:center;} .flex-h2 h2 span {display:block; margin-right:20px;} h2 img {display:block; width:65px; height:65px; position:relative;} .tangerine-bottom-border {border-bottom:#FF4D00 7px solid; background-image:url(https://andhealthstg.wpengine.com/wp-content/uploads/2022/06/vert-lines.png); background-repeat:repeat-y; background-position:center center;} @media (max-width:1400px) { .tangerine-bottom-border {background-size:100% auto;} } @media (max-width:1023px) { .tangerine-bottom-border {background-image:none; position:relative;} .tangerine-bottom-border::before {height:100%; width:2px; position:absolute; left:17px; background:#faeade; top:0; content:'';} .tangerine-bottom-border::after {height:100%; width:2px; position:absolute; right:17px; background:#faeade; top:0; content:'';} } .tangerine-bottom-border .flex-panel-inner h4 {margin-left:0px !important; margin-right:0px !important; text-align:center;} .tangerine-bottom-border .flex-panel-inner ul {margin-left:0px;} .tangerine-bottom-border .flex-panel-inner p, .tangerine-bottom-border .flex-panel-inner li {font-size:16px; line-height:22px;} .h4_lines .flexPanel h2:not(.reset_size) {font-size:36px;} .h4_lines .flexPanel h2 {font-size:36px; margin:24px 24px 0 24px;} .h4_lines .flexPanel h3 {font-weight:500;} .h4_lines .flexPanel h4 {font-weight:500;} .h4_lines .flexPanel h4.flexheader {min-height:36px;} .flex-panel-inner {width:100%; margin-top:10px;} @media (max-width:1023px) { .flex-panel-inner {} .no-flex-padding .flex-panel-inner {padding:0 !important;} } .flex-panel-inner ul {list-style:disc; margin:30px 0 30px 40px; padding:0 0 0 20px; font-size:20px; line-height:24px;} @media (max-width:1023px) { .flex-panel-inner ul {font-size:18px;} } .flex-panel-inner .cell_6 ul.checks, .flex-panel-inner .cell_6 ul.circle-arrows, .flex-panel-inner .cell_6 ul.circle-exes {margin-left:0;} .flexPanel {display:flex !important; padding:0; width:calc(100% + 0px); max-width:1330px; flex-wrap:wrap;} .flexPanel.flexReverse {flex-direction:row-reverse;} .flexPanel .cell {display:block; padding:25px; position: relative;} .flexPanel .cell_1_5 {display:block; width:14.28%; padding:25px; position: relative;} .flexPanel .cell_2 {display:block; width:16.667%; padding:25px; position: relative;} .flexPanel .cell_2_5 {display:block; width:20%; padding:25px; position: relative;} .flexPanel .cell_3 {display:block; width:25%; padding:25px; position: relative;} .flexPanel .cell_4 {display:block; width:33.333%; padding:25px; position: relative;} .flexPanel .cell_5 {display:block; width:41.667%; padding:25px; position: relative;} .flex .cell_5 {display:block; width:41.667%; padding:25px; position: relative;} .flexPanel .cell_6 {display:block; width:50%; padding:25px; position: relative;} .flexPanel .cell_7 {display:block; width:58.333%; padding:25px; position: relative;} .flex .cell_7 {display:block; width:58.333%; padding:25px; position: relative;} .flexPanel .cell_8 {display:block; width:66.667%; padding:25px; position: relative;} .flexPanel .cell_9 {display:block; width:75%; padding:25px; position: relative;} .flexPanel .cell_10 {display:block; width:83.333%; padding:25px; position: relative;} .flexPanel .cell_12 {display:block; width:100%; padding:25px; position:relative;} @media (max-width:1023px) { .flexPanel .cell_1_5, .flexPanel .cell_2 {width:25%;} .flexPanel .cell_2_5, .flexPanel .cell_3 {width:33.333%;} .flexPanel .cell_4, .flexPanel .cell_5, .flex .cell_5, .flexPanel .cell_6, .flexPanel .cell_7, .flex .cell_7, .flexPanel .cell_8 {width:50%;} .flexPanel .cell_9 {width:66.667%;} .flexPanel .cell_10 {width:75%;} } @media (max-width:767px) { .flexPanel {padding:0 !important;} .flexPanel .cell_1_5, .flexPanel .cell_2, .flexPanel .cell_2_5, .subscribe .flexVert .cell_2 {width:50%;} .flexPanel .cell_3, .flexPanel .cell_4, .flexPanel .cell_5, .flex .cell_5, .flexPanel .cell_6, .flexPanel .cell_7, .flex .cell_7, .flexPanel .cell_8, .flexPanel .cell_9, .flexPanel .cell_10, .flexPanel .cell_12, .subscribe .flexVert .cell_3, .subscribe .flexVert .cell_7 {width:100%; padding:12px 0;} } .flexPanel .cell_111 {width:111px; padding:25px;} .flexPanel .cell_1111 {padding-bottom:0; width:calc(100% - 111px); padding:25px 25px 0 0;} @media (max-width:767px) { .flexPanel .cell_111 {width:77px; padding:17px 0;} .flexPanel .cell_1111 {width:calc(100% - 77px);} .flexPanel.mobile-padding {padding-left:25px !important;} } @media (max-width:419px) { .flexPanel .cell_111 {width:77px; padding:27px 0;} } @media (max-width:1200px) { h2.stat.green.smallermobile {font-size:48px;} } @media (max-width:991px) { h2.stat.green.smallermobile {font-size:32px; line-height:32px;} } .flex-list {width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:20px;} .flex-list li {width:49%;} @media (min-width:1024px) { .flexPanel .cell_4 .flex-list li {width:100%;} } li.icon {background-position:left center; background-repeat:no-repeat; background-size:5vh 5vh; margin:0; text-align:left; padding-left:7vh; min-height:5vh; align-content:center; align-items:center; display:flex; position:relative;} li.icon {margin:10px 0; font-size:18px;} @media (max-width:1023px) { li.icon {font-size:14px;} .icon a.arrow-link {position:relative; -webkit-transform:none; transform:none; bottom:unset; left:unset; margin-top:10px; margin-left:9px;} } @media (max-width:767px) { li.icon {font-size:16px; padding-left:5vh; background-size:4vh 4vh;} } .icon-doc {background-image:url('/wp-content/uploads/2022/02/Specialist.svg');} .icon-meds {background-image:url('/wp-content/uploads/2022/02/Med_Optimization.svg');} .icon-coach {background-image:url('/wp-content/uploads/2022/02/Coach.svg');} .icon-texts {background-image:url('/wp-content/uploads/2022/02/Responsive.svg');} .icon-root {background-image:url('/wp-content/uploads/2022/02/root_cause.svg');} .icon-shine {background-image:url('/wp-content/uploads/2022/02/supplement_design.svg');} .icon-chart {background-image:url('/wp-content/uploads/2022/02/labs.svg');} .icon-plan {background-image:url('/wp-content/uploads/2022/02/personalized_treatment.svg');} .icon-supp {background-image:url('/wp-content/uploads/2022/02/supplement.svg');} .icon-apple {background-image:url('/wp-content/uploads/2022/02/nutrition.svg');} .icon-chartcheck {background-image:url('/wp-content/uploads/2022/02/checkboard.svg');} .icon-app {background-image:url('/wp-content/uploads/2022/02/app-based.svg');} .icon-movement {background-image:url('/wp-content/uploads/2022/02/movement_rest.svg');} .icon-prevent {background-image:url('/wp-content/uploads/2022/02/acute_preventive.svg');} .icon-barchart {background-image:url('/wp-content/uploads/2022/02/measurement.svg');} .icon-offmeds {background-image:url('/wp-content/uploads/2022/02/off-meds.svg');} .icon-doc-grey {background-image:url('/wp-content/uploads/2022/02/traditional_specialist.svg');} .icon-meds-grey {background-image:url('/wp-content/uploads/2022/02/trial_error-2.svg');} @media (max-width:1023px) { .flexPanel.mobile-reverse {flex-direction:row-reverse;} } @media (max-width:767px) { .flexPanel.mobile-reverse {flex-direction:column-reverse;} } .center h4 {text-align:center !important; margin:20px 0;} .rings {position:absolute; width:120vh; top:-40vh; right:-30vw; max-width:960px;} .rings .ring {position:absolute; top:0; left:0; width:100%; height:auto; box-shadow:none; max-width:100000px;} .rings .ring-outer {animation:rotation 27s infinite linear;} .seventyfivevh .rings .ring-outer {animation:rotation 16s infinite linear;} .rings .ring-mid {animation:rotation 25s infinite linear;} @keyframes clockwiseSpin { from {transform:rotate(0deg);} to {transform:rotate(360deg);} } .seventyfivevh .rings .ring-mid {animation-duration:14s; animation-iteration-count:infinite; animation-name:clockwiseSpin; animation-timing-function:linear;} .rings .ring-inner {animation:rotation 23s infinite linear;} .seventyfivevh .rings .ring-inner {animation:rotation 12s infinite linear;} @keyframes rotation { from {transform:rotate(0deg);} to {transform:rotate(-359deg);} } @media (max-width:1023px) { .rings {width:110vh; height:110vh; top:-35vh; right:-12vh;} #main-panel-1 .interstitial {min-height:60vh !important;} #main-panel-1 .interstitial h1 {padding-top:10vh !important;} } @media (max-width:767px) { .rings {width:60vh; height:60vh; top:-15vh;} } .flex-bottom {flex-direction:row-reverse; top:120px; position:sticky;} .flex-bottom .meta {bottom:125px; position:absolute; z-index:3; left:0;} .flex-bottom .ceo {position:absolute; right:0;} .ceo_panel img {width:475px; position:relative;} @media (max-width:767px) { .ceo_panel img {right:-80px; position:relative;} } @media (max-width:640px) { .ceo_panel img {right:-140px; width:410px; position:relative;} } @media (min-width:1023px) and (max-height:700px) { .ceo_panel img {right:-80px;} } @media (min-width:768px) { .ceo_panel .cell_6:last-child {position:relative; z-index:444;} } .ceo_panel {overflow:visible; margin-top:238px;} .ceo_panel .meta {position:absolute; bottom:-64px; left:50%; transform:translateX(-50%); text-align:center; z-index:5;} @media (max-width:767px) { .ceo_panel .meta {position:relative; bottom:30px; left:0; transform:none; text-align:left;} } @media (max-width:419px) { .ceo_panel .meta {bottom:10px; margin-bottom:50px;} } .ceo-panel {position:absolute; top:-386px; left:50%; transform:translateX(-50%); width:475px;} @media (max-width:767px) { .ceo-panel {position:absolute; top:-337px;} } @media (max-width:640px) { .ceo-panel {position:absolute; top:-305px;} } .page-panel.vertcenter .leadership .flex {padding-left:0 !important; justify-content:flex-start; margin-top:20px; margin-bottom:0;} ul.leadership { width: calc(100% - 48px); max-width: unset; justify-content: center; margin-top: 20px; margin-left: 24px; } ul.leadership li {width:100%; text-align:center;} ul.leadership li * {width:100%; text-align:center !important; line-height:28px;} @media (max-width:767px) { ul.leadership {width:calc(100% + 48px); max-width:unset; justify-content:center; margin-top:20px; margin-left:-24px;} ul.leadership li {width:calc(100% - 48px); margin:0 24px;} ul.leadership li img {max-width:75%; margin:0 auto;} } .linkedin, .linkedin img, .infolink, .infolink img {width:24px; height:24px; position:relative; margin-left:10px; margin-top:-2px; display:block;} .page-panel.vertcenter.leadership-panel {min-height:1px !important;} @media (max-width:767px) { ul.leadership.mobile_offset {margin-top:500px;} img.mobile_offset {position:absolute; top:-900px; max-width:570px; width:100%;} } @media (max-width:540px) { ul.leadership.mobile_offset {margin-top:400px;} img.mobile_offset {position:absolute; top:-810px;} } @media (max-width:500px) { img.mobile_offset {position:absolute; top:-740px;} } @media (max-width:1023px) { .page-panel.vertcenter .flex .cell_6.leadership_cell {padding:20PX 0 0;} } .statical ul.leadership { display: flex;flex-wrap: wrap;gap: 24px; justify-content: flex-start;} .statical ul.leadership li { width: calc(33.33% - 16px);text-align: center;} .statical ul.leadership li div.greencheck { margin-top:11px;} .statical.page-panel.vertcenter .leadership .flex {padding-left: 0 !important;justify-content: flex-start;margin-top: 15px;margin-bottom: 16px;} @media (min-width:768px){ .statical .z-10 { justify-content: flex-end !important; margin-right:0 !important;} .statical .z-10 p {margin: 18px 0;} .statical.page-panel.vertcenter .flex .cell_6.leadership_cell { padding: 0;} } @media (max-width:767px){ .mx-auto.relative.z-10.flex.cell_6.centermobile.leadership_cell { padding:0;} .mx-auto.relative.z-10.flex.cell_6.centermobile.leadership_cell p { text-align:center; width:100%; } .statical ul.leadership {margin-top: 0;padding-top: 0;} .statical ul.leadership li img {max-width: 100%;margin: 0 auto;} .separate-links a {width: 75% !important; margin-bottom: 0 !important;} .separate-links a:last-child {margin-bottom: 30px !important;} } .bg-plum p {color:#fffcfa;} .bg-plum p.green {color:#45593f !important;} .centered img {display:inline-block; margin:20px; max-width:82%;} p.strikethrough {text-decoration:line-through; color:#A6A6A6 !important; font-weight:bold;} .flyout_card {position:absolute; left:110vw; padding:40px; top:70px; width:50vw; text-align:left; background:#fffcfa; -moz-box-shadow:0px 0px 0px rgba(255, 245, 235, .186); -webkit-box-shadow:0px 0px 0px rgba(255, 245, 235, .186); box-shadow:0px 0px 0px rgba(255, 245, 235, .186); transition:.5s all ease-in-out;} @media (max-width:1023px) { .flyout_card {padding:24px; top:20px; left:110vw; width:75vw;} } @media (max-width:540px) { .flyout_card {padding:24px; right:unset; width:90vw; left:110vw;} } .flyout_card.actively {left:50vw; transition:.5s all ease-in-out; -moz-box-shadow:-80px 40px 40px rgba(255, 245, 235, .86); -webkit-box-shadow:-80px 40px 40px rgba(255, 245, 235, .86); box-shadow:-80px 40px 40px rgba(255, 245, 235, .86);} @media (max-width:1023px) { .flyout_card.actively {left:25vw; transition:.5s all ease-in-out;} } @media (max-width:540px) { .flyout_card.actively {left:10vw; transition:.5s all ease-in-out;} } .flyout_handle {position:relative; padding-right:30px; text-decoration:underline; color:#FF4D00; transition:.25s all ease-in-out; font-weight:600; cursor:pointer; margin-top:8px; display:inline-block; white-space:nowrap;} .flyout_handle:hover {color:#FF4D00;} .flyout_handle::after {content:''; width:30px; height:16px; background:url('data:image/svg+xml; utf8,') no-repeat; background-size:contain; position:absolute; right:-10px; top:13px; transition:.25s all ease-in-out; bottom:unset; left:unset;} .flyout_handle:hover::after {background:url('data:image/svg+xml; utf8,') no-repeat; transition:.25s all ease-in-out; right:-25px; width:20px;} @media (max-width:1023px) { .flyout_handle {margin-top:30px;} .flyout_handle::after {top:7px;} } .closeX {width:24px; height:24px; top:24px; right:24px; position:absolute;} .closer {position:absolute; width:24px; height:24px; top:24px; right:24px;} .closeX::before {width:24px; height:2px; top:11px; transform:rotate(45deg); position:absolute; content:''; background:#4d4d4d;} .closeX::after {width:24px; height:2px; top:11px; transform:rotate(-45deg); position:absolute; content:''; background:#4d4d4d;} .infoX {width:16px; height:16px; top:14px; right:20px; position:absolute; cursor:pointer; z-index:999;} .infoX::before {width:16px; height:2px; top:7px; transform:rotate(45deg); position:absolute; content:''; background:#fffcfa; transition:.25s all ease-in-out;} .infoX::after {width:16px; height:2px; top:7px; transform:rotate(-45deg); position:absolute; content:''; background:#fffcfa; transition:.25s all ease-in-out;} .infoX:hover::before {transition:.25s all ease-in-out; transform:rotate(0deg); background:#ffb899;} .infoX:hover::after {transition:.25s all ease-in-out; transform:rotate(0deg); background:#ffb899;} .left-aligned, .left-aligned * {text-align:left !important;} .right-aligned, .right-aligned * {text-align:right !important;} .centered, .centered * {text-align:center !important;} .basic .page-panel {padding:150px 24px;} @media (max-width:1023px) { .basic .page-panel {padding:100px 0px;} } .basic .page-panel.squat {padding:75px 24px;} @media (max-width:1023px) { .basic .page-panel.squat {padding:50px 0px;} } .page-panel.squattop {padding:75px 24px 150px !important;} .page-panel.squatbottom {padding-bottom:75px !important;} /* large screens */ @media (min-width:1024px) { .page-panel.squattop-desktop {padding-top:75px!important;} .page-panel.squatbottom-desktop {padding-bottom:75px!important;} } @media (max-width:1023px) { .page-panel.squattop {padding:50px 0px 100px!important;} .page-panel.squatbottom {padding-bottom:50px!important;} .page-panel.squattop-mobile {padding-top:50px!important;} .page-panel.squatbottom-mobile {padding-bottom:50px!important;} } @media (min-width:1024px) { .page-panel.flexPanel { width:calc(100% + 48px); margin-left:-24px;} } .basic {z-index: 99;position: relative;width: calc(100% + 48px);margin-left: -24px;} @media (max-width:767px){ .basic {width: 100%;margin-left: 0;} .basic { width: calc(100% + 0); margin-left: 0; } .plain-panel .flexPanel .cell_12 .flexPanel { padding-left:24px; padding-right:24px} } .basic .page-panel.bg-plum, .basic .page-panel.bg-yellow-mid, .basic .page-panel.interstitial, .basic .page-panel.results-dealy {min-height:1px !important;} .career_testimonial .cell_4 {padding-bottom:0px;} @media (max-width:1023px) { .career_testimonial .cell_4 {padding-bottom:78px;} } @media (max-width:767px) { .career_testimonial .cell_4 {padding-bottom:200px;} } .career_testimonial h4 {margin-bottom:20px; position:relative; z-index:2; font-weight:500; font-size:18px; line-height:29px;} .career_testimonial h4.slate {margin-top:50px; position:relative; z-index:2; font-size:18px; margin-bottom:0; line-height:1;} .career_testimonial p {margin-top:10px; z-index:1; font-size:18px; position:static;} .career_testimonial p.slate {z-index:2; position:relative;} .career_testimonial img.portrait {position:absolute; right:-100px; bottom:-175px; z-index:1;} @media (max-width:1023px) { .career_testimonial img.portrait {right:-60px; bottom:-225px;} } @media (max-width:767px) { .career_testimonial img.portrait {max-width:380px; right:-60px; bottom:-5px;} } @media (max-width:519px) { .career_testimonial img.portrait {bottom:-105px;} } .career_testimonial .cell_4, .career_testimonial .cell_6, .career_testimonial .cell_12 {position:relative;} .pluslist li {position:relative; padding-bottom:20px; padding-left:30px; line-height:1.35em} .pluslist li:before {content:''; background:url("/wp-content/themes/doc_rheum/images/plus.svg"); background-size:contain; width:20px; height:20px; position:absolute; left:0; top:3px; font-size:18px;} .pluslist.plus-blue { list-style:none; margin-left: 0; padding-left: 0; max-width: 540px; margin-bottom: 0;} .pluslist.plus-blue li:before {background-image:url("/wp-content/themes/doc_rheum/images/plus-blue.svg"); } @media (min-width:1024px) { .pluslist li {font-size:20px;} } .pluslist.plus-blue li{font-style: normal;font-weight: 500;font-size: 24px;line-height: 29px;} @media (max-width:767px) { .pluslist.plus-blue li {font-style: normal;font-weight: 400;font-size: 18px;line-height: 1.25em;padding: 0 0 6px 28px;} .pluslist li::before { width: 16px; height: 16px;} } ul.empty-circle { list-style-type: circle; margin-left: 0; list-style: none; padding-left:0;} ul.empty-circle li { position:relative; padding-left:20px; margin-bottom: 12px;} ul.empty-circle li::before { background:url("/wp-content/themes/doc_rheum/images/Ellipse685.svg") no-repeat; background-size: contain; content: ''; top:4px; left:0; position: absolute; width:15px; height: 15px;} @media (max-width:767px) { .mobile-reseize {position:relative; width:calc(100% + 48px); margin-left:-24px; top:-100px;} } #copy {margin:20px 10px 0 0;} .teammember-template-default .white-panel {min-height:420px;} .teammember-template-default .white-panel p {position:relative; z-index:2;} .teammember-template-default .white-panel img {border-radius:250px;} .teammember-template-default .white-panel a {width:33.33%; float:left; margin:0 24px 24px 0; border-radius:250px; position:relative; z-index:1;} @media (max-width:1023px) { .teammember-template-default .white-panel a {float:right; margin:24px 0 24px 24px;} .teammember-template-default .white-panel {min-height:0;} } .teammember-template-default .non-team {display:none;} a.rel {width:0; height:0; opacity:0; top:-150px; position:absolute;} @media(max-width:767px){ .mobile-rel a.rel { top:-50px;} } .h4_lines .flex-panel-inner h4 {margin-bottom:8px; border-top:1px solid #ddd; padding-top:18px;} .h4_lines .flex-panel-inner h4:first-of-type {border:none; padding-top:none;} .h4_lines .flex-panel-inner h2 {line-height:43px; margin-bottom:16px;} .story-outer .page-panel {margin-right:0; padding-right:0 !important; margin-left:0; padding-left:0 !important;} .story-outer .funkiness {max-width:100% !important; position:relative; width:100%; padding:0; margin-bottom:0;} .story-outer .funkiness .innerfunk {position:relative; max-width:700px; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); width:100%; padding:70px 0;} @media (min-width:1024px) { .innerfunk h2 {text-align:center;} } @media (max-width:1023px) { .innerfunk {padding-right:24px !important; padding-left:24px !important;} } .story-outer .funkiness:first-child .innerfunk {padding-top:0;} .story-outer .funkiness:last-child .innerfunk {padding-bottom:0;} .legitscript, .slipgrid {position:relative; padding: 0 24px;} .legitscript a.legitlink {position:absolute; height:100%; width:100%; top:0; left:0; z-index:999999;} .entry-content ul {list-style:disc; margin-left:40px; margin-top:20px; margin-bottom:20px;} .entry-content ul li {padding-left:20px; font-size:20px; line-height:1.5em;} @media (max-width:1023px) { .entry-content ul li {font-size:18px;} } .entry-content ul li ul {list-style:circle;} .entry-content ol {list-style:none; counter-reset:item; margin-left:45px;} .widen-to-full .max-w-7xl, .widen-to-full .max-w-6xl, .widen-to-full .max-w-5xl, .widen-to-full .max-w-4xl, .widen-to-full .max-w-3xl {max-width:80rem !important;} @media (max-width:1023px) { .max-w-4xl, .max-w-6xl, .max-w-3xl, .flexPanel.max-w-7xl, .max-w-5xl {padding-right:24px !important; padding-left:24px !important;} } .entry-content ol li {counter-increment:item; margin-bottom:5px; position:relative; font-size:20px; line-height:1.5em; padding:10px 0px;} @media (max-width:1023px) { .entry-content ol li {font-size:18px;} } .entry-content ol li::before {position:absolute; content:counter(item); background:#ff4d00; border-radius:100%; color:white; width:31px; height:31px; left:-45px; top:9px; text-align:center; display:block; font-size:20px; font-weight:500; line-height:30px;} @media (max-width:1023px) { .entry-content ol li::before {font-size:18px; height:28px; width:28px;} } .rel-override .relative {position:static;} .calculator .cell_12 {position:relative; z-index:3;} .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form[data-design="default"] .forminator-label[for], .forminator-ui.forminator-custom-form[data-design="default"] .forminator-label {cursor:pointer; font-weight:600 !important; margin-top:12px !important;} .top_infopanel .flex-center {justify-content:center; align-items:center; padding:10px 0;} .masthead_video .halfwidthright a.button-link {position:absolute; margin-left:8vw; margin-top:85vh;} .masthead_video .halfwidthright .mastheadbuttons {margin-top:32px;} .masthead_video .halfwidthright .mastheadbuttons a.button-link {position:static; margin-left:0; margin-top:0; margin-right:24px;} @media (max-width:1023px) { .masthead_video .halfwidthright .mastheadbuttons {margin-left:0;} .masthead_video .halfwidthright a.button-link {margin-right:24px;} } @media (max-width:767px) { .masthead_video .halfwidthright .mastheadbuttons {margin-left:24px;} .masthead_video .halfwidthright a.button-link {margin-top:75vh; width:auto;} .with-button .app-badge {right:unset; left:24px; bottom:12vh;} } @media (max-width:480px) { .masthead_video .halfwidthright .mastheadbuttons a.button-link {position:static; margin-left:0; margin-top:0; margin-right:24px; display:block; max-width:50%; min-width:140px; margin-bottom:16px;} } .top_infopanel .flex-center h4 {font-style:normal; font-weight:normal; font-size:18px; line-height:24px; color:#FFFCFA; margin-right:10px;} .top_infopanel .flex-center a {font-style:normal; font-weight:500; font-size:16px; line-height:24px; color:#FFFCFA; text-decoration-line:underline; margin-top:0;} .top_infopanel .flex-center a.arrow-link.light {position:relative; top:0;} @media (max-width:767px) { .top_infopanel .flex-center a.arrow-link.light {font-size:12px; line-height:24px; margin:0 0 0 -26px} } .infopanel #main-panel-1.plain-panel {padding-top:50px;} @media (max-width:767px) { .error404 .default-inner h1 {font-size:24px !important;} } .clock {display:flex; align-items:center; font-weight:400; font-size:12px; line-height:16px; color:#4D4D4D; margin:-10px 0 32px;} .clock img {width:24px !important; height:24px; margin:0 8px 0 0 !important;} .card_slider h2 {text-align:left; z-index:2; position:relative;} .card_insert {padding:50px 0 0;} .card_slider .card_insert h2 {text-align:center; max-width:960px; margin:0 auto 30px;} @media (max-width:1023px) { .card_slider h2 {padding:0 24px 20px;} } .card_slider h3 {margin-bottom:20px;} .card_slider h4 {margin-bottom:10px;} .card_slider h4.tangerine {margin-bottom:16px;} .card_slider p {margin:0 0 20px 0 !important;} .card_slider .card {border-left:2px solid #FF4D00 !important; padding-top:0 !important; position:relative;} .card_slider .cards {height:auto; z-index:2;} @media (max-width:1023px) { .card_slider .cards {max-width:calc(100% + 24px); height:auto; margin-left:-24px;} } .slick-track {display:flex !important;} .slick-slide {height:inherit !important;} @media (min-width:1024px) { .page-panel.card_slider {width:calc(100vw - 48px) !important;} } .card_slider .card.mobile-only-1024 {background:none; border:none;} .card_slider .card.mobile-only-1024 p {padding-left:24px;} .card_slider .card.mobile-only-1024 a.button-link {width:auto;} .page-panel.card_slider {overflow:hidden; width:100%; position:relative;} .page-panel.card_slider .cell_12.carded {overflow:hidden; position:relative;} @media (min-width:1024px) { .card_slider_on .card_slider, .card_slider_on .card_slider .cell_12.carded, .card_slider_on .card_slider .slick-slider {position:static;} } .sixtypercent {background:url(/wp-content/uploads/2022/05/sixtypercent.svg) no-repeat; background-size:contain; height:400px; width:400px; display:flex; align-items:center; align-content:flex-start;} @media (max-width:767px) { .sixtypercent {position:relative; right:-20px; margin-left:calc(100% - 370px); text-align:right; justify-content:flex-end; display:flex; margin-top:20px;} } @media (max-width:364px) { .sixtypercent {margin-left:calc(100% - 347px);} } .circle-inner {display:flex; flex-wrap:wrap; align-items:center; padding:0 30px;} @media (max-width:1249px) { .circle-inner {display:flex; flex-wrap:wrap; align-items:center; padding:0 80px;} } @media (max-width:1023px) { .circle-inner {padding:0 50px;} } .sixtypercent .stat {font-size:72px;} .page-panel.no-top {padding-top:10px !important;} .page-panel.no-bottom {padding-bottom:10px !important;} .page-panel.zero-top {padding-top:0 !important;} .page-panel.zero-top .flexPanel .cell_12 {padding-top:0 !important;} .page-panel.zero-top .flexPanel .cell_12 .flex-panel-inner {margin-top:0px;} .page-panel.zero-bottom {padding-bottom:0 !important;} .company-stats h3 {max-width:410px; text-align:left; margin-bottom:10px;} @media (max-width:767px) { .page-panel.no-bottom-mobile {padding-bottom:0 !important;} .page-panel.no-top-mobile {padding-top:0 !important;} } @media (min-width:768px) { .page-panel.no-bottom-desktop {padding-bottom:0 !important;} .page-panel.no-top-desktop {padding-top:0 !important;} } @media (max-width:767px) { .company-stats h3 {text-align:center; margin-bottom:20px;} } .stat-float {max-width:810px; margin-left:calc(100% - 810px); width:100%;} .stat-float .horizinner {background:#C2DEB9; height:12px;} .stat-float .horizbar {background:#EBF9E7;} @media (max-width:1024px) { .stat-float .stat_span .stat_inner {width:100%} .stat-float {margin-left:0;} .stat-float .stat_span {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;} } .faq_panel .faq {width:100%; border-top:1px solid #FF4D00; padding:16px;} .faq_panel .faq:last-child {border-bottom:1px solid #FF4D00;} .faq_panel .accordion_title {font-weight:400; width:calc(100% - 30px); margin:0; cursor:pointer;max-width: 750px;} .faq_panel .accordion_title p {font-weight:400; margin:0; cursor:pointer;} .faq_panel .accordion_shelf {padding:1px 0 1px 0; max-width: 750px;} .faq_panel .operand .plus {background:#FF4D00; cursor:pointer;} .faq_panel .operand .minus {background:#FF4D00; cursor:pointer;} .faq_list_outer {width:100%;} .faq_list_desc {padding:40px 0; text-align:center; width:100%;} .faq_list_desc a.button-link {width:auto;} .hide-all {display:none !important; height:0px !important; width:0px !important; position:fixed !important; overflow:hidden !important; visibility:hidden !important; opacity:0 !important;} .datatable {width:100%;} .datatable th {width:50%; padding:25px; position:relative; line-height:24px; text-align:center;} .datatable td {width:50%; padding:25px; position:relative; line-height:24px; text-align:left;} .datatable td, .datatable td p {font-size:20px; text-align:left;} .datatable td::after {position:absolute; height:1px; background:#d8d8d8; width:calc(100% - 50px); content:''; bottom:0; left:25px;} .datatable td a.button-link {margin-top:0 !important; width:auto;} .datatable tr:last-child td::after {display:none;} @media (max-width:1023px) { .datatable {width:calc(100% + 48px); margin:0 -24px;} .datatable td, .datatable td p {font-size:18px; text-align:left;} } @media (max-width:419px) { .datatable td a.button-link {padding:7px 12px; font-size:16px;} } @media (min-width:1024px) { .extra-padding-desktop {padding-bottom:350px !important;} .desktop-75 {margin-top:-75px;} } @media (max-width:1023px) { .mainnav .flex.items-center.justify-between {justify-content:flex-end !important;} } .max-w-3xl.flexPanel {max-width:48rem;} .max-w-4xl.flexPanel {max-width:56rem} .max-w-5xl.flexPanel {max-width:64rem} .max-w-6xl.flexPanel {max-width:68.5rem} .max-w-65xl.flexPanel {max-width:75rem; margin: 0 auto; padding:0;} .max-w-7xl.flexPanel {max-width:80rem;} .eightypercent {background:url(/wp-content/uploads/2022/08/eightypercent.svg) no-repeat; background-size:contain; height:400px; width:400px; display:flex; align-items:center; align-content:center; position:relative; top:100px; transition:.5s all .25s ease-in-out; opacity:0; transform:scale(75%);} .eightypercent.opaque {transition:.5s all .25s ease-in-out; top:0; opacity:1; transform:scale(100%);} @media (max-width:767px) { .eightypercent {position:relative; margin-left:auto; margin-right:auto; right:center; text-align:right; justify-content:flex-end; display:flex; margin-top:-20px; top:0; opacity:1; transform:scale(100%);} } @media (max-width:480px) { .eightypercent {height:300px; width:300px;} } @media (max-width:364px) { .eightypercent {} } .eightypercent .stat {font-size:94px; text-align:center; width:100%; margin-bottom:20px; display:block;} @media (max-width:767px) { .eightypercent .stat {font-size:72px;} } .eightypercent h2 {text-align:center; opacity:0; transition:.5s opacity .25s ease-in-out;} .eightypercent.opaque h2 {text-align:center; transition:.5s opacity .25s ease-in-out; opacity:1;} .eightypercent::after {position:absolute; bottom:0px; content:''; background:#ffb899; border-radius:100%; right:42.5%; transition:.5s all 0s ease-in-out; width:15%; height:15%;} .eightypercent.opaque::after {right:0; transition:1s all .25s ease-in-out; width:25%; height:25%;} @media (max-width:767px) { .centermobile, .mobilecenter, .center-mobile, .center_mobile, .mobile-center, .mobile_center {text-align:center !important; margin-left:auto !important; margin-right:auto !important;} .centermobile a.button-link.plum { margin-left:auto !important;} } h4.fader {position:relative; top:0px;} h4.fader.opaque {top:0px;} @media (min-width:768px) { .reverseDesktop .flexPanel {flex-direction:row-reverse;} } @media (max-width:767px) { .reverseMobile .flexPanel {flex-direction:row-reverse;} } .reverseAll .flexPanel, .reverse .flexPanel {flex-direction:row-reverse;} .graphs .flexPanel .flex-panel-inner h4 {margin-left:0; margin-bottom:18px;} h2.plumarrow::before {content:''; position:relative; top:0; left:0; background:url(/wp-content/uploads/2022/08/plumarrow.svg) no-repeat; width:38px; height:30px; display:inline-block;} @media (max-width:1250px) { h2.plumarrow::before {width:30px; height:24px;} } @media (max-width:1250px) { h2.plumarrow::before {width:25px; height:18px;} } .bargraph {background:url(/wp-content/uploads/2022/08/chartgrid-noaxes.svg) no-repeat; background-size:contain; width:400px; height:319px; position:relative;} @media (max-width:991px) { .bargraph {width:370px; height:296px;} } @media (max-width:419px) { .bargraph {width:332px; height:266px;} } @media (max-width:379px) { .bargraph {width:317px; height:253px;} } @media (max-width:350px) { .bargraph {width:300px; height:240px;} } .bargraph::after {content:''; position:absolute; background:url(/wp-content/uploads/2022/08/curvearrow.svg) no-repeat; width:25px; height:40px; bottom:22%; right:1px; opacity:0; transition:.25s all 0s ease-in-out;} .bargraph.opaque::after {bottom:20%; opacity:1; transition:.25s all .75s ease-in-out;} .bargraph::before {content:'-86%'; position:absolute; right:7%; bottom:39%; z-index:3; opacity:0; transition:.25s all 0s ease-in-out;} .bargraph.opaque::before {bottom:29%; opacity:1; transition:.25s all .75s ease-in-out;} .bargraph div {background:rgb(255, 209, 189); background:linear-gradient(0deg, rgba(255, 209, 189, 1) 0%, rgba(255, 171, 135, 1) 100%); height:83%; position:absolute; right:7%; bottom:12.7%; width:9%; transition:.5s all ease-in-out;} .bargraph div.bar-2 {right:75%;} .bargraph div.bar-3 {right:58%;} .bargraph div.bar-4 {right:41%;} .bargraph div.bar-5 {right:24%;} .bargraph.opaque div {transition:1s all ease-in-out;} .bargraph.opaque div.bar-3 {height:41.5%;} .bargraph.opaque div.bar-4 {height:20%;} .bargraph.opaque div.bar-5 {height:14%;} .bargraph.opaque div.bar-1 {height:12%; background:#ff4d00;} .bargraph.seventy::before {content:'-70%'; bottom:50%;} .bargraph.seventy.opaque::before {bottom:40%;} .bargraph.seventy.opaque div.bar-3 {height:71%;} .bargraph.seventy.opaque div.bar-4 {height:41.5%;} .bargraph.seventy.opaque div.bar-5 {height:30%;} .bargraph.seventy.opaque div.bar-1 {height:25%;} .graphs .cell_5 {padding:0 25px;} .graphs .cell_5 .flex-panel-inner {position:relative;} @media (min-width:767px) { .graphs.padding7 .cell_7 {padding-right:8%;} } .bargraph-axis {position:absolute; width:400px; height:319px; top:0; left:1%;} @media (max-width:991px) { .bargraph-axis {width:370px; height:296px;} } @media (max-width:419px) { .bargraph-axis {width:332px; height:266px;} } @media (max-width:379px) { .bargraph-axis {width:317px; height:253px;} } @media (max-width:350px) { .bargraph-axis {width:300px; height:240px;} } .bargraph-axis::before {position:absolute; content:''; width:83%; height:1px; background:#6D295A; bottom:12.5%; z-index:5; z-index:5; left:9%;} .bargraph-axis::after {position:absolute; content:''; width:1px; height:83%; background:#6D295A; bottom:12.5%; z-index:5; left:9%;} .seventyfivevh {max-height:82vh; min-height:50vh; height:82vh; position:relative;} .seventyfivevh .windowpane {position:relative; height:82vh; width:100%; overflow:hidden;} .seventyfivevh .windowpane img {position:absolute; bottom:0PX; right:0px; width:100% !important; height:100% !important; max-width:unset; object-fit:cover;} @media (max-width:1350px) { .seventyfivevh {max-height:82vh; min-height:50vh; height:82vh;} .seventyfivevh .windowpane {position:relative; height:82vh; width:100%; overflow:hidden;} .seventyfivevh .windowpane img {position:absolute; bottom:0PX; right:0px; width:auto !important; height:82VH !important; max-width:unset; object-fit:unset;} } @media (max-width:1023px) { .seventyfivevh {height:60vh;} .seventyfivevh .windowpane {position:relative; height:60vh; width:100%;} .seventyfivevh .windowpane img {position:absolute; bottom:0PX; right:0px; width:auto !important; height:60VH !important; max-width:unset;} } @media (max-width:767px) { .seventyfivevh .windowpane img {right:-10%;} } @media (max-width:640px) { .seventyfivevh .windowpane img {right:-25%;} } @media (max-width:559px) { .seventyfivevh .windowpane img {right:-38%;} } @media (max-width:419px) { .seventyfivevh .windowpane img {right:-55%;} } .seventyfivevh .rings {top:-50vh; right:unset; left:-30vw;} @media (max-width:1250px) { .seventyfivevh .rings {width:90vh;} } @media (max-width:991px) { .seventyfivevh .rings {width:60vh; top:-30vh; right:unset; left:-22vw;} } @media (max-width:640px) { .seventyfivevh .rings {width:75vw; top:-34vw; right:unset; left:-25vw;} } .basic.full-screen-width .page-panel {padding-left:0 !important; padding-right:0 !important;} .basic.full-screen-width .page-panel .flexPanel {max-width:100% !important;} .basic.full-screen-width .page-panel .flexPanel .cell_12 {padding-left:0 !important; padding-right:0 !important;} .basic.full-screen-width .page-panel .flexPanel .cell_12 .flexPanel {max-width:1100px !important; justify-content:center; margin:0 auto; flex-wrap:nowrap;} .break-1 {margin-top:24px;} .ovals {position:relative; padding:16px 0;} .ovals .flexPanel {position:relative; z-index:3;} .ovals .flexPanel .cell_4 {border-radius:230px; border:2px solid #FFE4D9; display:flex; align-items:center; flex-wrap:wrap; margin:0 16px;} .ovals .flexPanel .cell_4 * {text-align:center;} .ovals .flexPanel .cell_4 h4 {width:100%; margin:0; line-height:32px;} .ovals .flexPanel .cell_4 p {margin-top:7px; padding:0 7px;} .ovals .flexPanel .cell_4 p:first-of-type {padding:0;} .ovals .flexPanel .cell_4 img {width:auto; max-height:105px; display:block; margin:0 auto;} @media (max-width:991px) { .ovals .flexPanel .cell_4 br {display:none;} } @media (max-width:767px) { .ovals .flexPanel .cell_4 {padding:12px;} } @media (max-width:600px) { .ovals .flexPanel {flex-wrap:wrap !important;} .ovals .flexPanel .cell_4 {border-radius:230px; border:2px solid #FFE4D9; display:flex; align-items:center; flex-wrap:wrap; margin:16px 49px; min-height:340px; padding:25px;} } @media (max-width:419px) { .ovals .flexPanel .cell_4 {min-height:379px;} } @media (max-width:349px) { .ovals .flexPanel .cell_4 {min-height:419px;} } .ovals .funkyline {height:100%; width:100%; position:absolute; top:0; left:0; z-index:1;} .ovals .funkyline::before {position:absolute; width:100%; height:100%; background:#fff4ea; top:0; right:0; z-index:2; content:''; transition:2s width cubic-bezier(.23, .58, .95, .57);} .ovals.opaque .funkyline::before {width:0%; transition:2s width cubic-bezier(.23, .58, .95, .57);} .ovals .funkyline-flex {display:flex; max-width:1100px; margin:0 auto; position:relative; height:100%;} .ovals .funkyline1 {border-top:dashed 2px #ffb899; position:absolute; left:0; top:0; height:0; z-index:1; width:calc(50% - 550px);} .ovals .funkyline2 {width:calc(33.333% + 2px); border-top:dashed 2px #ffb899; border-right:dashed 2px #ffb899; position:relative; left:0; top:0; height:50%; z-index:1; border-radius:0 187px 0 0;} .ovals .funkyline3 {width:calc(33.333% + 6px); border-left:dashed 2px #ffb899; border-bottom:dashed 2px #ffb899; border-right:dashed 2px #ffb899; position:relative; left:-2px; top:50%; height:50%; z-index:1; border-radius:0 0 187px 187px;} .ovals .funkyline4 {width:calc(33.333% + 2px); border-top:dashed 2px #ffb899; border-left:dashed 2px #ffb899; position:relative; left:-4px; top:0; height:50%; z-index:1; border-radius:187px 0 0;} .ovals .funkyline5 {border-top:dashed 2px #ffb899; position:absolute; left:calc(50% + 546px); top:0; height:0; z-index:1; width:calc(50% - 546px);} @media (max-width:1050px) { .ovals .funkyline2 {border-radius:0 167px 0 0;} .ovals .funkyline3 {border-radius:0 0 167px 167px;} .ovals .funkyline4 {border-radius:167px 0 0;} } @media (max-width:900px) { .ovals .funkyline2 {border-radius:0 147px 0 0;} .ovals .funkyline3 {border-radius:0 0 147px 147px;} .ovals .funkyline4 {border-radius:147px 0 0;} } @media (max-width:800px) { .ovals .funkyline2 {border-radius:0 127px 0 0;} .ovals .funkyline3 {border-radius:0 0 127px 127px;} .ovals .funkyline4 {border-radius:127px 0 0;} } @media (max-width:700px) { .ovals .funkyline2 {border-radius:0 107px 0 0;} .ovals .funkyline3 {border-radius:0 0 107px 107px;} .ovals .funkyline4 {border-radius:107px 0 0;} } @media (max-width:600px) { .ovals .funkyline-flex {flex-wrap:wrap !important;} .ovals .funkyline1 {width:50%; left:50%; top:15px; position:absolute;} .ovals .funkyline5 {width:50%; left:50%; bottom:13px; position:absolute; top:unset;} .ovals .funkyline2 {position:absolute; border-top:dashed 2px #ffb899; border-left:dashed 2px #ffb899; border-bottom:dashed 2px #ffb899; border-radius:180px 0 0 180px; height:calc(33.333% - 8px); top:15px; left:30px; width:calc(50% - 30px); border-right:none;} .ovals .funkyline3 {position:absolute; border-top:dashed 2px #ffb899; border-right:dashed 2px #ffb899; border-bottom:dashed 2px #ffb899; border-left:none; border-radius:0 180px 180px 0; height:calc(33.333% - 8px); top:calc(33.333% + 5px); width:calc(50% - 30px); left:unset; right:30px;} .ovals .funkyline4 {position:absolute; border-top:dashed 2px #ffb899; border-left:dashed 2px #ffb899; border-bottom:dashed 2px #ffb899; border-radius:180px 0 0 180px; height:calc(33.333% - 8px); left:30px; width:calc(50% - 30px); border-right:none; top:calc(66.67% - 5px);} .ovals .funkyline::before {height:30px; background:#fff4ea; top:0; right:unset; left:0; transition:2s width cubic-bezier(.23, .58, .95, .57);} .ovals.opaque .funkyline::before {transition:1s width cubic-bezier(.23, .58, .95, .57);} .ovals .funkyline::after {height:30px; background:#fff4ea; top:unset; bottom:0; right:unset; left:0; transition:4s width 1s cubic-bezier(.23, .58, .95, .57); content:''; position:absolute; width:100%; height:calc(100% - 30px); z-index:2;} .ovals.opaque .funkyline::after {transition:6s height 1s cubic-bezier(.36, .09, .45, .86); height:0;} } .masthead_slim {height:auto; text-align:center; padding:150px 0; background} @media (max-width:991px) { .masthead_slim {padding:100px 0;} } .masthead_slim .masthead_image_inner {height:100%;} .masthead_slim .masthead_video_inner video, .masthead_slim .masthead_image_inner img, .masthead_slim .masthead_parallax_inner img.parallax_back {top:unset; left:unset; height:100%;} .removepadding *:first-child {margin-top:0px !important;} .removepadding hr {margin-top:20px;} .removepadding *:last-child {margin-bottom:0 !important;} .removepadding * {margin-left:0 !important; margin-right:0 !important;} .faq_panel .operand .plus.bg-tangerine-light {background:#ffb899;} .faq_panel .operand .minus.bg-tangerine-light {background:#ffb899;} .faq_panel .faq.accordion {border-top:1px solid var(--tangerine); padding:16px;} @media (min-width:768px) { .accordion .operand {top:6px;} } @media (min-width:1251px) { .accordion .operand {top:9px;} } .faq_panel .faq.accordion:last-child {border-bottom:1px solid var(--tangerine);} .bg-plum h4.tangerine-light {color:#ffb899;} .accordion-panel h4 {text-align:center; margin-bottom:48px;} .grey-arrow {display:inline-block; padding-left:25px; position:relative; margin:10px 16px 16px;} .grey-stat {font-size:24px; font-weight:600;} .grey-arrow::before {content:''; background:url(/wp-content/uploads/2022/08/downarrow-grey.svg) no-repeat; background-size:contain; width:20px; height:18px; position:absolute; left:0; top:0px;} .grey-smiley {display:inline-block; padding-left:25px; position:relative; margin:10px 16px 7px; font-size:24px; font-weight:600;} .grey-smiley::before {content:''; background:url(/wp-content/uploads/2022/08/smile.svg) no-repeat; background-size:contain; width:20px; height:18px; position:absolute; left:0; top:0px;} .patient-quote {display:inline-block; text-indent:25px; position:relative; margin:10px 16px 24px;} .patient-quote::before {content:''; background:url(/wp-content/uploads/2022/08/quote.svg) no-repeat; background-size:contain; width:18px; height:18px; position:absolute; left:0; top:0px;} .prescription-optimization p {display:block; text-indent:30px; position:relative; margin:4px 0 8px; font-size:13px; line-height:16px;} .prescription-optimization p::before {content:''; background:url(/wp-content/uploads/2022/08/Testimonial_Icons_Rx.svg) no-repeat; background-size:contain; width:24px; height:28px; position:absolute; left:0; top:-4px;} .suppliments p {display:block; text-indent:30px; position:relative; margin:4px 0 8px; font-size:13px; line-height:16px;} .suppliments p::before {content:''; background:url(/wp-content/uploads/2022/08/supplement.svg) no-repeat; background-size:contain; width:24px; height:28px; position:absolute; left:0; top:-4px;} .health_coaching p {display:block; text-indent:30px; position:relative; margin:4px 0 8px; font-size:13px; line-height:16px;} .health_coaching p::before {content:''; background:url(/wp-content/uploads/2022/08/Testimonial_Icons_Coach.svg) no-repeat; background-size:contain; width:24px; height:28px; position:absolute; left:0; top:-4px;} .white-blocks {margin:4px 16px 10px 30px;} .white-blocks span {display:inline-block; padding:6px 10px 4px; background:#fffcfa; font-size:13px; line-height:16px; margin:0 10px 10px 0;} .patient_cards {width:100%; max-width:750px; padding:24px; margin-right:24px;} @media (max-width:991px) { .patient_cards {margin-right:12px;} } .patient_header {display:flex; justify-content:flex-start; align-items:center;} .patient_header img {width:100px; height:100px; border-radius:50px; border:3px solid #fffcfa; margin-right:16px;} .patient_header p {font-size:13px; line-height:16px; margin:0;} .patient_header h5 {line-height:24px;} .patient_stats {background:#fffcfa; padding:0 !important; margin-top:24px;} .patient_stats h4 {padding:16px 16px 10px;} .patient-treatment {padding:0 !important; margin-top:41px;} .patient-stat {font-size:12px; line-height:16px; padding-top:10px;} .net-promoter-scale {line-height:16px; font-size:13px; margin:0 16px 16px} p.root-causes {line-height:16px; font-size:13px; margin:4px 16px 36px 0} .slick-list {overflow:visible !important;} .slick-slider {padding-top:72px;} .slick-arrow {background-image:url("/wp-content/themes/doc_rheum/images/slickarrow.svg"); background-color:transparent; background-repeat:no-repeat; position:absolute; top:0; right:0; height:48px; width:48px; text-indent:999px; overflow:hidden; border-radius:24px; transition:.25s all ease-in-out;} .slick-arrow.slick-prev {right:76px; transform:rotate(180deg);} .slick-arrow:hover:not(.slick-disabled) {transition:.25s all ease-in-out; transform:scale(104%);} .slick-arrow.slick-prev:not(.slick-disabled):hover {transform:scale(104%) rotate(180deg);} .slick-disabled {opacity:.25; filter:grayscale(100%);} .slick-dots {display:flex; position:absolute; top:0; left:29px;} .slick-dots li {width:20px; height:27px; overflow:hidden;} .slick-dots li.slick-active {width:27px;} .slick-dots li button {text-indent:999px; width:13px; height:13px; border-radius:20px; overflow:hidden; background:#fffcfa; border:1px solid #F4C7E8; transition:.25s all ease-in-out; top:3px; position:relative;} .slick-dots li.slick-active button {border:1px solid #6D295A; width:19px; height:19px; background:#6D295A; transition:.25s all ease-in-out; top:0px;} @media (max-width:1023px) { .slick-arrow {height:40px; width:40px; right:24px; background-size:contain;} .slick-dots {top:10px;} .slick-dots li {width:16px;} .slick-dots li.slick-active {width:20px;} .slick-dots li button {width:10px; height:10px; top:2px;} .slick-dots li.slick-active button {width:14px; height:14px;} } .statusbar {height:10px; margin:-5px 16px 10px; position:relative;} .statusbar .statusslider {height:10px; position:absolute; top:0; right:0;} .padding1025 {background-image:url(/wp-content/uploads/2022/08/Subtract.svg); background-repeat:no-repeat; background-position:center bottom !important;} .padding1025 .padding1025 {background-image:none;} .padding1025 .cell_6 .flex-panel-inner {padding:1px 20px;} .padding1025 .cell_6 .flex-panel-inner h4 {margin-left:0; margin-bottom:10px;} .padding1025 .cell_6 .flex-panel-inner .checks.green-checks {padding-left:0px;} .padding1025 .cell_6 .flex-panel-inner .circle-exes {padding-left:5px;} @media (max-width:1023px) { .padding1025 .cell_6 .flex-panel-inner {padding:0px 10px 1px;} .padding1025 .cell_6 .flex-panel-inner h4 {margin-left:0; margin-bottom:10px; padding-top:21px; margin-top:0;} .padding1025 .cell_6 .flex-panel-inner .checks.green-checks {padding-left:0px; margin-bottom:10px;} } .psoriasis_symptoms {width:444px; height:444px; position:relative; z-index:1;} .psoriasis_circle {position:absolute; top:69px; left:76px; height:118px; width:118px; border:1px solid #6D295A; background:#fffcfa; border-radius:200px; z-index:6; transition:.5s all ease-in-out; transform:scale(50%);} .psoriasis_symptoms.psoritatic .psoriasis_circle {transform:scale(100%); opacity:1; transition:.5s all ease-in-out;} .psoriasis_title {border-radius:4px; border:1px solid #f4c7e8; background:#fff; display:block; width:auto; padding:5px; position:absolute; font-size:12px; z-index:2; opacity:0; transition:.5s all ease-in-out;} .psoriasis_symptoms.psoritatic .psoriasis_title {opacity:1; transition:.5s all .25s ease-in-out;} #psoriasis_title_1 {top:0px; left:32px;} #psoriasis_title_2 {top:78px; left:0px;} .psoriasis_symptoms.psoritatic #psoriasis_title_2 {transition:.5s all .3s ease-in-out;} #psoriasis_title_3 {top:41px; left:192px;} .psoriasis_symptoms.psoritatic #psoriasis_title_3 {transition:.5s all .35s ease-in-out;} #psoriasis_title_4 {top:131px; left:237px;} .psoriasis_symptoms.psoritatic #psoriasis_title_4 {transition:.5s all .4s ease-in-out;} #psoriasis_title_5 {top:212px; left:10px;} .psoriasis_symptoms.psoritatic #psoriasis_title_5 {transition:.5s all .45s ease-in-out;} .psoriasis_title::after {position:absolute; content:''; border:none; background:url(/wp-content/uploads/2022/08/Line359.png) top left no-repeat; height:1px; width:0; bottom:-4px; left:50%; z-index:1; transform-origin:top left; transform:rotate(65deg); transition:.5s all ease-in-out;} .psoriasis_symptoms.psoritatic .psoriasis_title::after {width:100px; transition:1s all .75s ease-in-out;} #psoriasis_title_2::after {left:100%; bottom:50%; transform:rotate(10deg);} #psoriasis_title_3::after {transform:rotate(150deg);} #psoriasis_title_4::after {left:0; transform-origin:bottom left; transform:rotate(190deg); bottom:50%;} #psoriasis_title_5::after {transform:rotate(-50deg); bottom:unset; top:0;} .psoriasis_gut {position:absolute; top:70px; left:77px; height:116px; width:116px; ; border:none; border-radius:200px; background:url(/wp-content/uploads/2022/08/ellipse510.png) #fffcfa no-repeat; background-size:100%; display:flex; align-items:center; text-align:center; z-index:7; font-size:12px; font-style:italic; font-weight:700; justify-content:center; padding:30px; line-height:16px; transform:scale(50%); opacity:0; transition:1s all 0s ease-in-out;} .psoriasis_symptoms.psoritatic .psoriasis_gut {transform:scale(100%); opacity:1; transition:.75s all 1s ease-in-out;} .psoriasis_arrow {position:absolute; width:0; height:0; background:url(/wp-content/uploads/2022/08/curve-line-2403.png) no-repeat; left:183px; top:162px; transition:.75s all 0s ease-in-out;} .psoriasis_symptoms.psoritatic .psoriasis_arrow {width:62px; height:79px; transition:.25s all 1.25s ease-in-out;} .psoriasis_symptom {position:absolute; top:172px; left:146px; transform:scale(50%); border-radius:222px; width:224px; height:224px; border:1px solid #6D295A; background:#fffcfa; padding:4px; transition:1s all 0s ease-in-out; opacity:0;} .psoriasis_symptoms.psoritatic .psoriasis_symptom {top:222px; left:204px; transform:scale(100%); opacity:1; transition:1s all 1.5s ease-in-out;} .psoriasis_inner {background:url(/wp-content/uploads/2022/08/psoriasis.jpg) no-repeat; background-size:cover; border-radius:222px; width:100%; height:100%; display:flex; flex-wrap:wrap; align-items:end; justify-content:center;} .psoriasis_inner_text {width:100%; margin-bottom:0px; text-align:center; transition:.25s all 0s ease-in-out;} .psoriasis_symptoms.psoritatic .psoriasis_inner_text {margin-bottom:24px; transition:.25s all 2.25s ease-in-out;} .psoriasis_inner_text div {font-style:italic; font-weight:700; font-size:18px; line-height:26px; text-align:center; border-radius:4px; border:1px solid #f4c7e8; background:#fff; display:inline-block; width:auto; padding:0 8px; text-align:center; opacity:0; transition:.25s all 0s ease-in-out;} .psoriasis_symptoms.psoritatic .psoriasis_inner_text div {opacity:1; transition:.25s all 2.5s ease-in-out;} .psoriasis_inner_text p {margin:5px;} @media (max-width:991px) and (min-width:768px) { .psoriasis_symptoms {height:484px;} .psoriasis_symptoms.psoritatic .psoriasis_symptom {top:241px; left:114px} #psoriasis_title_4 {left:217px;} #psoriasis_title_3 {left:175px;} } @media (max-width:480px) { .psoriasis_symptoms {height:484px;} .psoriasis_symptoms.psoritatic .psoriasis_symptom {top:241px; left:114px} #psoriasis_title_4 {left:217px;} #psoriasis_title_3 {left:175px;} } @media (max-width:340px) { #psoriasis_title_4 {left:200px;} } .rolling-wheel {overflow:hidden;} .rolling-wheel .peachrings {position:relative; height:390px; overflow:hidden; display:flex; flex-wrap:wrap; margin:0 auto;} .rolling-wheel .peachrings_cell {width:33.333%; text-align:center; padding:0 17px; font-size:20px; line-height:28px;} .rolling-wheel .peachrings_cell_1, .rolling-wheel .peachrings_cell_3 {padding-top:118px; text-align:left;} @media (max-width:1350px) { .rolling-wheel .peachrings_cell {font-size:18px;} } @media (max-width:1250px) { .rolling-wheel .peachrings {height:320px;} } .rolling-wheel .peach {width:592px; height:592px; top:unset; bottom:-306px; left:50%; transform:translateX(-50%);} .rolling-wheel .peachdot {width:20px; height:20px; border-radius:20px; background:#ffb899; position:absolute;} .rolling-wheel .peachdot.dot1 {left:calc(25% - 37px); top:47px; z-index:10;} .rolling-wheel .peachdot.dot2 {left:calc(50% - 12px); top:-9px; z-index:10;} .rolling-wheel .peachdot.dot3 {left:calc(75% + 15px); top:47px; z-index:10;} .rolling-wheel .rings .ring-outer {animation:rotation 12s infinite linear;} .rolling-wheel .rings .ring-mid {animation-duration:10s; animation-iteration-count:infinite; animation-name:clockwiseSpin; animation-timing-function:linear;} .rolling-wheel .rings .ring-inner {animation:rotation 8s infinite linear;} @keyframes rotation { from {transform:rotate(0deg);} to {transform:rotate(360deg);} } @keyframes clockwiseSpin { from {transform:rotate(0deg);} to {transform:rotate(-360deg);} } @media (max-width:1250px) { .rolling-wheel .peachrings_cell {font-size:16px;} .rolling-wheel .peachrings_cell_1 {padding-right:35px;} .rolling-wheel .peachrings_cell_3 {padding-left:35px;} .rolling-wheel .peach {width:472px; height:212px; top:unset; bottom:0; left:50%; transform:translateX(-50%);} .rolling-wheel .peachdot.dot1 {top:40px;} .rolling-wheel .peachdot.dot3 {top:40px;} } @media (max-width:1100px) { .rolling-wheel .peachrings_cell_2 {position:relative; margin:0 -5%; width:43.333%;} } @media (max-width:900px) { .rolling-wheel .peachrings {height:350px; overflow:visible; margin:-40px -50px -20px; width:calc(100% + 100px); position:relative;} .rolling-wheel .peach {width:350px; height:350px; top:unset; bottom:unset; top:0; left:0px; transform:translateX(-50%);} .rolling-wheel .peachrings_cell {padding:0 !important; margin:0 !important; text-align:left; position:absolute; font-size:18px; line-height:24px;} .rolling-wheel .peachrings_cell_1 {left:143px !important; top:36px; max-width:calc(100% - 250px); width:100%;} .rolling-wheel .peachrings_cell_2 {left:196px !important; top:161px; max-width:calc(100% - 300px); width:100%;} .rolling-wheel .peachrings_cell_3 {left:143px !important; top:293px; max-width:calc(100% - 250px); width:100%;} .rolling-wheel .peachdot {width:12px; height:12px;} .rolling-wheel .peachdot.dot1 {top:41px; left:287px;} .rolling-wheel .peachdot.dot2 {top:167px; left:343px;} .rolling-wheel .peachdot.dot3 {top:297px; left:287px;} } @media (max-width:640px) { .rolling-wheel .peachrings {height:375px} .rolling-wheel .peach {left:-50px;} .rolling-wheel .peachrings_cell_1 {left:85px !important; top:37px; max-width:calc(100% - 140px); width:100%;} .rolling-wheel .peachrings_cell_2 {left:141px !important; top:160px; max-width:calc(100% - 200px); width:100%;} .rolling-wheel .peachrings_cell_3 {left:85px !important; top:291px; max-width:calc(100% - 140px); width:100%;} } @media (max-width:385px) { .rolling-wheel .peachrings_cell {font-size:16px;} .rolling-wheel .peachrings {height:400px} .rolling-wheel .peachdot.dot2 {top:148px; left:342px;} .rolling-wheel .peachrings_cell_2 {top:141px} } .center-all-sizes {text-align:center !important;} .icon-row, .icon-row-1, .icon-row-2 {display:flex; height:83px;} .icon-row {margin-top:20px; justify-content:space-between; width:calc(200% + 763px); position:relative; left:50%; transform:translateX(-50%); transition:1s all ease-in-out !important;} .icon-row.opaque {width:763px; transition:1s width ease-in-out !important;} .icon-row-item {width:111px; height:83px; font-size:12px; font-style:italic; font-weight:700; background:#fffcfa; color:#6D295A; border:1px solid #ffb899; border-radius:4px; margin:0 8px; text-align:center;} .icon-row-item img {display:block; text-align:center; margin:5px auto; max-height:53px; width:auto; height:53px;} @media (max-width:767px) { .icon-row {display:block; height:200px; width:50%; position:relative;} .icon-row.opaque {width:50%;} .icon-row-1 {display:flex; height:83px; width:381px; position:absolute; left:320%; transition:0 all ease-in-out !important;} .icon-row-2 {display:flex; height:83px; width:381px; position:absolute; right:320%; top:100px; transition:0 all ease-in-out !important;} .icon-row.opaque .icon-row-1 {transition:0 all ease-in-out !important;} .icon-row.opaque .icon-row-2 {transition:0 all ease-in-out 0 !important;} } @media (max-width:480px) { .icon-row {display:block; height:200px; width:100%; position:relative;} .icon-row.opaque {width:100%;} .icon-row-1 {left:120%;} .icon-row-2 {right:120%; top:100px;} .icon-row.opaque .icon-row-1 {transition:0s all ease-in-out !important;} .icon-row.opaque .icon-row-2 {transition:0s all ease-in-out 0s !important;} } @media (max-width:360px) { .icon-row-item {width:100px;} .icon-row-1 {width:350px;} .icon-row-2 {width:350px;} } @media (min-width:768px) { .icon-row {transition:0s all !important;} } .venn-circles {height:450px; width:450px; border-radius:225px; background:#fff4ea; border:1px solid #ffb899; position:relative; margin:0 auto; display:block;} .venn-pink {position:absolute; top:3px; left:125px; height:200px; width:200px; border:1px solid #ffb899; border-radius:200px; background:url(/wp-content/uploads/2022/08/Ellipse-529-1.png) no-repeat; background-size:120%; display:flex; align-items:center; text-align:center; z-index:7; font-size:12px; font-style:italic; font-weight:600; justify-content:center; padding:30px; line-height:16px; transform:scale(50%); opacity:0; background-position:center; font-style:normal; font-weight:600; font-size:22px; line-height:30px; color:#4D4D4D;} .venn-circles.opaque .venn-pink {transform:scale(100%); opacity:1;} .venn-orange {position:absolute; top:3px; left:125px; height:200px; width:200px; border:1px solid #ffb899; border-radius:200px; background:url(/wp-content/uploads/2022/08/Ellipse-532-1.png) no-repeat; background-size:120%; display:flex; align-items:center; text-align:center; z-index:7; font-size:12px; font-style:italic; font-weight:600; justify-content:center; padding:30px; line-height:16px; transform:scale(50%); opacity:0; background-position:center; font-style:normal; font-weight:600; font-size:22px; line-height:30px; color:#4D4D4D;} .venn-circles.opaque .venn-orange {transform:scale(100%); opacity:1; left:242px; top:100px;} .venn-pink-text, .venn-orange-text {opacity:0; padding-top:40px;} .venn-1 {position:absolute; opacity:0; left:22px; top:185px; font-size:22px; padding-top:10px;} .venn-2 {position:absolute; opacity:0; left:22px; top:233px; font-size:22px; padding-top:10px;} .venn-3 {position:absolute; opacity:0; left:42px; top:281px; font-size:22px; padding-top:10px;} .venn-4 {position:absolute; opacity:0; left:82px; top:329px; font-size:22px; padding-top:10px;} .venn-5 {position:absolute; opacity:0; left:242px; top:329px; font-size:22px; padding-top:10px;} .venn-6 {position:absolute; opacity:0; left:129px; top:377px; font-size:22px; padding-top:10px;} .venn-circles.opaque .venn-1, .venn-circles.opaque .venn-2, .venn-circles.opaque .venn-3, .venn-circles.opaque .venn-4, .venn-circles.opaque .venn-5, .venn-circles.opaque .venn-6, .venn-circles.opaque .venn-orange-text, .venn-circles.opaque .venn-pink-text {opacity:1; padding-top:0;} .venn-circles.opaque .venn-pink {transition:.25s all ease-in-out;} .venn-circles.opaque .venn-orange {transition:.25s transform ease-in-out, .25s opacity ease-in-out, .75s left .75s cubic-bezier(.59, .57, .36, .84), .75s top .75s cubic-bezier(.61, .18, .43, .4);} .venn-circles.opaque .venn-pink .venn-pink-text {transition:.5s all 1.25s linear;} .venn-circles.opaque .venn-orange .venn-orange-text {transition:.5s all 1.375s linear;} .venn-circles.opaque .venn-1 {transition:.5s all 2s ease-in-out;} .venn-circles.opaque .venn-5 {transition:.5s all 2.25s ease-in-out;} .venn-circles.opaque .venn-3 {transition:.5s all 2.5s ease-in-out;} .venn-circles.opaque .venn-6 {transition:.5s all 2.75s ease-in-out;} .venn-circles.opaque .venn-2 {transition:.5s all 3s ease-in-out;} .venn-circles.opaque .venn-4 {transition:.5s all 3.25s ease-in-out;} @media (max-width:1023px) { .venn-circles {height:360px; width:360px;} .venn-pink {position:absolute; top:3px; left:95px; height:170px; width:170px; font-size:18px; line-height:24px;} .venn-orange {position:absolute; top:3px; left:95px; height:170px; width:170px; font-size:18px; line-height:24px;} .venn-circles.opaque .venn-orange {left:184px; top:83px;} .venn-1 {left:15px; top:150px; font-size:18px;} .venn-2 {left:15px; top:191px; font-size:18px;} .venn-3 {left:34px; top:232px; font-size:18px;} .venn-4 {left:63px; top:273px; font-size:18px;} .venn-5 {left:198px; top:273px; font-size:18px;} .venn-6 {left:103px; top:314px; font-size:18px;} } @media (max-width:408px) { .venn-circles {left:calc(50% - 180px);} } @media (min-width:1024px) { .centercenter {background-position:center center;} .centertop {background-position:center top;} .centerbottom {background-position:center bottom;} .leftcenter {background-position:left center;} .lefttop {background-position:left top;} .leftbottom {background-position:left bottom;} .rightcenter {background-position:right center;} .righttop {background-position:right top;} .rightbottom {background-position:right bottom;} } @media (max-width:1023px) { .mobile_centercenter {background-position:center center;} .mobile_centertop {background-position:center top;} .mobile_centerbottom {background-position:center bottom;} .mobile_leftcenter {background-position:left center;} .mobile_lefttop {background-position:left top;} .mobile_leftbottom {background-position:left bottom;} .mobile_rightcenter {background-position:right center;} .mobile_righttop {background-position:right top;} .mobile_rightbottom {background-position:right bottom;} } .panel-blur {padding-top:100px !important;} .panel-blur .cell_6 {width:100%; margin-top:10px; padding-top:20px !important; padding-bottom:20px !important; backdrop-filter:blur(4px); background:rgba(255, 254, 253, .6);} .panel-blur .flex-panel-inner img {width:auto; height:88px; margin:8px auto 3px;} .panel-blur .flex-panel-inner {text-align:center;} .panel-blur .flex-panel-inner * {text-align:center !important;} .panel-blur .flex-panel-inner a::after {display:none !important;} .panel-blur .flex-panel-inner {transform:scale(100%); transition:.25s all ease-in-out;} .page-panel.panel-blur .flex .cell_6 {padding:0;} @media (min-width:768px) { .panel-blur .flexPanel {display:grid !important; grid-column-gap:24px; grid-row-gap:0px;} .panel-blur .cell_12 {grid-area:1 / 1 / 2 / 3;} .panel-blur .cell_6 {grid-area:2 / 1 / 3 / 2; width:100% !important; height:100%;} .panel-blur .cell_6:nth-child(3) {grid-area:2 / 2 / 3 / 3; width:100% !important; height:100%;} .panel-blur .cell_12:nth-child(4) {grid-area:3 / 1 / 4 / 3;} } .panel-blur p {margin:0 !important;} .panel-blur .legal {font-style:italic; font-weight:400; font-size:12px; line-height:16px; text-align:center; max-width:300px; margin:5px auto 0;} .panel-blur .texter {font-size:20px; line-height:32px; margin:0 auto; padding:5px 49px;} .fullwidth h2 {max-width:720px; margin:0 auto;} @media (max-width:767px) { .fullwidth h2 {margin:0 24px;} } @media (min-width:768px) { .masthead_video .halfwidthright .cell_9 h1, .masthead_video .halfwidthright .cell_8 h1, .masthead_video .halfwidthright .cell_7 h1, .masthead_video .halfwidthright .cell_6 h1, .masthead_video .halfwidthright .cell_5 h1, .masthead_video .halfwidthright .cell_4 h1 {max-width:100%;} } @media (min-width:1024px) { .masthead_video .halfwidthright .cell_9 h1, .masthead_video .halfwidthright .cell_8 h1, .masthead_video .halfwidthright .cell_7 h1, .masthead_video .halfwidthright .cell_6 h1, .masthead_video .halfwidthright .cell_5 h1, .masthead_video .halfwidthright .cell_4 h1 {max-width:100%; margin-left:0; margin-bottom:0px;} .masthead_video .halfwidthright .cell_9 p, .masthead_video .halfwidthright .cell_8 p, .masthead_video .halfwidthright .cell_7 p, .masthead_video .halfwidthright .cell_6 p, .masthead_video .halfwidthright .cell_5 p, .masthead_video .halfwidthright .cell_4 p {max-width:100%; margin-left:0; margin-right:24px; margin-bottom:0px;} } @media (min-width:1024px) { .masthead_video.bottomalign .halfwidthright, .masthead_image.bottomalign .halfwidthright {margin-top:0; position:absolute; top:unset; left:0px; bottom:-75vh;} } @media (min-width:1024px) and (max-width:1200px) and (max-height:650px) { .masthead_video.bottomalign .halfwidthright, .masthead_image.bottomalign .halfwidthright {bottom:-84vh;} } .stat img {max-width:34px; max-height:34px; display:inline;} .stat img.bigger-icon {max-width:38px; max-height:38px; display:inline;} .stat-panel h3 {font-style:normal; font-weight:700; font-size:24px; line-height:32px;} .stat-panel>.flexPanel {padding-right:calc(33% - 29px);} .stat-panel .cell_6 {margin-bottom:40px;} .stat-panel .cell_6 p {margin-bottom:0px; margin-top:12px;} @media (min-width:1024px) { .masthead_video .halfwidthleft, .masthead_image .halfwidthleft {margin-left:59px; margin-right:-59px;} } @media (min-width:1338px) { .masthead_video .halfwidthleft, .masthead_image .halfwidthleft {margin-left:32px; margin-right:-59px;} } .form-area form {background:#fffcfa !important; padding:15px 50px !important; position:relative;} .form-area .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form[data-design="default"] .forminator-label[for], .form-area .forminator-ui.forminator-custom-form[data-design="default"] .forminator-label {font-weight:400 !important; font-size:12px !important; padding-left:0;} .form-area .forminator-ui.forminator-custom-form[data-design="default"] .forminator-input, .form-area .forminator-ui.forminator-custom-form[data-design="default"] .forminator-textarea {background:#fff !important; padding:12px 18px !important; font-size:16px !important; border:1px solid #faeade !important; border-radius:4px !important;} .form-area .forminator-ui.forminator-custom-form[data-design="default"] .forminator-input:focus, .form-area .forminator-ui.forminator-custom-form[data-design="default"] .forminator-textarea:focus {border:1px solid #6D295A !important;} .form-area .forminator-ui.forminator-design--default .forminator-label .forminator-required {color:#4d4d4d !important; font-size:12px !important;} .form-area .forminator-ui.forminator-design--default .forminator-button-submit {width:100% !important; max-width:70% !important; margin:30px auto 0 !important; display:block !important;} .form-area .forminator-ui.forminator-design--default .forminator-checkbox input:checked+.forminator-checkbox-box {border-color:#6D295A !important; border-radius:4px !important; background-color:#6D295A !important;} .form-area .forminator-ui.forminator-design--default .forminator-checkbox .forminator-checkbox-box {color:#fffcfa !important;} .form-area .forminator-ui.forminator-design--default .forminator-checkbox {color:#6D295A !important; font-size:12px !important; border:1px solid #6D295A !important; background:#f9dff0 !important; border-radius:4px !important; padding:15px 10px !important;} .form-area form .forminator-response-message {position:absolute !important; width:100% !important; left:0 !important; top:0 !important; min-height:140px !important; border:1px solid #b7d8ac !important; background:#e6f8e0 !important; padding:25px 20px 20px;} .form-area form .forminator-response-message.forminator-success {box-shadow:none !important; -moz-box-shadow:none !important; -webkit-box-shadow:none !important;} .form-area .forminator-ui.forminator-design--default .forminator-response-message.forminator-success:focus {box-shadow:none !important; -moz-box-shadow:none !important; -webkit-box-shadow:none !important;} .form-area h4.checkmark {margin:0 !important; padding:2px 50px 8px 43px !important; text-align:left !important;} .form-area h4.checkmark::before {background-image:url('/wp-content/themes/doc_rheum/images/checkcircle_green.svg'); top:0; left:0; content:''; width:34px; height:34px; z-index:3; position:absolute;} .form-area h4.checkmark::after {display:none;} .form-area form .forminator-response-message p {padding-left:43px !important; font-size:20px !important; max-width:450px !important;} @media (max-width:767px) { .form-area h4.checkmark {margin:0 !important; padding:2px 4px 8px 43px !important;} h1.mobilecenter {text-align:center !important;} p.mobilecenter {text-align:center !important;} } .form-area .forminator-checkbox-label {width:100%;} .form-area .forminator-ui.forminator-design--default .forminator-checkbox.inactive .forminator-checkbox-box {border-color:#A6A6A6 !important; background-color:#fffcfa !important;} .form-area .forminator-ui.forminator-design--default .forminator-checkbox {transition:.25s all ease-in-out;} .form-area .forminator-ui.forminator-design--default .forminator-checkbox.inactive {border-color:#feeade !important; background:transparent !important; transition:.25s all ease-in-out;} .flexPanel .flex-panel-inner .forminator-field h4 {margin:24px 0 10px;} @media (max-width:767px) { .flexPanel .flex-panel-inner .forminator-field h4 {margin:4px 0 10px;} } .referral_form_panel.form-area .forminator-label {text-align:left !important; margin-bottom:4px !important;} .self-sign-form.form-area .forminator-ui.forminator-design--default .forminator-response-message.forminator-success, .referral_form_panel.form-area .forminator-ui.forminator-design--default .forminator-response-message.forminator-success {position:relative !important;} .self-sign-form.form-area .forminator-ui.forminator-design--default .forminator-response-message.forminator-success p, .referral_form_panel.form-area .forminator-ui.forminator-design--default .forminator-response-message.forminator-success p {text-align:left !important; color:#4a4a4a !important;} .form-area .forminator-ui.forminator-custom-form[data-design="default"] .forminator-button.forminator-button-submit.forminator-button-onload {position:relative; content:''; overflow:hidden; text-indent:-999px;} .form-area .forminator-ui.forminator-custom-form[data-design="default"] .forminator-button.forminator-button-submit.forminator-button-onload::before {content:'Submitting'; position:absolute; right:25px; width:calc(100% - 25px); height:100%; top:0; text-indent:0; height:46px; line-height:46px;} .form-area .forminator-ui.forminator-custom-form[data-design="default"] .forminator-button.forminator-button-submit.forminator-button-onload::after {position:absolute; content:''; background-image:url("/wp-content/themes/doc_rheum/images/buffering.svg"); background-repeat:no-repeat; background-size:contain; width:20px; height:20px; margin:0 7px; right:calc(50% - 70px); animation:rotation 2s infinite linear;} .mobile-bottom-border {position:relative;} .mobile-bottom-border::after {position:absolute; content:''; width:100%; height:1px; bottom:-16px; left:0; background:#fffcfa; opacity:50%;} p.minus-12 {margin-bottom:-12px;} @media (min-width:1024px) { .mobile-bottom-border {margin-bottom:48px !important;} .mobile-bottom-border::after {display:none;} } #main-panel-1.side-by-side {height:84vh; margin-top:80px; overflow:hidden;} .page-panel#main-panel-1.side-by-side .grid2 {height:84vh;} .h4panel h4 {display:inline; margin:0 3vw 0 0; font-size:24px; font-weight:500; font-style:italic; color:#FF905F;} @media (max-width:767px) { .h4panel {text-align:center; margin-top:30px;} .h4panel h4 {font-size:20px; line-height:28px;} } @media (max-width:480px) { .h4panel {text-align:center; margin-top:40px;} .h4panel h4 {font-size:18px; line-height:28px;} } @media (max-width:350px) { .h4panel {text-align:center; margin-top:20px;} } @media (min-width:768px) { .margin-bottom-desktop {margin:0 0 60px;} } @media (max-width:767px) { .margin-bottom-desktop a.button-link {width:auto; margin:0 auto; display:inline-block;} } @media (max-width:767px) { .side-by-side.reversal.reverseMobile {display:grid; grid-template-columns:1fr; grid-template-rows:repeat(2, 1fr); grid-column-gap:0px; grid-row-gap:0px;} .side-by-side.reversal.reverseMobile .grid2 {grid-area:2 / 1 / 3 / 2;} .side-by-side.reversal.reverseMobile .grid1 {grid-area:1 / 1 / 2 / 2;} } @media (max-width:480px) { .side-by-side h1 {font-size:30px; line-height:38px;} } @media (max-height:790px) and (max-width:480px) { .side-by-side h1 {font-size:28px; line-height:34px;} .h4panel h4 {font-size:18px; line-height:24px;} } .page-panel.vari-height.staggered .flex.flexPanel {display:grid !important; grid-template-columns:repeat(3, 1fr); grid-template-rows:1fr; grid-column-gap:0px; grid-row-gap:0px;} .page-panel.vari-height.staggered .flex.flexPanel>div {width:100%; height:100%;} .page-panel.vari-height.staggered .flex.flexPanel>div .flex-panel-inner {width:100%; height:100%; padding:24px 30px 0 30px; text-align:center;} .page-panel.vari-height.staggered .flex.flexPanel>div .flex-panel-inner * {text-align:center; margin-bottom:0;} .page-panel.vari-height.staggered .flex.flexPanel>div .flex-panel-inner p:last-child {margin-top:0px;} .page-panel.vari-height.staggered .flex.flexPanel>div .flex-panel-inner img {display:inline-block; margin-top:10px;} .page-panel.vari-height.staggered .flex.flexPanel>div:nth-child(2) {grid-area:1 / 3 / 2 / 4;} .page-panel.vari-height.staggered .flex.flexPanel>div:nth-child(1) {grid-area:1 / 2 / 2 / 3;} .page-panel.vari-height.staggered .flex.flexPanel>div:nth-child(3) {grid-area:1 / 1 / 2 / 2;} @media (max-width:1023px) { .page-panel.vari-height.staggered .flex.flexPanel {grid-template-columns:repeat(2, 1fr);} .page-panel.vari-height.staggered .flex.flexPanel>div:nth-child(1) {grid-area:1 / 1 / 2 / 2;} .page-panel.vari-height.staggered .flex.flexPanel>div:nth-child(2) {grid-area:1 / 2 / 2 / 3;} } @media (max-width:767px) { .page-panel.vari-height.staggered .flex.flexPanel {grid-column-gap:24px;} } @media (max-width:640px) { .page-panel.vari-height.staggered .flex.flexPanel {grid-template-columns:1fr; grid-template-rows:repeat(2, 1fr); grid-column-gap:0px; grid-row-gap:24px;} .page-panel.vari-height.staggered .flex.flexPanel>div {padding:0;} .page-panel.vari-height.staggered .flex.flexPanel>div:nth-child(1) {grid-area:1 / 1 / 2 / 2; width:calc(100% - 77px);} .page-panel.vari-height.staggered .flex.flexPanel>div:nth-child(2) {grid-area:2 / 1 / 3 / 2; width:calc(100% - 77px); margin-left:77px;} } .page-panel.vari-height.staircase .flex.flexPanel {display:grid !important; grid-template-columns:repeat(3, 1fr); grid-template-rows:1fr; grid-column-gap:0px; grid-row-gap:0px; margin-top:50px; margin-bottom:50px;} .page-panel.vari-height.staircase .flex.flexPanel>div {width:100%; height:calc(100% + 150px); display:flex;} .page-panel.vari-height.staircase .flex.flexPanel>div:nth-child(1) {align-items:flex-start;} .page-panel.vari-height.staircase .flex.flexPanel>div:nth-child(2) {align-items:center;} .page-panel.vari-height.staircase .flex.flexPanel>div:nth-child(3) {align-items:flex-end;} .page-panel.vari-height.staircase .flex.flexPanel>div .flex-panel-inner {height:min-content; padding:24px 32px; text-align:center;} .page-panel.vari-height.staircase .flex.flexPanel>div .flex-panel-inner * {text-align:center; margin:0;} @media (max-width:767px) { .page-panel.vari-height.staircase .flex.flexPanel {grid-template-columns:1fr; grid-template-rows:unset; grid-column-gap:0px; grid-row-gap:24px; margin-top:0; margin-bottom:0;} .page-panel.vari-height.staircase .flex.flexPanel>div {padding:0; height:100%;} .page-panel.vari-height.staircase .flex.flexPanel>div:nth-child(1) {grid-area:1 / 1 / 2 / 2; width:calc(100% - 77px);} .page-panel.vari-height.staircase .flex.flexPanel>div:nth-child(2) {grid-area:2 / 1 / 3 / 2; width:calc(100% - 77px); margin-left:38px;} .page-panel.vari-height.staircase .flex.flexPanel>div:nth-child(3) {grid-area:3 / 1 / 4 / 2; width:calc(100% - 77px); margin-left:77px;} } ul.greenchecks {list-style:none; text-align:left; margin:20px 0; padding: 0;} ul.greenchecks li {font-size:20px; text-align:left !important; line-height:32px; padding:10px 70px 10px 16px; position:relative; margin-bottom:24px; border-top:1px solid #4d4d4d; margin: 0;} ul.greenchecks li:last-child {border-bottom:1px solid #4d4d4d;} ul.greenchecks li::before {content:''; background:url("/wp-content/themes/doc_rheum/images/greencheck-transparent.svg") no-repeat; background-size:contain; width:18px; height:18px; right:11px; top:18px; position:absolute;} @media (max-width:1350px) { ul.greenchecks {margin-bottom:0;} ul.greenchecks li {font-size:18px; line-height:24px;} } ul.greencheck {list-style:none; text-align:left; margin:0 20px;} ul.greencheck li {font-size:20px; text-align:left !important; line-height:32px; padding-left:35px; position:relative; margin-bottom:24px;} ul.greencheck li::before {content:''; background:url("/wp-content/themes/doc_rheum/images/check-circle-green.svg") no-repeat; background-size:contain; width:24px; height:24px; left:0px; top:9px; position:absolute;} @media (max-width:1350px) { ul.greencheck {margin-bottom:0;} ul.greencheck li {font-size:18px; line-height:24px;} } @media (max-width:767px) { ul.greencheck {margin-left:0; margin-right: 0; padding-left:0;} ul.greencheck li {padding-left:42px;} ul.greencheck li::before { width:28px; height: 28px; top: 0;} } ul.greencheck li h4 { color:#4d4d4d; margin:0 !important;} .page-template-template-become-a-patient ul.greenchecks {margin:0 24px;} @media (min-width:768px) { .page-template-template-become-a-patient ul.greenchecks {margin:0 auto; max-width:300px; width:auto;} } .page-template-template-become-a-patient ul.greenchecks li {color:inherit; margin-bottom:0; padding:0 0 10px 37px;} .shifter .animate {height:unset} .shifter h2 {margin-bottom:40px;} .shiftpanel {position:relative; padding:16px 0; max-width:unset;} @media (max-width:1023px) { .shifter h2 {margin-bottom:40px;} } .shiftpanel .flexPanel {position:relative; z-index:3;} .shiftpanel .flexPanel .cell_4 {display:block; align-items:center; flex-wrap:wrap; margin:0 !important; padding-top:50px; justify-content:center; opacity:0; transform:translateY(20px); width:33.333% !important; position:relative;} .shiftpanel .flexPanel .cell_4:first-child, .shiftpanel .flexPanel .cell_4:last-child {padding-top:25px; padding-bottom:50px; transform:translateY(-20px);} .shiftpanel.opaque .flexPanel .cell_4 {opacity:1; transition:.5s all 3s ease-in-out; transform:translateY(0px) !important;} .shiftpanel.opaque .flexPanel .cell_4:first-child {transition:.5s all .65s ease-in-out;} .shiftpanel.opaque .flexPanel .cell_4:last-child {transition:.5s all 6.15s ease-in-out;} @media (max-width:767px) { .shiftpanel .flexPanel .cell_4 {width:100% !important;} } .shiftpanel .flexPanel .cell_4 * {text-align:center;} .shiftpanel .flexPanel .cell_4 h4 {width:100%; margin:0; line-height:32px;} .shiftpanel .flexPanel .cell_4 p {} .shiftpanel .flexPanel .cell_4 p:first-of-type {padding:0;} .shiftpanel .flexPanel .cell_4 img {width:auto; max-height:105px; display:block; margin:0 auto;} .shiftpanel .shiftline {height:100%; width:100%; position:absolute; top:0; left:0; z-index:1;} .shiftpanel .shiftline::before {position:absolute; width:100%; height:100%; background:#fff4ea; top:0; right:0; z-index:2; content:''; transition:2s width cubic-bezier(.23, .58, .95, .57); display:none;} .shiftpanel.opaque .shiftline::before {width:0%; transition:2s width cubic-bezier(.23, .58, .95, .57);} .shiftpanel .shiftline-flex {display:flex; max-width:unset; margin:0 auto; position:relative; height:100%;} .shiftpanel .shiftline1 {border-left:dashed 2px #ffb899; position:absolute; left:0; top:12%; height:38%; opacity:1; z-index:1; width:1px; transition:.5s all .35s ease-in; z-index:77;} .shiftpanel .shiftline1::after {content:''; width:6px; height:100%; left:-3px; bottom:0; position:absolute; transition:.5s height .35s ease-in; background:#6D295A; z-index:2;} .shiftpanel.opaque .shiftline1::after {height:0%; transition:.5s height .35s ease-in;} .shiftpanel .shiftline1::before {position:absolute; top:-11px; width:24px; height:24px; border-radius:24px; background:#ffb899; content:''; left:-13px; transform:scale(0%); transition:.25s transform .1s ease-in-out;} .shiftpanel.opaque .shiftline1::before {transform:scale(100%); transition:.25s transform .1s ease-in-out;} @media (max-width:767px) { .shiftpanel .shiftline1 {border:none; left:0; top:16px; height:1px; width:0%;} .shiftpanel.opaque .shiftline1 {width:50%; transition:.5s width .35s ease-in;} .shiftpanel .shiftline1::before {left:calc(100% - 13px);} } .shiftpanel .shiftline2 {width:33.333%; border-bottom:dashed 2px #ffb899; border-right:dashed 2px #ffb899; border-left:dashed 2px #ffb899; position:relative; left:0; top:50%; height:50%; z-index:1; border-radius:0 0 187px 187px; z-index:65;} .shiftpanel .shiftline2::after {content:''; width:calc(150% + 6px); height:calc(150% + 3px); left:calc(-25% - 3px); top:0; position:absolute; transition:.5s all .35s ease-in; background:#6D295A; z-index:2; transform-origin:top center;} .shiftpanel.opaque .shiftline2::after {transform:rotate(-180deg); opacity:0; transform-origin:top center; transition:1.5s transform .85s linear, 0s opacity 2.3s linear;} .shiftpanel .shiftline3 {width:33.333%; border-left:dashed 2px #ffb899; border-top:dashed 2px #ffb899; border-right:dashed 2px #ffb899; position:relative; left:-2px; top:0%; height:50%; z-index:1; border-radius:187px 187px 0 0; z-index:55;} .shiftpanel .shiftline3::before {position:absolute; top:-14px; width:24px; height:24px; border-radius:24px; background:#ffb899; content:''; left:calc(50% - 11px); transform:scale(0%); transition:.25s transform .5s ease-in-out;} .shiftpanel.opaque .shiftline3::before {transform:scale(100%); transition:.25s transform 3s ease-in-out;} .shiftpanel .shiftline3::after {content:''; width:calc(150% + 6px); height:calc(150% + 3px); left:calc(-25% - 3px); bottom:0; position:absolute; transition:.5s all .35s ease-in; background:#6D295A; z-index:2; transform-origin:bottom center;} .shiftpanel.opaque .shiftline3::after {transform:rotate(180deg); opacity:0; transform-origin:bottom center; transition:1.5s transform 2.35s linear, 0s opacity 3.8s linear;} .shiftpanel .shiftline4 {width:33.333%; border-bottom:dashed 2px #ffb899; border-left:dashed 2px #ffb899; border-right:dashed 2px #ffb899; position:relative; left:-4px; top:50%; height:50%; z-index:1; border-radius:0 0 187px 187px; z-index:44;} .shiftpanel .shiftline4::after {content:''; width:calc(150% + 6px); height:calc(150% + 3px); left:calc(-25% - 3px); top:0; position:absolute; transition:.5s all .35s ease-in; background:#6D295A; z-index:2; transform-origin:top center;} .shiftpanel.opaque .shiftline4::after {transform:rotate(-180deg); opacity:0; transform-origin:top center; transition:1.5s transform 3.85s linear, 0s opacity 5.3s linear;} .shiftpanel .shiftline5 {border-left:dashed 2px #ffb899; position:absolute; right:4px; top:12%; height:38%; z-index:1; width:1px; z-index:33;} .shiftpanel .shiftline5::after {content:''; width:6px; height:100%; left:-3px; top:0; position:absolute; transition:.5s height .35s ease-in; background:#6D295A; z-index:2;} .shiftpanel.opaque .shiftline5::after {height:0%; transition:.5s height 5.35s ease-in;} .shiftpanel .shiftline5::before {position:absolute; top:-11px; width:24px; height:24px; border-radius:24px; background:#ffb899; content:''; right:-11px; transform:scale(0%); transition:.25s transform .1s ease-in-out;} .shiftpanel.opaque .shiftline5::before {transform:scale(100%); transition:.25s transform 6.15s ease-in-out;} @media (max-width:767px) { .shifter {overflow:hidden;} .shiftpanel .shiftline {z-index:10;} .shiftpanel .shiftline2, .shiftpanel .shiftline3, .shiftpanel .shiftline4 {display:none;} .shiftpanel .shiftline5 {border-top:dashed 2px #ffb899; border-left:none; right:50%; bottom:15px; height:1px; width:0%; top:unset;} .shiftpanel.opaque .shiftline5 {width:0%; transition:none;} .shiftpanel .shiftline5::before {left:-11px;} .shiftpanel .shiftline5::before {transform:scale(0%); left:unset; right:-13px;} .shiftpanel.opaque .shiftline5::before {transform:scale(100%); transition:.5s transform 5.35s ease-in;} .shiftpanel .flexPanel .cell_4 {transform:translateY(0px) !important; opacity:1 !important; position:relative; z-index:3;} .shiftpanel .flexPanel .cell_4:first-child {z-index:4;} .shiftpanel .flexPanel .cell_4:last-child {z-index:2;} .shiftpanel .flexPanel .cell_4 * {transform:translateY(20px) !important; opacity:0 !important; z-index:9; position:relative;} .shiftpanel .flexPanel .cell_4 .legal.opaque {transform:translateY(20px) !important; opacity:0 !important; z-index:9; position:relative;} .shiftpanel.opaque .flexPanel .cell_4 * {transform:translateY(0px) !important; opacity:1 !important; transition:.5s opacity 3.8s linear;} .shiftpanel.opaque .flexPanel .cell_4:first-child * {transform:translateY(0px) !important; opacity:1 !important; transition:.5s opacity 2.3s linear;} .shiftpanel.opaque .flexPanel .cell_4:last-child *, .shiftpanel.opaque .flexPanel .cell_4 .legal.opaque {transform:translateY(0px) !important; opacity:1 !important; transition:.5s opacity 5.3s linear !important;} .shiftpanel .flexPanel .cell_4::before {position:absolute; content:''; border-bottom:dashed 2px #ffb899; border-left:dashed 2px #ffb899; border-top:dashed 2px #ffb899; border-radius:187px 0 0 187px; height:calc(100% + 5px); width:50%; top:-2px; left:0; z-index:0;} .shiftpanel .flexPanel .cell_4:first-child::before, .shiftpanel .flexPanel .cell_4:last-child::before {left:50%; height:100%; top:0; border-left:none; border-bottom:dashed 2px #ffb899; border-right:dashed 2px #ffb899; border-top:dashed 2px #ffb899; border-radius:0 187px 187px 0;} .shiftpanel .flexPanel .cell_4:last-child::before {top:1px;} .shiftpanel .flexPanel .cell_4::after {content:''; height:calc(250% + 6px); width:calc(150% + 3px); right:calc(50% - 0px); left:unset; top:calc(-75% - 3px); position:absolute; transition:.5s all .35s ease-in; background:#6D295A; z-index:2; transform-origin:center right; opacity:1;} .shiftpanel .flexPanel .cell_4:first-child::after {left:calc(50% - 0px); right:unset; top:calc(-75% - 3px); transform-origin:center left;} .shiftpanel .flexPanel .cell_4:last-child::after {left:calc(50% - 0px); right:unset; top:calc(-75% - 3px); transform-origin:center left;} .shiftpanel.opaque .flexPanel .cell_4::after {transform:rotate(-180deg); z-index:8; opacity:0; transform-origin:center right; transition:1.5s transform 2.35s linear, 0s opacity 3.8s linear;} .shiftpanel.opaque .flexPanel .cell_4:first-child::after {transform:rotate(180deg); z-index:7; opacity:0; transform-origin:center left; transition:1.5s transform .85s linear, 0s opacity 2.3s linear;} .shiftpanel.opaque .flexPanel .cell_4:last-child::after {transform:rotate(180deg); z-index:6; opacity:0; transform-origin:center left; transition:1.5s transform 3.85s linear, 0s opacity 5.3s linear;} .shiftpanel.opaque .flexPanel .cell_4::before {transform-origin:bottom center; transition:1.5s transform 2.35s linear, 0s opacity 3.8s linear;} .shiftpanel.opaque .flexPanel .cell_4:first-child::before {transform-origin:top center; transition:1.5s transform .85s linear, 0s opacity 2.3s linear;} .shiftpanel.opaque .flexPanel .cell_4:last-child::before {transform-origin:top center; transition:1.5s transform 3.85s linear, 0s opacity 5.3s linear;} } @media (max-width:600px) { .shiftpanel .flexPanel .cell_4::before {border-radius:150px 0 0 150px;} .shiftpanel .flexPanel .cell_4:first-child::before, .shiftpanel .flexPanel .cell_4:last-child::before {border-radius:0 150px 150px 0;} .shiftpanel .flexPanel .cell_4:first-child, .shiftpanel .flexPanel .cell_4:last-child {padding-top:50px;} } @media (max-width:419px) { .shiftpanel .flexPanel .cell_4::before {border-radius:120px 0 0 120px;} .shiftpanel .flexPanel .cell_4:first-child::before, .shiftpanel .flexPanel .cell_4:last-child::before {border-radius:0 120px 120px 0;} } .shifter .animateOff {padding-bottom:0; position:static !important; left:0;} @media (min-width:1024px) { .shiftpanel {position:relative; left:0px !important;} } @media (max-width:1023px) { .shiftpanel {position:relative; left:0px;} .shifter {min-height:120vh;} .shifter .animateOff {padding-bottom:0; position:fixed !important; left:0;} .shifter .page-panel.vertcenter {align-items:first baseline;} .shiftpanel.opaque .flexPanel .cell_4 {padding-right:25px; padding-left:25px;} } @media (max-width:767px) { .shiftpanel .flexPanel .cell_4 {padding-right:25px !important; padding-left:25px !important; padding-top:50px !important; padding-bottom:50px !important;} .shiftpanel.opaque .flexPanel .cell_4 {padding-right:25px !important; padding-left:25px !important; padding-top:50px !important; padding-bottom:50px !important;} } @media (max-width:1100px) { .shiftpanel .flexPanel .cell_4 .greenchecks {margin-left:0; margin-right:0;} } .costchart {position:relative; width:420px; height:388px; margin:0 auto;} @media (max-width:767px) { .costchart {margin:0 auto 40px;} } .costchart>div {background-repeat:no-repeat; background-size:420px 388px; width:0; height:388px; position:absolute; top:0; left:0; opacity:0;} .costchart.opaque>div {width:420px; opacity:1;} .costchart>div.costchart_base {background-image:url('/wp-content/uploads/2022/08/costchart_base.svg'); z-index:1;} .costchart>div.costchart_dm1 {background-image:url('/wp-content/uploads/2022/08/costchart_dm1.svg'); z-index:3;} .costchart>div.costchart_dm2 {background-image:url('/wp-content/uploads/2024/01/costchart_dm2.svg'); z-index:5;} .costchart>div.costchart_dr1 {background-image:url('/wp-content/uploads/2022/08/costchart_dr1.svg'); z-index:4;} .costchart>div.costchart_dr2 {background-image:url('/wp-content/uploads/2024/01/costchart_dr2.svg'); z-index:6;} .costchart>div.costchart_greenfade {background-image:url('/wp-content/uploads/2022/08/costchart_greenfade.svg'); z-index:2; height:0;} .costchart.opaque>div.costchart_base {transition:.25s width ease-in-out;} .costchart.opaque>div.costchart_dm1 {transition:1s width .75s ease-in-out;} .costchart.opaque>div.costchart_dm2 {transition:1s opacity 1.5s ease-in-out;} .costchart.opaque>div.costchart_dr1 {transition:1s width 2s ease-in-out;} .costchart.opaque>div.costchart_dr2 {transition:1s opacity 2.75s ease-in-out;} .costchart.opaque>div.costchart_greenfade {height:388px; transition:2s height 2s ease-in-out, .5s opacity 3.5s ease-in-out;} .costchart>div.costchart_point {width:175px; top:265px; left:60px; height:30px; font-size:12px; position:absolute; overflow:hidden; z-index:8;} .costchart.opaque>div.costchart_point {height:116px; transition:2s height 4.5s ease-in-out;} .costchart.opaque>div.costchart_point.dot2 {height:116px; transition:2s height 6.5s ease-in-out;} .costchart>div.costchart_point .point-text {position:absolute; left:36px; display:flex; align-items:center; justify-content:flex-start; text-align:left; bottom:-3px; height:30px; opacity:0;} .costchart.opaque>div.costchart_point .point-text {transition:.75s all 6.25s ease-in-out; opacity:1;} .costchart.opaque>div.costchart_point.dot2 .point-text {transition:.75s all 8.25s ease-in-out; opacity:1;} .costchart>div.costchart_point::after {z-index:10; position:absolute; left:0px; bottom:0px; background:url(/wp-content/uploads/2022/08/costchart_dot-1.svg) no-repeat; width:24px; height:24px; background-size:contain; content:''; transform:scale(50%); opacity:0;} .costchart.opaque>div.costchart_point::after {transition:.25s transform 4s ease-in-out, 2s top 4.5s ease-in-out, .25s opacity 4s ease-in-out; transform:scale(100%); opacity:1;} .costchart.opaque>div.costchart_point.dot2::after {transition:.25s transform 6s ease-in-out, 2s top 6.5s ease-in-out, .25s opacity 6s ease-in-out; transform:scale(100%); opacity:1;} .costchart>div.costchart_point::before {left:11px; top:15px; width:1px; height:85px; border-left:2px dashed #fffcfa; content:''; position:absolute; z-index:9; opacity:0;} .costchart.opaque>div.costchart_point::before {border-left:2px dashed #45593F; transition:0s border 4.5s, 0s opacity 4.5s, 2s height 4.5s ease-in-out; opacity:1;} .costchart.opaque>div.costchart_point.dot2::before {border-left:2px dashed #45593F; transition:0s border 6.5s, 0s opacity 6.5s, 2s height 6.5s ease-in-out; opacity:1;} .costchart>div.costchart_point.dot2 {width:155px; left:259px;} @media (max-width:500px) { .costchart {width:312px; height:288px;} .costchart>div {background-size:312px 288px; height:288px;} .costchart.opaque>div {width:312px;} .costchart.opaque>div.costchart_greenfade {height:288px;} .costchart>div.costchart_point {width:155px; top:190px; left:40px; font-size:11px;} .costchart>div.costchart_point.dot2 {width:135px; left:209px;} .costchart>div.costchart_point::after {width:18px; height:18px; bottom:0px;} .costchart>div.costchart_point::before {left:8px;} .costchart>div.costchart_point .point-text {left:28px; bottom:-4px;} } @media (max-width:380px) { .costchart>div.costchart_point {left:20px;} .costchart>div.costchart_point.dot2 {left:189px;} } @media (max-width:350px) { .costchart {width:282px; height:288px; left:-10px;} .costchart>div {background-size:282px 288px; height:260px;} .costchart.opaque>div {width:282px;} .costchart.opaque>div.costchart_greenfade {height:260px;} .costchart>div.costchart_point {width:155px; top:190px; left:18px; font-size:11px;} .costchart>div.costchart_point.dot2 {width:135px; left:175px;} .costchart>div.costchart_point .point-text {font-size:10px;} } ul.greenchecks-3 {margin-left:0; margin-bottom:0; list-style:none; display:flex; flex-wrap:wrap; padding:0;} ul.greenchecks-3 li {padding-left:36px; position:relative; width:100%; margin:0 0 24px;} @media (max-width:1023px) { ul.greenchecks-3 li {width:100%;} } ul.greenchecks-3 li:last-child {margin-bottom:0;} ul.greenchecks-3 li::before {background:url("/wp-content/themes/doc_rheum/images/greencheck-3.svg") no-repeat; background-size:contain; height:24px; width:24px; top:0; left:0; position:absolute; content:'';} .pie h3 {max-width:500px; margin:0; line-height:1.2em; position:relative;} .pie>h3 {padding-left:48px;} .pie * {color:#6D295A; z-index:1;} .pie p {margin:0; position:relative;} .pie-chart {margin:24px 0 0; position:relative; min-height:188px; display:flex; align-items:center; justify-content:flex-start; flex-wrap:wrap; padding-left:100px; align-content:center; max-width:580px;} .pie-chart::after {content:''; position:absolute; width:188px; height:188px; top:50%; transform:translateY(-50%); left:0; background-repeat:no-repeat; background-position:left center; z-index:-1;} .pie-50::after {background-image:url("/wp-content/themes/doc_rheum/images/fifty.svg");} .pie-85::after {background-image:url("/wp-content/themes/doc_rheum/images/eightyfive.svg");} .pie-78::after {background-image:url("/wp-content/themes/doc_rheum/images/seventyeight.svg");} .pie-40::after {background-image:url("/wp-content/themes/doc_rheum/images/forty.svg");} .page-panel.side-by-side.vari-height .grid-item.grid2 {height:unset;} @media (max-width:1023px) { .page-panel.side-by-side.vari-height .grid-item.grid1 {height:623px;} } @media (max-width:767px) { .page-panel.side-by-side.vari-height .grid-item.grid1 {height:540px;} } @media (max-width:640px) { .page-panel.side-by-side.vari-height .grid-item.grid1 {height:450px;} } @media (max-width:767px) { .pie-chart h3 {font-size:30px; line-height:38px;} .side-by-side.vari-height.pie .grid2 {padding-top:25px; padding-bottom:75px;} .pie-chart {left:-36px; width:calc(100% + 36px);} } .page-panel.vertcenter .center.flex {justify-content:center;} .page-panel.vertcenter .center.flex img {margin:15px 30px;} ol.legal {font-style:normal; font-weight:400; font-size:12px; line-height:16px; color:#A6A6A6;} ol.legal li {margin:5px 0;} @media (max-width:1200px) { .form-area .forminator-ui.forminator-custom-form[data-design="default"], .form-area .forminator-ui.forminator-custom-form[data-design="default"] {padding-left:30px !important; padding-right:30px !important;} } @media (max-width:767px) { .form-area {width:calc(100% + 16px); margin-left:-8px; min-height:200px;} .form-area .forminator-ui.forminator-custom-form[data-design="default"], .form-area .forminator-ui.forminator-custom-form[data-design="default"] {padding-left:16px !important; padding-right:16px !important;} } .become-a-patient {padding:40px 23% 40px 40px; position:relative; z-index:201;} @media (max-width:767px) { .become-a-patient {padding:40px 16px;} } .become-a-patient h1, .become-a-patient p {width:100%} .become-a-patient input#tags {border:2px solid #f7eadf; border-radius:50px; font-style:normal; font-weight:400; font-size:16px; position:relative; z-index:9999999999; line-height:20px; padding:12px 45px; background-image:url("/wp-content/themes/doc_rheum/images/search.svg"); background-repeat:no-repeat; background-position:12px center; width:calc(100% - 241px);} .become-a-patient input#tags:focus {border-color:#6D295A;} .become-a-patient .button-link {margin-top:0px; width:217px; margin-left:24px; padding:14px 23px;} .become-a-patient form.init {width:100%; display:flex;} @media (max-width:767px) { .become-a-patient form.init {flex-wrap:wrap;} } @media (max-width:640px) { .become-a-patient input#tags {width:100%; font-size:12px; padding:12px 6px 12px 45px;} .become-a-patient .button-link {margin-top:32px; width:217px; margin-left:auto; margin-right:auto;} } .page-template-template-become-a-patient ul.ui-autocomplete * {font-family:'Circular' !important;} .page-template-template-become-a-patient ul.ui-autocomplete {background:none; max-width:unset; padding:0; padding-left:0px !important; border:0; max-height:413px; z-index:999999; padding-top:0;} .page-template-template-become-a-patient ul.ui-autocomplete li {padding:0px; background:#fffcfa; font-size:16px; line-height:24px;} .page-template-template-become-a-patient ul.ui-autocomplete li .ui-menu-item-wrapper {padding:10px 19px;} .page-template-template-become-a-patient ul.ui-autocomplete li .ui-menu-item-wrapper.ui-state-active {background:#F4C7E8 !important; border:1px solid #F4C7E8 !important; color:rgb(51, 51, 51) !important;} .page-template-template-become-a-patient ul.ui-autocomplete::before {position:absolute; content:''; width:34px; height:26px; background:url("/wp-content/themes/doc_rheum/images/corner.png"); position:absolute; top:-26px; left:0px; z-index:-1; background-repeat:no-repeat;} .page-template-template-become-a-patient ul.ui-autocomplete::after {position:absolute; content:''; width:34px; height:26px; background:url("/wp-content/themes/doc_rheum/images/corner.png"); position:absolute; top:-26px; right:0px; z-index:-1; background-repeat:no-repeat; transform:rotateY(180deg);} .referral_form_panel.form-area form {max-width:455px; margin:0 auto !important;} input:focus, select:focus, textarea:focus, button:focus {outline:none;} .become {position:relative; z-index:201; overflow:hidden;} .become::after {content:''; position:absolute; bottom:-60vh; right:-30vh; height:100vh; width:100vh; border-radius:60vh; background:rgb(247, 216, 204); background:radial-gradient(circle, rgba(247, 216, 204, 1) 0%, rgba(247, 216, 204, 0) 70%); z-index:200;} .become::before {content:''; position:absolute; bottom:-60vh; right:30vh; height:100vh; width:100vh; border-radius:60vh; background:rgb(246, 219, 221); background:radial-gradient(circle, rgba(246, 219, 221, 1) 0%, rgba(246, 219, 221, 0) 70%); z-index:100;} @media (max-width:767px) { .become::before {right:-16vh} .become::after {right:-56vh} } .become .basic {z-index:201;} .become .basic .page-panel.become1 {padding-bottom:300px;} @media (max-width:767px) { .become .basic .page-panel.become1 {padding-bottom:220px;} } .become .rings {top:unset; bottom:65vh; right:unset; left:50%; transform:translateX(-50%); width:100vh; width:100vh;} .become.active::before, .become.active::after, .become.active .rings {opacity:0; transition:1s all ease-in-out;} @media (max-width:1023px) { .become .rings {top:unset; bottom:-300px; right:unset; left:50%; transform:translateX(-50%); width:600px; height:600px;} } @media (max-width:767px) { .become .rings {top:unset; bottom:-200px; right:unset; left:50%; transform:translateX(-50%); width:400px; height:400px;} } @media (max-width:480px) { .become .rings {top:unset; bottom:-150px; right:unset; left:50%; transform:translateX(-50%); width:300px; height:300px;} } .self_sign_up {text-align:center; justify-content:center; opacity:0; max-height:0px; overflow:hidden; position:relative;} .self_sign_up .page-panel {flex-wrap:wrap;} .self_sign_up h3 {width:100%; margin-bottom:32px;} .self_sign_up ul {text-align:center; justify-content:center; display:flex; width:100%;} @media (max-width:767px) { .self_sign_up ul {flex-wrap:wrap;} } .self_sign_up ul li {padding-left:32px; position:relative; margin:0 10px;} @media (max-width:767px) { .self_sign_up ul li {margin:5px 10px;} } .self_sign_up ul li::before {left:7px; top:-2px; content:''; width:20px; height:20px; position:absolute; background:url("/wp-content/themes/doc_rheum/images/checkmark_white.svg") no-repeat; background-size:contain;} .self_sign_up p {text-align:center; justify-content:center; display:block; width:100%;} .self_sign_up p a.button-link {margin-top:20px;} .become .become1 {display:block;} .become .become2, .become .become3 {display:none; z-index:99999; position:relative;} .become .step2 h4 {text-align:center; max-width:350px; margin:0 auto 30px; padding-left:16px; padding-right:16px;} @media (max-width:767px) { .become .step2 h4 {text-align:center; left:0; margin:0 auto; padding:0 24px 24px;} } .become-a-patient.step2 {padding:0px;} .become-a-patient.step2 .cell_6 {padding:40px; width:50% !important;} @media (max-width:767px) { .become-a-patient.step2 .cell_6 {padding:40px; width:100% !important;} } .become-a-patient.step2 .cell_6:first-child {background:#fffcfa;} .become-a-patient.step2 .cell_6:last-child {text-align:center; padding:40px 0px; min-height:310px;} .become-a-patient.step2 a.button-link {margin:0 auto 32px;} .become-a-patient.step2 p.referral_button {max-height:60px; transition:.5s max-height ease-in-out, .5s margin ease-in-out; margin-bottom:32px; overflow:hidden;} .become-a-patient.step2 p.referral_button.blind {max-height:0px; transition:.25s all .5s ease-in-out; opacity:0; margin:0px;} .become-a-patient.step2 .referral_documents {max-height:200px; transition:.5s max-height ease-in-out, .5s margin ease-in-out; margin-bottom:32px; overflow:hidden;} .become-a-patient.step2 .referral_documents.blind {max-height:0px; transition:.25s all .5s ease-in-out; opacity:0; margin:0px;} .become-a-patient.step2.border-yellow-mid {border:2px solid #fff4ea;} .referral_form_panel p:first-of-type {margin:0 !important;} .referral_form_panel form {margin:0 !important;} .referral_form_panel, .self-sign-form {display:none; padding:1px 0; margin:1px 0; width:100%;} .referral_form_panel.form-area form, .self-sign-form.form-area form {background:transparent !important; padding:0 !important; position:relative;} .referral_form_panel.form-area form .forminator-label.self-sign-form.form-area form .forminator-label {text-align:left !important; margin-bottom:5px !important;} .referral_form_panel.form-area .forminator-ui.forminator-design--flat .forminator-button-submit, .referral_form_panel.form-area .forminator-ui.forminator-design--default .forminator-button-submit {background:#fffcfa !important;} .referral_form_panel.form-area .forminator-ui.forminator-design--flat .forminator-button-submit:hover, .referral_form_panel.form-area .forminator-ui.forminator-design--default .forminator-button-submit:hover {background:#6D295A !important;} .form-area .forminator-ui.forminator-design--default #radio-1 .forminator-field {display:flex; flex-wrap:wrap; justify-content:flex-start;} .form-area .forminator-ui.forminator-design--default #radio-1 .forminator-field .forminator-label {width:100%;} .form-area .forminator-ui.forminator-custom-form .forminator-radio:not(.forminator-radio-inline):last-child {margin-bottom:20px !important;} .form-area .forminator-ui.forminator-design--default .forminator-radio, .form-area .forminator-ui.forminator-design--default .radioify .forminator-checkbox {font-size:20px !important; width:auto; margin-right:20px !important; margin-top:2px !important;} .form-area .forminator-ui.forminator-design--default .radioify .forminator-checkbox {display:inline-flex; border:none !important; background:transparent !important; padding:0 !important;} .form-area .forminator-ui.forminator-design--default .radioify .forminator-checkbox input:checked+.forminator-checkbox-box {border-radius:4px !important;} .form-area .forminator-ui.forminator-design--default .forminator-checkbox .forminator-checkbox-box {background-color:#fffcfa;} .form-area .forminator-ui.forminator-design--default .forminator-radio input:checked+.forminator-radio-bullet, .form-area .forminator-ui.forminator-design--default .radioify .forminator-checkbox input:checked+.forminator-checkbox-box {border-color:#6D295A !important; border-radius:4px !important; background-color:#6D295A !important; background-image:url("/wp-content/themes/doc_rheum/images/checkmark_white.svg"); background-repeat:no-repeat; background-size:contain;} .form-area .forminator-ui.forminator-design--default .forminator-radio .forminator-radio-bullet {color:#fffcfa !important;} t, .form-area .forminator-ui.forminator-design--default .radioify .forminator-checkbox .forminator-checkbox-box {background-color:#fffcfa !important;} .form-area .forminator-ui.forminator-design--default .forminator-radio .forminator-radio-bullet::before, .form-area .forminator-ui.forminator-design--default .radioify .forminator-checkbox .forminator-checkbox-box::before {background-color:transparent !important;} .form-area .forminator-ui.forminator-design--default .radioify .forminator-checkbox .forminator-checkbox-label {color:#4a4a4a;} .radioify .forminator-field {text-align:left;} .form-area .forminator-ui#forminator-module-2239.forminator-design--default .forminator-radio .forminator-radio-bullet, .form-area .forminator-ui.forminator-design--default .forminator-radio .forminator-radio-image {border-color:#ccc !important; background-color:#fffcfa;} .self-sign-form p {margin:0px;} .fullwidth {width:100%;} .self-sign-form.form-area {margin:32px auto !important; width:100%;} .self-sign-form form {margin:12px auto !important; display:inline-block;} .self-sign-form.form-area form {max-width:330px;} .self-sign-form.form-area .forminator-ui.forminator-design--default .forminator-checkbox {font-size:12px !important; border:1px solid #F4C7E8 !important; background-color:transparent !important; border-radius:4px !important; padding:10px 10px !important; color:#fffcfa !important; width:calc(50% - 12px);} .self-sign-form.form-area .forminator-ui.forminator-design--default .forminator-checkbox.geeble {color:#6D295A !important; border:1px solid #F4C7E8 !important; background-color:#F4C7E8 !important; transition:.25s all ease-in-out;} .self-sign-form.form-area .forminator-ui.forminator-design--default .forminator-checkbox .forminator-checkbox-box {color:#fffcfa !important; border-color:#F4C7E8 !important; background-color:transparent !important; border-radius:4px;} .self-sign-form.form-area .forminator-ui.forminator-design--default .forminator-checkbox .forminator-checkbox-box .forminator-checkbox-label {text-align:left !important;} .self-sign-form.form-area .forminator-ui.forminator-design--default .forminator-checkbox input:checked+.forminator-checkbox-box {border-color:#6D295A !important; border-radius:4px !important; background-color:#6D295A !important; background-image:url("/wp-content/themes/doc_rheum/images/checkmark_white.svg"); background-repeat:no-repeat; background-size:contain;} .self-sign-form #checkbox-1 .forminator-field {display:flex; justify-content:space-between;} .self-sign-form.form-area .forminator-ui.forminator-custom-form[data-design="default"] .forminator-checkbox:not(.forminator-checkbox-inline):first-child, .self-sign-form.form-area .forminator-ui.forminator-custom-form[data-design="default"] .forminator-checkbox:not(.forminator-checkbox-inline):last-child {margin-top:10px; margin-bottom:10px;} .self-sign-form.form-area .forminator-checkbox-label {text-align:left;} .self-sign-form.form-area .forminator-ui#forminator-module-2240.forminator-design--default .forminator-button-submit {background-color:#FFFCFA !important; color:#6D295A !important; margin:20px 0 10px !important; width:100% !important; display:block !important; max-width:unset !important;} .self-sign-button {max-height:100px; transition:.5s all .5s ease-in-out; width:100%; text-align:center; position:relative; overflow:hidden;} .self-sign-button.blind {max-height:0px; transition:.5s all .5s ease-in-out;} .faq_panel .accordion_title h3 p {display:inline;} .flexPanel .flex-panel-inner .connect-contact {margin:40px 0 0;} .flexPanel .flex-panel-inner .connect-contact h4 {margin:0;} .flexPanel .flex-panel-inner .connect-contact ul {margin:12px 0 0; padding:0; list-style:none;} .flexPanel .flex-panel-inner .connect-contact ul li {margin:0; padding:0 0 12px 32px; position:relative;} .flexPanel .flex-panel-inner .connect-contact ul li::before {position:absolute; content:''; width:20px; height:20px; top:2px; left:0; background-size:contain; background-repeat:no-repeat;} .flexPanel .flex-panel-inner .connect-contact ul li.pin::before {background-image:url("/wp-content/themes/doc_rheum/images/icon_pin.svg");} .flexPanel .flex-panel-inner .connect-contact ul li.phone::before {background-image:url("/wp-content/themes/doc_rheum/images/icon_phone.svg");} .flexPanel .flex-panel-inner .connect-contact ul li.mail::before {background-image:url("/wp-content/themes/doc_rheum/images/icon_mail.svg");} @media (max-width:767px) { .masthead_video .halfwidthright .cell_7 {padding-top:0;} .masthead_video .halfwidthright {margin-top:15.8vh;} .masthead_video .halfwidthleft h1 {margin-top:15.8vh;} } @media (max-width:640px) { .logos img {margin:11px 30px !important;} .logos .mdk {height:auto !important; width:calc(33% - 60px);} .logos .wellington {height:auto !important; width:calc(50% - 60px);} .logos .obm {height:auto !important; width:calc(67% - 60px);} .logos .aware {height:auto !important; width:calc(33% - 60px);} .logos .dbi {height:auto !important; width:calc(50% - 60px);} } .flex-panel-inner ul.circle-knot {display:flex; flex-wrap:wrap; max-width:350px; height:350px; list-style:none; font-size:18px; line-height:24px; color:#6D295A; font-weight:500; align-content:center; align-items:center; justify-content:center; text-align:center; margin:0;} .flex-panel-inner ul.circle-knot li.knot-link {width:185px; margin-right:-42px; margin-bottom:-42px; height:185px; border-radius:100px; border:2px solid rgba(199, 29, 160, .16); padding:0 25px; display:flex; transform:scale(50%); transition:.25s all ease-in-out; align-content:center; justify-content:center; align-items:center; opacity:0;} .flex-panel-inner ul.circle-knot.opaque li:nth-child(1).knot-link {transform:scale(100%); opacity:1; transition:.5s all 0s ease-in-out !important;} .flex-panel-inner ul.circle-knot.opaque li:nth-child(2).knot-link {transform:scale(100%); opacity:1; transition:.5s all .75s ease-in-out !important;} .flex-panel-inner ul.circle-knot.opaque li:nth-child(3).knot-link {transform:scale(100%); opacity:1; transition:.5s all 1.5s ease-in-out !important;} .flex-panel-inner ul.circle-knot.opaque li:nth-child(4).knot-link {transform:scale(100%); opacity:1; transition:.5s all 2.25s ease-in-out !important;} @media (max-width:767px) { .flex-panel-inner ul.circle-knot {margin-bottom:68px; padding-left:0px; height:300px; margin-left:auto; margin-right:auto;} .flex-panel-inner ul.circle-knot li.knot-link {width:165px; height:165px; margin-left:-21px; margin-right:-21px; padding:0 20px; font-size:16px;} .graphs .cell_5 {padding:0 !important;} .flexPanel .order-2.cell_6 {margin-top:0px; padding-bottom:0px;} } @media (min-width:768px) { .buttonarray {display:flex; justify-content:center;} .buttonarray a.button-link {display:inline-block; margin-left:12px; margin-right:12px;} } @media (max-width:767px) { .buttonarray a.button-link {margin-top:30px; min-width:227px;} } @media (min-width:1024px) { .masthead_video.mastheadtop .halfwidthleft, .masthead_image.mastheadtop .halfwidthleft {margin-top:19vh;} } .masthead_video.mastheadtop .halfwidthleft .cell_6, .masthead_image.mastheadtop .halfwidthleft .cell_6 {width:58.333% !important;} @media (max-width:767px) { .masthead_video.mastheadtop .halfwidthleft .cell_6, .masthead_image.mastheadtop .halfwidthleft .cell_6 {width:100% !important;} } .heartanimation {width:245px; margin:0 140px 0 auto; text-align:center; height:264px; position:relative;} @media (max-width:1200px) { .heartanimation {margin:0 100px 0 auto;} } @media (max-width:767px) { .heartanimation {margin:0 auto;} } .andheart {width:100%; position:absolute; bottom:0px; left:50%; transform:translateX(-50%); height:auto; transition:.75s width cubic-bezier(.68, -0.55, .27, 1.55);} .heartanimation.opaque .andheart {width:215px; transition:.75s width cubic-bezier(.68, -0.55, .27, 1.55);} .andtop {position:absolute; top:0; left:50%; transform:translateX(-50%); z-index:1; width:77px; height:77px; transition:.75s left cubic-bezier(.68, -0.55, .27, 1.55);} .andtop2 {position:absolute; top:0; left:50%; transform:translateX(-50%); z-index:0; width:77px; height:77px; transition:.75s left cubic-bezier(.68, -0.55, .27, 1.55);} .heartanimation.opaque .andtop {left:calc(50% - 12px); transition:.75s left .75s cubic-bezier(.68, -0.55, .27, 1.55);} .heartanimation.opaque .andtop2 {left:calc(50% + 12px); transition:.75s left .75s cubic-bezier(.68, -0.55, .27, 1.55);} ul.diamonds {list-style:none; margin-left:0; padding-left:0;} ul.diamonds li {padding-left:32px; position:relative;} ul.diamonds li::before {content:''; position:absolute; top:8px; left:0; width:16px; height:16px; transform:rotate(45deg); background:#fffcfa;} ul.diamondstar {list-style:none; margin-left:0; padding-left:0;} ul.diamondstar li {padding-left:27px; position:relative; margin-bottom: 5px;} ul.diamondstar li::before {content:''; position:absolute; top:5px; left:0; width:15px; height:15px; background:url(/wp-content/uploads/2024/11/four-point-star-white.svg) no-repeat; background-size:contain;} .flexPanel .flex-panel-inner ul.diamonds li h4 {margin:0;} .flexPanel .flex-panel-inner ul.diamonds li p {margin-top:10px;} .leadershipMobile .slick-arrow {top:unset; bottom:0px; background-color:transparent; width:40px; height:40px;} .leadershipMobile .slick-dots {top:unset; bottom:8px; left:12px; height:6px; background:none; border-radius:10px; } .leadershipMobile .slick-dots li {margin:0 8px 0 0; padding:0; width:47px; background:var(--lighttangerine); border:none; border-radius:10px; height: 6px; z-index: 67889888; display: flex; position: relative;} .leadershipMobile .slick-dots li.slick-active {width:47px;} .leadershipMobile.slick-slider {padding-top:0; padding-bottom:64px;} .leadershipMobile .slick-dots li button {width:10px; height:6px; top:0; background:none; border:none; transition:none;} .leadershipMobile .slick-dots li.slick-active button {width:47px; height:6px; transition:none; background:var(--tangerine);} .leadershipMobile .slick-arrow.slick-prev {right:56px; transform:rotate(180deg);} .page-panel.vertcenter.verttop .flex.flexCenter {align-items:center; justify-content:center;} .page-panel.vertcenter.verttop .flex.flexCenter img {margin:20px 40px;} .page-panel.vertcenter.verttop .flex.flexCenter img.slim {margin:20px 20px;} @media (max-width:767px){ .leadershipMobile .slick-dots { background:var(--lighttangerine);} .leadershipMobile .slick-dots li {margin:0; background:none; } } @media (min-width:1250px) { .page-panel.vertcenter.verttop .flex.flexCenter.flexShift img:first-child {margin-left:141px;} } @media (max-width:1023px) { #menu-item-2221 a {font-size:18px} } .roles .p {color:rgba(0, 0, 0, 0.7); margin-top:10px; margin-bottom:22px;} a.role_link {position:relative; display:block; height:100%; transition:.25s all ease-in-out;} a.role_link:hover {transform:scale(104%); transition:.25s all ease-in-out;} a.role_link .white-panel {box-shadow:none; transition:.25s all ease-in-out; position:relative;} a.role_link .white-panel::after {content:''; position:absolute; bottom:36px; right:24px; background:url("/wp-content/themes/doc_rheum/images/tangerine-arrow.svg") no-repeat; background-size:contain; height:21px; width:24px; transition:.25s all ease-in-out;} a.role_link:hover .white-panel {box-shadow:0 4px 7px #faeade; transition:.25s all ease-in-out;} a.role_link:hover .white-panel::after {right:16px; transition:.25s all ease-in-out;} .orangebox {font-style:normal; font-weight:400; font-size:12px; line-height:16px; color:#FF4D00; margin-right:12px; border:1px solid #ff4d00; padding:8px 10px; margin-top:10px;} .page-template-template-roles .pagination {padding:50px 24px 0px;} a.role_link .roles .flex { flex-wrap:wrap;} @media (min-width:1024px) { .default-page>.page>.flexPanel {width:calc(100% + 48px); margin-left:-24px;} } .bg-bottom-circles {background-size:59% auto !important;} @media (max-width:1023px) { .bg-bottom-circles {background-size:85% auto !important;} } @media (max-width:767px) { .masthead_video .halfwidthleft p.max-width-mobile, .max-width-mobile {max-width:62.5%;} } @media (min-width:768px) { .mission-align .cell_6:last-child {width:50% !important;} } .become-a-patient.step2 .cell_6.bg-yellow-mid.actively {transition:.25s background 1s ease-in-out; padding:0 !important; background-color:rgba(255, 253, 251, 0) !important; min-height:140px !important; border:1px solid #b7d8ac !important; background:#e6f8e0 !important; padding:17px 0 330px !important;} @media (max-width:767px) { .become-a-patient.step2 .cell_6.bg-yellow-mid.actively {padding:17px 0 !important;} } .become-a-patient.step2 .cell_6.bg-yellow-mid.actively #forminator-module-2239 .forminator-success {margin-left:-24px; width:calc(100% + 24px);} @media (max-width:1150px) { .become-a-patient.step2 .cell_6.bg-yellow-mid.actively #forminator-module-2239 .forminator-success {margin-left:0px; width:100%;} } @media (max-width:1023px) { .become-a-patient.step2 .cell_6.bg-yellow-mid.actively #forminator-module-2239 .forminator-success {padding-left:24px;} } .become-a-patient.step2 .cell_6.bg-yellow-mid.actively #forminator-module-2239 h4 {max-width:500px !important;} .form-area form#forminator-module-2239 .forminator-response-message {position:absolute !important; width:100% !important; left:0 !important; top:0 !important; min-height:140px !important; border:0px solid #b7d8ac !important; background:transparent !important; padding:25px 0 40px;} .page-panel.color-panel.vertcenter .flex {align-items:initial;} .page-panel.color-panel.vertcenter .flex img {max-width:140px; max-height:140px;} .page-panel.color-panel.vertcenter .flex .cell_4 {width:calc(33.333% - 24px); margin:12px;} @media (max-width:767px) { .page-panel.color-panel.vertcenter .flex .cell_4 {width:calc(50% - 24px); margin:12px; padding:16px;} } @media (max-width:640px) { .page-panel.color-panel.vertcenter .flex .cell_4 {width:calc(100%); margin:12px 0;} } @media (min-width:1024px) { .masthead_video.top-align .halfwidthleft, .masthead_image.top-align .halfwidthleft {margin-top:16vh;} .masthead_video.chc .halfwidthleft .cell_7 {min-width:840px;} } @media (max-width:767px) { .masthead_video.top-align .halfwidthleft h1 {margin-top:12.8vh;} .masthead_video.top-align .halfwidthleft p.max-width-mobile {max-width:100%;} } .masthead_runner {position:absolute; width:100%; bottom:0; min-height:75px; display:flex; align-items:center; z-index:34;} .masthead_runner .pageinner {text-align:center; max-width:863px; margin:0 auto; width:calc(100% - 48px);} .masthead_runner .pageinner ul {display:flex; justify-content:center; font-style:normal;} .masthead_runner .pageinner ul li {color:#ffb899 !important; font-size:24px; font-weight:500; line-height:1.25em; padding:0px 24px; position:relative;} .masthead_runner .pageinner ul li::after {position:absolute; height:100%; width:2px; background-color:#ffb899; right:0; top:0; content:'';} .masthead_runner .pageinner ul li:last-child::after {display:none;} @media (max-width:1023px) { .masthead_runner .pageinner ul {flex-wrap:wrap;} .masthead_runner .pageinner ul li {font-size:18px;} } @media (max-width:767px) { .masthead_video.chc, .masthead_image.chc, .chc .masthead_image_inner, .chc .masthead_image_inner img {height:94vh;} } .waitingroom {position:relative; top:-40px; right:0; max-width:383px;} @media (max-width:767px) { .waitingroom {top:-30px; right:-50px; max-width:100%; text-align:right; display:flex; justify-content:right;} .waitingroom img {height:auto; width:95%; max-width:383px;} } .page-panel.vertcenter.initial .flex {align-items:initial;} .faderunner {position:relative;} @media (min-width:1024px) { .faderunner {top:-40px} } .faderunner::after {position:absolute; bottom:32px; left:25px; width:calc(100% - 50px); height:6px; background-size:100% 100%; background-repeat:no-repeat; content:''; background-image:url(/wp-content/uploads/2022/12/Rectangle-2614-1.png);} @media (max-width:767px) { .faderunner::after {position:absolute; bottom:7px; left:0; width:calc(100% - 0px);} } .faderunner-orange::after {background-image:url(/wp-content/uploads/2022/12/Rectangle-2618-1.png);} .faderunner-yellow::after {background-image:url(/wp-content/uploads/2022/12/Rectangle-2617-1.png);} .bubbledash {position:relative;} .bubbledashinner {max-width:1130px; margin:0 auto; width:calc(100% - 48px); display:flex; position:relative;} .bubbledash_cell {width:33.333%; padding:112px 24px 0 32px; position:relative; z-index:2; opacity:0; transition:.25s all ease-in-out;} .bubbledash_cell_1 {margin-top:50px;} .bubbledash_cell_2 {margin-top:40px;} .bubbledash_cell_3 {margin-top:-34px;} .opaque .bubbledash_cell_1 {opacity:1; transition:.25s all .5s ease-in-out;} .opaque .bubbledash_cell_2 {opacity:1; transition:.25s all .75s ease-in-out;} .opaque .bubbledash_cell_3 {opacity:1; transition:.25s all 1s ease-in-out;} .bubbledash_cell::before {content:''; position:absolute; left:0; font-weight:500; top:112px;} .bubbledash_cell_1::before {content:'1';} .bubbledash_cell_2::before {content:'2';} .bubbledash_cell_3::before {content:'3';} .bubbledash_cell::after {content:''; background:url('/wp-content/uploads/2023/01/Group-2450-1-1.png') no-repeat; height:80px; width:80px; background-size:contain; position:absolute; top:0; left:0; opacity:0; transform:scale(50%); transition:.25s all ease-in-out;} .bubbledash_cell_2::after {background-image:url('/wp-content/uploads/2023/01/Group-2433-1.png');} .bubbledash_cell_3::after {background-image:url('/wp-content/uploads/2023/01/Group-2436-1.png');} .opaque .bubbledash_cell_1::after {opacity:1; transform:scale(100%); transition:.25s all .75s ease-in-out;} .opaque .bubbledash_cell_2::after {opacity:1; transform:scale(100%); transition:.25s all 1s ease-in-out;} .opaque .bubbledash_cell_3::after {opacity:1; transform:scale(100%); transition:.25s all 1.25s ease-in-out;} .bubbledashline {position:absolute; width:100%; top:0; left:0; background:url('/wp-content/uploads/2023/01/Line-362.png') center center no-repeat; height:98px; background-size:100% 100%;} .bubbledashline .bubbledashlineinner {height:100%; width:100%; position:absolute; right:0; top:0; background:#fffcfa; transition:1s width linear;} .opaque .bubbledashline .bubbledashlineinner {width:0; transition:2s width linear;} @media (max-width:767px) { .bubbledashinner {flex-wrap:wrap;} .bubbledash_cell {width:100%; padding:102px 0 0 32px;} .bubbledash_cell::before {left:10px; top:102px;} .bubbledash_cell::after {left:-19px;} .bubbledash_cell_1 {margin-top:0px;} .bubbledash_cell_2 {margin-top:30px; padding-left:60px;} .bubbledash_cell_2::before {left:38px} .bubbledash_cell_3 {margin-top:30px;} .bubbledashline {background-image:url('/wp-content/uploads/2023/01/Line-364-1.png'); height:72%; width:40px; top:20px; left:15px;} .bubbledashline .bubbledashlineinner {height:100%; width:100%; transition:1s height linear; top:unset; bottom:0;} .opaque .bubbledashline .bubbledashlineinner {height:0; width:100%; transition:2s height linear;} } @media (min-width:768px) { .center-desktop, .desktop-center {text-align:center;} } @media (max-width:1023px) { h2.h1-mobile {font-size:42px;} } @media (max-width:767px) { .center-desktop {width:calc(100% - 48px); margin-left:24px;} h2.h1-mobile {font-size:36px;} } @media (max-width:376px) { h2.h1-mobile {font-size:34px;} } .vector-14 {background-image:url('/wp-content/uploads/2022/12/Vector-14.png'); background-position:center 150px; background-size:cover; background-repeat:no-repeat;} h4 p {font-style:normal; font-weight:500 !important; font-size:24px; line-height:36px; color:#6D295A;} .company_masthead .masthead_image_inner img {height:calc(100vh - 75px);} @media (max-width:767px) { .company_masthead .masthead_image_inner img {height:calc(94vh - 75px);} } ul.orangex {list-style:none; text-align:left; margin:20px;} ul.orangex li {font-size:20px; text-align:left !important; line-height:32px; padding-left:29px; position:relative; margin-bottom:16px;} ul.orangex li::before {content:''; background:url("/wp-content/themes/doc_rheum/images/xmark.svg") no-repeat; background-size:contain; width:24px; height:24px; left:0px; top:3px; position:absolute;} @media (max-width:1350px) { ul.orangex {margin-bottom:0;} ul.orangex li {font-size:18px; line-height:24px;} } .page-template-template-become-a-patient ul.orangex {margin:0 24px;} @media (min-width:768px) { .page-template-template-become-a-patient ul.orangex {margin:0 auto; max-width:300px; width:auto;} } .page-template-template-become-a-patient ul.orangex li {color:inherit; margin-bottom:0; padding:0 0 10px 37px;} h4.borderbottom {border-bottom:1px solid #F4C7E8; padding-bottom:11px; margin:17px !important; text-align:left; padding-top:14px;} .flex-panel-inner ul.greenchecks, .flex-panel-inner ul.orangex {padding-left:0; padding-bottom:4px;} .flex-panel-inner ul.greenchecks li {margin-bottom:16px;} @media (max-width:767px) { h4.borderbottom, .flex-panel-inner ul.greenchecks, .flex-panel-inner ul.orangex {margin:10px !important;} } .bg-yellow-light .ovals .funkyline::before {background:#fffcfa;} @media (max-width:767px) { .bg-yellow-light .ovals .funkyline::after {background:#fffcfa;} } .arc-1 {background-image:url('/wp-content/uploads/2022/12/arc-1.png'); background-position:bottom right; background-repeat:no-repeat; background-size:15% auto;} .arc-2 {background-image:url('/wp-content/uploads/2022/12/arc-2.png'); background-position:top right; background-repeat:no-repeat; background-size:15% auto;} @media (max-width:1500px) { .arc-1, .arc-2 {background-size:17% auto;} } @media (max-width:1250px) { .arc-1, .arc-2 {background-size:20% auto;} } @media (max-width:767px) { .arc-1, .arc-2 {background-size:40% auto;} } @media (min-width:768px) { .page-panel.vertcenter.pinched .flex .cell_6 {width:50%;} } .company_masthead .masthead_image_inner img {min-height:84vh;} .company_masthead .masthead_runner .pageinner ul {justify-content:center;} @media (max-width:767px) { .company_masthead {height:94vh;} .company_masthead a.button-link {margin-left:0;} } i, em {font-style:italic;} .page-panel.normal-padding {padding-top:150px !important; padding-bottom:150px !important;} @media (max-width:767px) { .page-panel.normal-padding {padding-top:100px !important; padding-bottom:100px !important;} } .faq_panel .faq {border-top:1px solid #ffb899;} .faq_panel .faq:last-child {border-bottom:1px solid #ffb899;} @media (max-width:767px) { .faq_panel .accordion_title p {font-weight:700; font-size:18px; line-height:24px;} .mobile-top-padding-75 {padding-top:75px;} .bg-yellow-mid .faq_panel .faq {padding:16px 0;} .bg-plum .faq_panel .faq.accordion {padding:16px 0;} } footer .order-2 h6 {font-style:normal; font-weight:400; font-size:14px; line-height:22px;} footer .order-2 ul {margin-top:0;} footer .order-2 li {margin:10px 0 25px;} @media (min-width:1024px) { footer .order-2 h6 {font-style:normal; font-weight:400; font-size:17px; line-height:31px;} } .faq_list_desc {background:none !important;} .masthead_runner .pageinner {max-width:1200px !important;} .masthead_runner p.runner-light {margin:0; font-size:24px; font-weight:500; font-style:italic;} @media (max-width:1023px) { .masthead_runner p.runner-light {font-size:18px; margin:10px 0 0;} } .masthead_runner {min-height:100px !important;} @media (max-width:767px) { .masthead_runner .pageinner ul {justify-content:center !important;} .masthead_runner .pageinner ul li {font-size:16px !important;} .masthead_runner .pageinner {width:calc(100% - 28px) !important; padding:10px 0 !important;} .masthead_runner p.runner-light {font-size:16px; margin:0;} } .squiggle-panel .full-screen-width {flex-wrap:nowrap;} .squiggle-panel .full-screen-width .cell_3 {width:calc(50% - 600px) !important; padding-left:0; padding-right:0; min-width:23px;} .squiggle-panel .full-screen-width .cell_6 {width:calc(100% - 48px) !important; max-width:1200px !important;} .squiggle-outside .flex-panel-inner {display:flex; position:relative;} .squiggle-inside .flex-panel-inner {display:flex; position:relative;} .squiggle-inside .flex-panel-inner .squiggle-cell {width:33.33333%; position:relative;} .squiggle {height:78px; width:100%;} .tangerine-line {position:absolute; top:39px; left:109px; height:3px; width:calc(100% - 109px); min-width:0px; background:#ff4d00;} .tangerine-line#tangerine-line-2 {left:115px; width:0px; transition:0s width 0s linear;} .tangerine-line#tangerine-line-3 {left:111px; width:0px; transition:0s width 0s linear;} .tangerine-line#tangerine-line-4 {left:109px; width:0px; transition:0s width 0s linear;} .squiggle-outside .tangerine-line {position:absolute; top:39px; left:0; height:3px; width:0%; background:#ff4d00; transition:0s width 0s linear;} .squiggle-outside .tangerine-line#tangerine-line-5 {left:-26px;} .squiggle-panel p, .squiggle-panel h3 {padding-right:25px;} #squiggle1 {width:125px; position:relative; top:6px; left:-34px; height:66px;} #squiggle2 {width:111px; left:-23px; position:relative;} #squiggle3 {width:109px; position:relative; top:9px; left:-18px;} .squiggle1, .squiggle2, .squiggle3 {opacity:0;} .started .squiggle1, .started .squiggle2, .started .squiggle3 {opacity:1; stroke-width:3; stroke:#FF4D00; fill:transparent; stroke-dasharray:500 500; animation:dash 1.5s ease-in-out; animation-fill-mode:forwards;} .started .tangerine-line#tangerine-line-1 {width:calc(100% + 0px); transition:.5s width 0s ease-in-out;} .started .squiggle1 {transition:0s opacity .4s; animation-delay:.4s;} .started .tangerine-line#tangerine-line-2 {left:87px; width:calc(100% - 109px); transition:.5s width 1.45s ease-in-out;} .started .squiggle2 {transition:0s opacity 1.85s; animation-delay:1.85s;} .started .tangerine-line#tangerine-line-3 {left:87px; width:calc(100% - 102px); transition:.5s width 2.90s ease-in-out;} .started .squiggle3 {transition:0s opacity 3.35s; animation-delay:3.35s;} .started .tangerine-line#tangerine-line-4 {left:91px; width:calc(100% - 91px); transition:.5s width 4.65s ease-in;} .started .tangerine-line#tangerine-line-5 {width:calc(100% + 26px); transition:.5s width 5.15s ease-out;} @keyframes dash { from {stroke-dashoffset:500;} to {stroke-dashoffset:0;} } @media (max-width:767px) { .tangerine-dot {position:relative; padding-left:24px !important;} .tangerine-dot::before {position:absolute; left:-6px; top:10px; width:14.5px; height:14.5px; border-radius:15px; background:#ff4d00; content:''; opacity:0; transform:scale(50%); transition:.25s all .5s ease-in-out;} .tangerine-dot::after {position:absolute; left:0px; top:20px; width:2.5px; height:0%; border-radius:0; background:#ff4d00; content:''; transition:.25s all ease-in-out;} .started .tangerine-dot::before {opacity:1; transform:scale(100%); transition:.25s all ease-in-out;} .started .tangerine-dot::after {height:calc(100% + 26px); transition:.25s all .25s ease-in-out;} .tangerine-line#tangerine-line-1, .tangerine-line#tangerine-line-5 {display:none;} .squiggle-inside .flex-panel-inner {flex-wrap:wrap;} .squiggle-panel p, .squiggle-panel h3 {padding-left:25px; padding-right:0;} .squiggle-inside .flex-panel-inner .squiggle-cell {width:100%; padding-bottom:40px;} .squiggle-cell {position:relative;} .squiggle {height:50px; width:80px; position:absolute; top:-32px; left:-30px; transform:rotate(90deg);} #squiggle1 {width:105px; position:relative; top:5px; left:-7px; height:55px;} #squiggle2 {width:87px; top:-5px; position:relative;} #squiggle3 {width:76px; top:2px;} .tangerine-line#tangerine-line-2 {width:2.5px !important; left:0px !important; top:47px; height:0;} .tangerine-line#tangerine-line-3 {width:2.5px !important; left:0px !important; top:36px; height:0;} .tangerine-line#tangerine-line-4 {width:2.5px !important; left:0px !important; top:25px; height:0;} .started .tangerine-line#tangerine-line-2 {height:calc(100% - 77px); transition:.5s height 1.45s ease-out;} .started .tangerine-line#tangerine-line-3 {height:calc(100% - 76px); transition:.5s height 2.90s ease-out; top:16px;} .started .tangerine-line#tangerine-line-4 {height:calc(100% + 56px); transition:.5s height 4.75s ease-out; top:9px;} } @media (min-width:1024px) { .masthead_video.parallax_runner .halfwidthright {margin-top:28vh;} } .flexlist {display:flex; flex-wrap:nowrap; align-items:flex-start; justify-content:space-between;} .flexlist>div {width:72px; height:auto;} .flexlist p {margin-top:5px; width:calc(100% - 82px);} @media (max-width:767px) { .no-bottom-mobile {padding-bottom:0 !important;} .no-top-mobile {padding-top:0 !important;} .mobile-no-bottom-padding {padding-bottom:0 !important;} .mobile-no-top-padding {padding-top:0 !important;} } @media (min-width:768px) { .no-bottom-desktop {padding-bottom:0 !important;} .no-top-desktop {padding-top:0 !important;} .desktop-no-bottom-padding {padding-bottom:0 !important;} .desktop-no-top-padding {padding-top:0 !important;} } .ombre {background:linear-gradient(0deg, rgba(255, 244, 234, 1) 0%, rgba(255, 244, 234, 0) 100%) !important;} .ovals .flexPanel .cell_4 p {text-align:center;} .ovals .flexPanel .cell_4 p img {text-align:center; margin-left:auto; margin-right:auto;} .ovals .flexPanel .cell_4 p:first-of-type {padding:0; width:100%; padding:0; margin:0;} #bg-page.blog, #bg-page.single-post {background:#FFFCFA;} .blogpage {background:#FFFCFA; padding-top:120px;} @media (max-width:1023px) { .blogpage {padding-top:64px;} } @media (max-width:767px) { .blogpage {padding-top:32px;} } @media (max-width:640px) { .blogpage {padding-top:49px;} } .blog-feature {margin:24px 0; position:relative; margin-bottom:140px;} @media (max-width:1023px) { .blog-feature {width:calc(100% + 48px); margin-left:-24px; margin-right:-24px;} } @media (max-width:767px) { .blog-feature {margin-bottom:0;} } .blog-outer {display:flex; width:calc(100% + 48px); margin:30px -24px 50px; flex-wrap:wrap;} .blog-outer article {width:calc(50% - 48px); border:#FAEADE 1px solid; background:#fff; margin:24px; padding:16px;} @media (max-width:767px) { .blog-outer {margin:-54px -24px 75px;} .blog-outer article {width:calc(100% - 48px); margin-bottom:0px;} } @media (max-width:480px) { .blog-outer {margin:-40px -24px 75px;} } .blog-feature-panel {position:absolute; bottom:-80px; left:48px; border-left:#ff4d00 8px solid; background:#fff; width:calc(100% - 96px); max-width:621px; box-shadow:0px 10px 24px -6px rgba(24, 26, 42, 0.1); transition:.25s transform ease-in-out;} @media (max-width:767px) { .blog-feature-panel {position:relative; bottom:70px; width:calc(100% - 48px); left:24px; border-top:#ff4d00 8px solid; border-left:none;} } @media (max-width:480px) { .blog-feature-panel {bottom:50px;} } .blog-feature-panel:hover {transform:scale(104%); transition:.25s transform ease-in-out;} .blog-feature-panel a {display:block; padding:24px 30px;} .cats {margin-bottom:12px;} .cats span {color:#ff4d00; font-style:normal; font-weight:400; font-size:12px; line-height:16px; border:1px solid #FFB899; padding:4px 12px; display:inline-block;} .featured_author_meta {display:flex; align-items:center; justify-content:flex-start; margin-top:24px;} .wt-author-img {margin-right:24px;} .fa-name {font-style:normal; font-weight:500; font-size:14px; line-height:16px; color:#A6A6A6; margin-right:24px;} .news_date {font-style:normal; font-weight:400; font-size:14px; line-height:16px; color:#A6A6A6;} @media (max-width:480px) { .fa-name {font-size:12px; margin-right:24px;} .news_date {font-size:12px; line-height:16px; color:#A6A6A6;} } #header {box-shadow:0px 5px 9px -6px rgba(129, 136, 42, 0.1);} .and-news a {display:block;} .and-news .windowpane {width:100%; height:58.1%; position:relative; padding-bottom:54.1%;} .and-news .windowpane img {width:100%; height:100%; position:absolute; top:0; left:0; object-fit:cover;} .blog-panel {padding-top:16px;} .nav-links {display:flex; width:100%; justify-content:center; gap:20px; margin-bottom:75px;} .nav-links a {font-size:16px; display:inline-block; padding:9px 23px; border:2px solid #6D295A; color:#6D295A; position:relative; background-color:#FFFCFA; border-radius:3px; font-weight:600; line-height:1; display:inline-block; margin-top:30px; transition:.25s all ease-in-out; cursor:pointer;} .nav-links a:hover, .nav-links a:hover {background:#6D295A; color:#FFFCFA; transition:.25s all ease-in-out;} .blog-default-inner {width:100%; max-width:800px; margin-left:auto; margin-right:auto; padding-top:50px; padding-bottom:30px;} .blog-default-inner h1.h2 {text-align:left; margin-bottom:0;} @media (max-width:1023px) { .blog-default-inner h1.h2 {font-size:36px !important; line-height:45px;} } .team-default { padding:80px 0 80px;} .team-default-inner { margin-left:auto; margin-right:auto;} .team-default-inner h1.h1 {text-align:left;} /*@media (max-width:1023px) { .team-default-inner h1.h2 {font-size:36px !important; line-height:45px;} }*/ .team-image-panel .blog-masthead img {margin: 12px auto 12px; } @media (max-width:767px) { .team-image-panel .blog-masthead img {max-width:66.667%;} } .blog-content-panel {width:100%; max-width:960px; margin-left:auto; margin-right:auto; padding-bottom:150px;} @media (max-width:1023px) { .blog-content-panel {padding-bottom:75px;} } .blog-content-panel h3 {color:#ff4d00; margin-top:48px;} .blog-content-panel h1, .blog-content-panel h2, .blog-content-panel h3, .blog-content-panel h4, .blog-content-panel h5, .blog-content-panel h6, .blog-content-panel p, .blog-content-panel ul, .blog-content-panel ol, .blog-content-panel .social-content {width:100%; max-width:800px; margin-left:auto; margin-right:auto;} .blog-content-panel img, .blog-masthead img {border-radius:4px; margin:20px auto 50px;} .blog-content-panel blockquote {border:none; border-left:#6D295A 4px solid; background:#F4C7E8; padding:10px 32px;} .blog-content-panel blockquote p {color:#6D295A; font-style:italic; font-weight:500; font-size:24px; line-height:32px; text-align:left; max-width:100%;} .blog-content-panel ul li {margin-left:20px;} .blog-content-panel ol li {margin-left:80px;} .blog-content-panel .wp-caption {width:100% !important; max-width:960px !important; margin:50px auto;} .blog-content-panel .wp-caption img {margin-bottom:0;} .blog-content-panel .wp-caption p.wp-caption-text {font-style:normal; font-weight:400; font-size:14px; line-height:16px; color:#4D4D4D; width:100%; max-width:960px;} .caption-content {margin-top:50px; padding-top:10px; border-top:#FAEADE 1px solid; margin-bottom:30px;} .caption-content p {font-style:normal; font-weight:400; font-size:14px; line-height:18px; color:#A6A6A6;} .press-content p, .social-content span {font-style:normal; font-weight:400; font-size:14px; line-height:18px;} .social-content {display:flex; align-items:center; gap:20px; margin-top:12px; margin-bottom:12px;} @media (max-width: 767px) { .single .default-header {margin:74px auto 20px;} .single .blog-masthead {width:calc(100% + 48px); margin:0px -24px auto;} .single .blog-masthead img {border-radius:0;} .blog-content-panel ol li {margin-left:48px;} } .caption-content p b {font-weight:500; margin-bottom:10px; display:inline-block;} .single-post .default-header {min-height:160px;} :root {--teal:#006C8C; --light-teal:#6EBFF1; --lightest-teal:#C8EAFF; --yellow:#FFBD5B; --lightest-yellow:#FFDEAD; --teal-bg:#BFE6FE; --teal-bg-light:#DAF1FF; --purple:#6D295A; --tang:#FF4D00;} #impact h1, #impact h2, #impact h3, #impact h5 {color:var(--purple) !important;} #impact .company-header-padding {padding-top:1rem; padding-bottom:1rem;} #impact .impact-top-section {padding-bottom:0 !important;} #impact .what-is-impact-section {padding-top:0 !important;} @media (min-width: 640px) { #impact .mainnav {height:36px;} } #impact #main-panel-1 {background-position:center -50px;} #impact .impact-also-treats {padding-bottom:0 !important;} #impact .yellowbull {font-style:normal; font-weight:400; font-size:12px; line-height:18px; color:var(--purple); padding-left:24px; position:relative;} #impact .yellowbull::before {position:absolute; top:0; left:0; height:16px; width:16px; border-radius:100vw; content:''; background:var(--yellow);} #impact p strong {color:var(--purple) !important;} #impact p strong.light {color:var(--light-teal) !important;} @media (min-width: 768px) { #impact .flexPanel .cell_12.extrawide {width:calc(100% + 50px); margin:-25px;} } #impact div.yellowleft {border-left:2px solid var(--yellow);} #impact a.button-link, #impact .button-link {border:2px solid var(--purple); color:var(--purple); padding:14px 87px;} #impact a.button-link:hover, #impact .button-linkHover {background:var(--purple); color:#fffcf8;} #impact .pageinner .flexPanel {max-width:80rem !important; margin:0 auto;} #impact .basic.full-screen-width .page-panel .flexPanel .cell_12 {padding-left:25px !important; padding-right:25px !important; padding-top:0 !important; padding-bottom:0 !important;} #impact .bg-grey-mid {background-color:var(--teal-bg);} #impact .bg-grey-light {background-color:var(--teal-bg-light);} #impact .outcomes .pt-0 {padding-top:0 !important;} #impact .outcomes .pb-0 {padding-bottom:0 !important;} #impact .outcome_autoimmune_content .outcome_panel {min-height:210px;} #impact .outcome_migraine_content .outcome_panel {min-height:250px;} @media (max-width:1023px) { #impact .outcome_autoimmune_content .flexPanel .cell_3, #impact .outcome_migraine_content .flexPanel .cell_3 {width:50%;} } @media (max-width:767px) { #impact .outcome_autoimmune_content .flex-panel-inner, #impact .outcome_migraine_content .flex-panel-inner {margin:0 auto;} #impact .outcome_autoimmune_content .flexPanel .cell_3, #impact .outcome_migraine_content .flexPanel .cell_3 {width:100%;} } #impact .outcome_panel h4 {line-height:32px;} #impact .outcome_panel h4.ml-0 {margin-left:0 !important;} #impact .outcome_panel h4.mt-0 {margin-top:0 !important;} #impact .bluepipes {padding-top:20px; padding-bottom:20px;} #impact .bluepipes .cell_4 {border-left:var(--light-teal) 1px solid; padding-top:0; padding-bottom:0;} #impact .bluepipes .cell_4:first-child {border:none;} #impact h3 {font-size:48px; line-height:58px} #impact h3.forefront {font-size:32px; line-height:40px} #impact h5 {line-height:28px;} #impact .faq_panel .faq.accordion {border-color:var(--yellow);} #impact .faq_panel .faq.accordion h4 {margin-bottom:0; text-align:left} #impact .operand {top:8px;} #impact .operand .bg-grey {background-color:var(--light-teal) !important;} #impact .orange-bg {background-color:#FF4D00; min-height:190px; display:flex; align-items:center; justify-content:center;} #impact .orange_text {color:#FFFCFA; font-size:24px; font-weight:500; line-height:32px;} #impact .orange_text .large-text {font-size:48px; font-style:normal; font-weight:700; line-height:58px;} #impact p.orange_text {margin:14px 0;} @media (max-width:1100px) { #impact .orange_text .large-text {font-size:28px; line-height:38px;} #impact .orange_text {font-size:14px; line-height:22px;} } #impact .orange-bg .yellowbull {color:#FFFFFF;} #impact .orange-bg .flex-panel-inner {margin-top:0;} #impact .disclaimer-panel {padding-top:16px;} #impact .disclaimer-panel .flex-panel-inner {margin-top:0;} #impact .disclaimer {color:#4D4D4D; font-size:12px; font-style:normal; font-weight:400; line-height:16px; margin:0;} @media (max-width:1023px) { #impact .arc-1 .flexPanel {grid-template-columns:1fr; grid-template-rows:repeat(2);} } #impact .arc-1 .cell_6:first-child {background:var(--teal-bg); width:100%; height:100%;} #impact .arc-1 .cell_6:last-child {background:var(--teal-bg-light); width:100%; width:100%;} #impact .arc-1 .cell_6 h4 {margin:0 !important;} #impact .arc-1 .cell_6 .legal {text-align:left !important;} #impact .impactH2 {margin-bottom:30px;} #impact .faq_panel .faq {border-color:var(--yellow);} #impact .faq_panel .accordion_title p {color:var(--purple);} #impact .operand .plus, #impact .operand .minus {background-color:var(--tang) !important;} #impact .centerpinched {max-width:800px; margin-left:auto; margin-right:auto;} #impact h4.crossbold {font-weight:400;} #impact h4.crossbold strong {font-weight:500;} #impact h2.accordionh2 {margin-bottom:50px;} #impact .faq_list_desc h4 {color:#FF4D00 !important;} #impact .impactfooter {background:#f2f2f2; border-top:8px solid var(--yellow);} #impact .impactfooter p {color:#4D4D4d;} #impact .impactfooter a, #impact .impactfooter #copy {color:var(--teal);} #impact #menu-legal-menu li {border-right:1px solid var(--teal);} #impact #menu-legal-menu li:last-child {border-right:none;} #impact .wp-video {width:100%; border-radius:7px; overflow:hidden; box-shadow:0px 3px 6px rgba(0, 0, 0, .3); outline:none; background:transparent;} #impact .calculator.slipgrid .social {display:flex; gap:10%;} #impact .calculator.slipgrid .social img {max-width:45%;} #impact .pt-0 {padding-top:0;} #impact .pb-0 {padding-bottom:0;} @media (max-width: 1037px) { #impact .carousel-lg {display:none;} } @media (max-width: 1023px) { #impact .mainnav .flex.items-center.justify-between {justify-content:flex-start !important;} #impact #main-panel-1 .page-panel {padding:20px 0px;} #impact a.button-link, #impact .button-link {margin-left:0; margin-right:0; width:100%;} #impact .mobile-center {text-align:center; margin-left:auto; margin-right:auto;} #impact .page-panel.vertcenter .flex .cell_6 {padding-right:16px; padding-left:16px;} #impact h3 {font-size:38px; line-height:48px; font-weight:600;} #impact .bluepipes .cell_4 {border:none; padding:40px 24px; position:relative;} #impact .bluepipes .cell_4:first-child {padding-top:20px;} #impact .bluepipes .cell_4:last-child {padding-bottom:0;} #impact .bluepipes {padding-top:0} #impact .bluepipes .cell_4::after {width:50%; left:25%; height:1px; bottom:0; position:absolute; content:''; background:var(--light-teal);} #impact .bluepipes .cell_4:nth-child(3) {padding-bottom:20px;} #impact .bluepipes .cell_4:nth-child(3)::after {display:none;} #impact .bluepipes .cell_4 .flex-panel-inner {margin-top:0;} #impact .page-panel.accordion-panel .flex .cell_6 {padding-right:0; padding-left:0;} #impact h2.accordionh2 {margin-bottom:0px; margin-top:40px;} #impact .arc-1 .yellowbull {margin-bottom:8px;} #impact .arc-1 .cell_6:first-child {background:rgb(161, 216, 250); background:-moz-linear-gradient(0deg, rgba(161, 216, 250, 1) 0%, rgba(200, 234, 255, 1) 100%); background:-webkit-linear-gradient(0deg, rgba(161, 216, 250, 1) 0%, rgba(200, 234, 255, 1) 100%); background:linear-gradient(0deg, rgba(161, 216, 250, 1) 0%, rgba(200, 234, 255, 1) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#a1d8fa", endColorstr="#c8eaff", GradientType=1);} #impact .arc-1 .cell_6:first-child .bg-grey-mid {background:transparent;} #impact .faq_panel .faq, #impact .faq_panel .faq.accordion {padding-left:0} #impact .faq_panel .faq h4, #impact .faq_panel .faq.accordion h4, #impact .faq_panel .faq h4 p {font-weight:600 !important; font-size:20px !important; line-height:28px !important;} #impact .operand {top:5px;} #impact .faq_list_desc a.button-link, #impact .faq_list_desc .button-link {margin-left:auto; margin-right:auto; margin-top:36px !important; width:80%; padding-right:24px; padding-left:24px;} #impact .impactfooter .flex {display:block; margin-top:20px; line-height:1.4em;} #impact .menu, #impact .menu li, #impact .menu-legal-menu-container {display:inline;} } @media (max-width:767px) { #impact .accordion-panel .cell_12.mobile-only-1024 p img {max-width:100% !important;} #impact a.button-link, #impact .button-link {max-width:300px; margin:0 auto;} #impact .orange-bg {padding:12px 50px; min-height:auto;} #impact .disclaimer-panel {padding:16px 50px;} } #impact .justify-center .full-screen-width.flexPanel {margin:0 auto; max-width:80em !important; justify-content:center;} #impact .teal .teal {background:#006C8C; padding:50px 24px !important;} @media (max-width:767px) { #impact .teal .teal {background:#006C8C; padding:35px 0 !important;} } #impact .teal input, #impact .teal textarea {margin-top:8px; background:#FFFFFF; border:1px solid #FAEADE; border-radius:4px; width:100%; max-width:389px; padding:12px; height:43px; left:0px; right:0px; font-style:normal; font-weight:400; font-size:16px; line-height:22px; color:#A6A6A6;} #forminator-module-2674 {text-align:center; justify-content:center;} #impact .teal .forminator-label, #impact .teal .forminator-description, #impact form .forminator-response-message.forminator-error {position:absolute; position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0, 0, 0, 0) !important; white-space:nowrap !important; border:0 !important;} #impact .forminator-edit-module {display:none;} #impact .forminator-error-message {position:relative; display:block; margin:10px auto; max-width:369px; text-align:left; font-size:12px; color:#fffcfa; font-style:italic;} #impact .teal button {background:#66A6B8; max-width:248px; color:#006C8C; margin:24px auto 0; display:block; width:100%; font-weight:600; border-radius:4px; padding:15px;} #impact form .forminator-response-message.forminator-show {position:relative !important; width:100% !important; left:0 !important; top:0 !important; min-height:140px !important; border:1px solid #b7d8ac !important; background:#e6f8e0 !important; padding:25px 20px 20px;} #impact form .forminator-response-message.forminator-loading {padding:20px 0 !important; color:#fffcfa !important; font-weight:600 !important; font-size:20px !important; margin:0 !important; min-height:0px !important; text-align:center !important; background:none !important; border:none !important; text-align:center !important; justify-content:center !important; margin:0 auto !important;} #impact form#forminator-module-2674 .forminator-response-message.forminator-loading p {text-align:center !important; justify-content:center !important; margin:0 auto !important; width:100% !important; display:block !important;} #impact form {position:relative;} #impact form h4.checkmark::before {background-image:url('/wp-content/themes/doc_rheum/images/checkcircle_green.svg'); top:0; left:0; content:''; width:34px; height:34px; z-index:3; position:absolute;} #impact form h4.checkmark {margin:0 !important; padding:2px 50px 8px 43px !important; text-align:left !important; color:#45593f !important; font-weight:700 !important; font-size:20px !important; line-height:28px !important; color:#4D4D4D !important;} #impact form .forminator-response-message.forminator-show p {margin-top:0 !important; padding:2px 50px 0 43px !important; text-align:left !important; margin-bottom:7px;} #impact form#forminator-module-2674 .checkmark::after {display:none;} #impact .icon_header {color:#4D4D4D; text-align:center; font-size:20px; font-style:normal; font-weight:400; line-height:28px;} #impact .impact_icons {display:flex; color:#6D295A; font-size:16px; font-style:normal; font-weight:700; line-height:18px; align-items:center; justify-content:center;} #impact .impact_icons a {display:flex; color:#6D295A; font-size:16px; font-style:normal; font-weight:700; line-height:18px; align-items:center; justify-content:center;} #impact .pb-0 {padding-bottom:0 !important;} #impact .pt-0 {padding-top:0 !important;} @media (max-width: 767px) { #impact .what-is-impact-section .cell_3 {padding:6px 0;} #impact .what-is-impact-section .cell_3 .flex-panel-inner {margin-top:0;} } .page-template-template-companypage .navLogo {width:auto;} .page-template-template-companypage .page-panel#main-panel-1.side-by-side {height:75vh; position:relative; z-index:900; overflow:visible;} .page-template-template-companypage .page-panel#main-panel-1.side-by-side .grid2 {height:75vh;} @media (max-width: 1279px) { .page-template-template-companypage .page-panel#main-panel-1.side-by-side {height:75vh;} .page-template-template-companypage .page-panel#main-panel-1.side-by-side .grid2 {height:75vh;} .page-template-template-companypage .side-by-side.reversal .grid-item .content-inner {padding-top:0;} } @media (min-width: 1024px) and (max-height:800px) { .page-template-template-companypage .page-panel#main-panel-1.side-by-side {height:90vh;} .page-template-template-companypage .page-panel#main-panel-1.side-by-side .grid2 {height:90vh;} } @media (min-width: 1024px) and (max-height:700px) { .page-template-template-companypage .page-panel#main-panel-1.side-by-side {height:100vh;} .page-template-template-companypage .page-panel#main-panel-1.side-by-side .grid2 {height:100vh;} } @media (max-width: 1023px) { .page-template-template-companypage .page-panel#main-panel-1.side-by-side {height:60vh;} .page-template-template-companypage .page-panel#main-panel-1.side-by-side .grid2 {height:60vh;} } @media (max-width: 950px) { .page-template-template-companypage #main-panel-1 h1 {font-size:31px;} } @media (max-width: 767px) { .page-template-template-companypage .page-panel#main-panel-1.page-panel.side-by-side .grid-item.grid1 {height:auto;} } .page-template-template-companypage #main-panel-1 .content-inner {max-width:630px;} .page-template-template-companypage #main-panel-1 .grid1.content-panel {align-items:flex-start; padding-top:100px; overflow:visible;} .page-template-template-companypage #main-panel-1 h1 {font-weight:700; line-height:normal;} .page-template-template-companypage #main-panel-1 a.button-link, .button-link {margin-top:10px;} .page-template-template-companypage .company-header-padding {padding-top:16px; padding-bottom:16px;} @media (max-width: 767px) { .page-template-template-companypage .page-panel#main-panel-1.side-by-side {height:auto;} .page-template-template-companypage .page-panel#main-panel-1.side-by-side .mobile_height_40 {height:60vh !important;} .page-template-template-companypage .company-header-padding {padding-top:12px !important; padding-bottom:12px !important;} .page-template-template-companypage #main-panel-1.side-by-side {margin-top:56px;} .page-template-template-companypage #main-panel-1.page-panel .content-inner {padding-top:0;} .page-template-template-companypage #main-panel-1 .grid1.content-panel {padding-top:50px;} } @media (max-width: 480px) { .page-template-template-companypage #main-panel-1.page-panel .content-inner {padding-top:0;} .page-template-template-companypage #main-panel-1.page-panel.side-by-side .grid-item.grid1 {height:50vh;} } .page-template-template-companypage .company_card_container .company_card_container {padding-top:40px;} .page-template-template-companypage .company_card_container .cell_6 {padding:8px 0 !important;} .page-template-template-companypage .company-card {background:#FFF; box-shadow:0px 3px 10px 0px rgba(0, 0, 0, 0.08); display:flex; justify-content:flex-start; align-items:flex-start; padding:0 20px 16px 0; width:100%; max-width:419px; margin:0 auto;} @media (max-width: 767px) { .page-template-template-companypage .company-card {margin:0 auto;} } .page-template-template-companypage .company-card .image {flex-shrink:0;} .page-template-template-companypage .company-card .text h4 {margin:0; padding:18px 0 0; text-align:left !important;} .page-template-template-companypage .company-card .text .texter {padding:10px 0 0; text-align:left !important; font-size:20px; font-style:normal; font-weight:400; line-height:28px; color:#4D4D4D;} .page-template-template-companypage .company-card .image img {display:block; height:auto; width:100%; max-width:64px; margin-top:0;} .page-template-template-companypage .comp_header_h3 {max-width:710px; width:100%; margin:0 auto;} @media (max-width: 992px) { .page-template-template-companypage .comp_header_h3 {max-width:640px;} } .page-template-template-companypage .tabs {width:fit-content; height:48px; display:flex; justify-content:center; align-items:center; flex-shrink:0; border-radius:4px; background:#FAEADE; margin:15px auto; padding:0 3px;} .page-template-template-companypage .outcomes .tabs {background:#FFBD5B;} .page-template-template-companypage .tabs .tab {width:140px; height:42px; flex-shrink:0; display:flex; justify-content:center; align-items:center; text-align:center; font-size:20px; font-style:normal; font-weight:400; cursor:pointer;} .page-template-template-companypage .tabs .tab.active {background:#FFF; box-shadow:0px 3px 12px 0px rgba(0, 0, 0, 0.10); color:#6D295A; font-size:20px; font-style:normal; font-weight:500;} .page-template-template-companypage .comp_migraine_content {display:none;} .page-template-template-companypage .comp_autoimmune_content {display:none;} .page-template-template-companypage .comp_migraine_content.active {display:block;} .page-template-template-companypage .comp_autoimmune_content.active {display:block;} .page-template-template-companypage .comp_autoimmune_content .flexPanel .flex-panel-inner h4, .page-template-template-companypage .comp_migraine_content .flexPanel .flex-panel-inner h4 {margin:0 0 15px;} .page-template-template-companypage .float-purple-number.one {position:absolute; top:-7px; left:105px;} .page-template-template-companypage .float-purple-number.two {position:absolute; top:-7px; left:308px;} .page-template-template-companypage .float-purple-number.three {position:absolute; top:-7px; left:201px;} .page-template-template-companypage .float-purple-number.four {position:absolute; top:-7px; left:196px;} .page-template-template-companypage .comp_autoimmune_content .flexPanel .flex-panel-inner p, .page-template-template-companypage .comp_migraine_content .flexPanel .flex-panel-inner p {margin:0 0 10px;} .page-template-template-companypage .comp_autoimmune_content .flexPanel .flex-panel-inner p.bold, .page-template-template-companypage .comp_migraine_content .flexPanel .flex-panel-inner p.bold {margin:10px 0 0; font-weight:700;} @media (max-width: 1250px) { .page-template-template-companypage .comp_autoimmune_content .flexPanel .flex-panel-inner h4, .page-template-template-companypage .comp_migraine_content .flexPanel .flex-panel-inner h4 {font-size:24px; line-height:36px;} } @media (max-width:767px) { .page-template-template-companypage .content_panel_4 .flex-panel-inner {align-items:flex-start !important;} .page-template-template-companypage .content_panel_4 h4, .page-template-template-companypage .content_panel_4 p {text-align:left !important;} .page-template-template-companypage .comp_autoimmune_content .flexPanel .flex-panel-inner h4, .page-template-template-companypage .comp_migraine_content .flexPanel .flex-panel-inner h4 {font-size:21px; line-height:31px;} .page-template-template-companypage .float-purple-number.one {top:-7px; left:89px;} .page-template-template-companypage .float-purple-number.two {top:-7px; left:268px;} .page-template-template-companypage .float-purple-number.three {top:-7px; left:174px;} .page-template-template-companypage .float-purple-number.four {top:-7px; left:168px;} } .page-template-template-companypage .custom-accordion h4 {margin-left:0; text-align:left; margin-top:0;} .page-template-template-companypage .outcome_migraine_content {display:none;} .page-template-template-companypage .outcome_autoimmune_content {display:none;} .page-template-template-companypage .outcome_migraine_content.active {display:block;} .page-template-template-companypage .outcome_autoimmune_content.active {display:block;} .page-template-template-companypage .outcomes .pt-0 {padding-top:0 !important;} .page-template-template-companypage .outcomes .pb-0 {padding-bottom:0 !important;} .page-template-template-companypage .outcome_autoimmune_content .outcome_panel {min-height:210px;} .page-template-template-companypage .outcome_migraine_content .outcome_panel {min-height:250px;} @media (max-width:1023px) { .page-template-template-companypage .outcome_autoimmune_content .flexPanel .cell_3, .page-template-template-companypage .outcome_migraine_content .flexPanel .cell_3 {width:50%;} } @media (max-width:767px) { .page-template-template-companypage .outcome_autoimmune_content .flex-panel-inner, .page-template-template-companypage .outcome_migraine_content .flex-panel-inner {margin:0 auto;} .page-template-template-companypage .outcome_autoimmune_content .flexPanel .cell_3, .page-template-template-companypage .outcome_migraine_content .flexPanel .cell_3 {width:100%;} } .page-template-template-companypage .outcome_panel h4 {line-height:32px;} .page-template-template-companypage .outcome_panel h4.ml-0 {margin-left:0 !important;} .page-template-template-companypage .outcome_panel h4.mt-0 {margin-top:0 !important;} .masthead_circle_group {display:flex; margin-bottom:20px;} .company_masthead_circle {border-radius:90px; height:32px; display:flex; align-items:center; justify-content:center; flex-shrink:0; width:100%; margin-right:15px; color:#4D4D4D !important; max-width:fit-content; padding:0 20px;} .company_masthead_circle.green {background:#D5EACC;font-size:20px; padding: 0 20px 0 12px;} .company_masthead_circle.purple {background:#F4C7E8; font-size:20px; padding: 0 20px 0 12px;} .company_masthead_circle.blue {background:#C8EAFF; font-size:20px; padding: 0 20px 0 12px;} .company_masthead_circle.sand {background:#FAEADE;} .company_masthead_circle.yellow {background:#FFBD5B;} .company_masthead_circle.tang {background:#FFB899;} .page-template-template-companypage .mb-auto {margin-bottom:auto !important;} .page-template-template-companypage .company_footer_purple {border-bottom:8px solid #FFBD5B;} .page-template-template-companypage .company_footer_purple .button-link:hover {background:#FFDEAD !important; box-shadow:none !important; color:#6D295A !important;} .page-template-template-companypage .mainnavlogo {display:flex;} .page-template-template-companypage .navLogo {width:100%; max-width:140px; min-width:140px;} .page-template-template-companypage .company_logo {border-left:1px solid #A6A6A6; padding-left:10px; margin-left:10px; width:100%;} .page-template-template-companypage .company_logo img {max-height:30px;} @media (max-width:767px) { .page-template-template-companypage .navLogo {max-width:100px; min-width:100px;} .page-template-template-companypage .company_logo img {max-height:25px;} } .page-template-template-companypage .comp_migraine_content .flex-panel-inner, .page-template-template-companypage .comp_autoimmune_content .flex-panel-inner {display:flex; flex-direction:column; align-items:flex-start;} .page-template-template-companypage .comp_migraine_content.content_panel_4 .flex-panel-inner, .page-template-template-companypage .comp_autoimmune_content.content_panel_4 .flex-panel-inner {align-items:center;} .page-template-template-companypage .number_headline {position:relative;} .slick-slider.testimonials .testimonials {padding-top:0;} .slick-slider.testimonials .testimonial_cards {max-width:734px; width:100%; background:#FFFFFF; margin:0 50px;} .slick-slider.testimonials .testimonial_cards.slick-current {box-shadow:0px 3px 10px 0px rgba(0, 0, 0, 0.08);} .slick-slider.testimonials .slick-slide {opacity:0;} .slick-slider.testimonials .slick-slide.slick-center {opacity:1;} .slick-slider.testimonials .wp-video {border-radius:0 !important;} .slick-slider.testimonials .testimonial_header {padding:0;} .slick-slider.testimonials .cell_5.testimonial_header {max-width:291px; width:100%;} .slick-slider.testimonials .cell_7.testimonial-info {width:100%; max-width:443px; display:flex; flex-direction:column; justify-content:space-between;} .slick-slider.testimonials .testimonial_cards .verttop {align-items:stretch !important;} .slick-slider.testimonials .slick-arrow {top:50%;} .slick-slider.testimonials .slick-arrow.slick-next {right:5%;} .slick-slider.testimonials .slick-arrow.slick-prev {left:5%; right:auto; z-index:100;} .slick-slider.testimonials .patient_quote {padding:0 0 0 16px !important;} .slick-slider.testimonials .patient_quote .quote {color:#4D4D4D; font-size:24px; font-style:italic; font-weight:500; line-height:32px; padding-right:15px;} .slick-slider.testimonials .patient_quote .name {color:#4D4D4D; font-size:20px; font-style:normal; font-weight:700; line-height:28px; padding-top:10px;} .slick-slider.testimonials .patient_quote .name_description {color:#4D4D4D; font-size:12px; font-style:normal; font-weight:400; line-height:16px;} .slick-slider.testimonials .tan-blocks {display:flex; flex-wrap:wrap;} .slick-slider.testimonials .testimonial_percentage h4 {color:#4D4D4D; font-size:48px; font-style:normal; font-weight:700; line-height:58px;} .slick-slider.testimonials .testimonial_percentage p {color:#4D4D4D; font-size:18px; font-style:normal; font-weight:400; line-height:24px; margin:5px 0 0;} .slick-slider.testimonials .testimonial_percentage {padding-left:16px; padding-top:0; margin-top:0; padding-right:0;} .slick-slider.testimonials .patient-treatment {margin-top:0; padding-left:25px !important; border-left:1px solid rgba(166,166,166, 0.5); margin-bottom:10px !important;} .slick-slider.testimonials .patient-treatment p {margin:0 0 5px; color:#4D4D4D; font-size:12px; font-style:normal; font-weight:400; line-height:16px;} .slick-slider.testimonials .testimonial-info {padding-top:33px; padding-left:0; padding-right:0; padding-bottom:0;} .slick-slider.testimonials .testimonial_header img {width:100%; max-width:290px;} .slick-slider.testimonials .patient-treatment .company_masthead_circle {color:#4D4D4D; font-size:18px; font-style:normal; font-weight:400; line-height:28px; max-width:fit-content; padding:0 12px; margin-bottom:6px;} @media (max-width: 1023px) { .slick-slider.testimonials .cell_4.testimonial_percentage {width:33.333%;} .slick-slider.testimonials .cell_8.patient-treatment {width:66.667%;} .slick-slider.testimonials .slick-arrow.slick-next {right:12px;} .slick-slider.testimonials .slick-arrow.slick-prev {left:12px;} } @media (max-width: 880px) { .slick-slider.testimonials .testimonial_cards {max-width:650px;} .slick-slider.testimonials .cell_7.testimonial-info {max-width:390px; padding-top:10px;} .slick-slider.testimonials .patient_quote .name {padding-top:6px;} .slick-slider.testimonials .cell_5.testimonial_header {max-width:260px;} .slick-slider.testimonials .patient-treatment .company_masthead_circle {font-size:15px;} .slick-slider.testimonials .testimonial_percentage p {font-size:15px;} .slick-slider.testimonials .patient_quote .quote {font-size:20px; line-height:28px;} .slick-slider.testimonials .testimonial_percentage h4 {font-size:42px;} } @media (max-width: 767px) { .page-template-template-companypage .slick-slider {padding-top:50px;} .page-template-template-companypage .order-md-first {order:-1;} .slick-slider.testimonials .testimonial_cards {margin:0;} .slick-slider.testimonials .slick-arrow.slick-prev {left:auto; right:76px;} .slick-slider.testimonials .slick-arrow {top:50px;} #impact .slick-slider.testimonials .slick-arrow {top:10px;} .slick-slider.testimonials .cell_5.testimonial_header {max-width:100%; display:flex; justify-content:center;} .slick-slider.testimonials .patient_quote .name_description {padding-bottom:20px;} .slick-slider.testimonials .patient-treatment .company_masthead_circle {font-size:12px;} .slick-slider.testimonials .testimonial_percentage p {font-size:12px; line-height:20px;} .slick-slider.testimonials .testimonial_percentage h4 {font-size:34px; line-height:42px;} .slick-slider.testimonials .cell_7.testimonial-info {max-width:100%;} .slick-slider.testimonials .patient-treatment {padding-left:15px !important;} } .reveal {position:relative; opacity:0;} .reveal.active {} .active.fade-bottom {animation:fade-bottom 500ms ease-out; animation-fill-mode:forwards;} .active.fade-bottom.one {animation-delay:0;} .active.fade-bottom.two {animation-delay:125ms;} .active.fade-bottom.three {animation-delay:250ms;} .active.fade-bottom.four {animation-delay:375ms;} @keyframes fade-bottom { 0% {transform:translateY(50px); opacity:0;} 100% {transform:translateY(0); opacity:1;} } .place_circles {position:relative; z-index:100; overflow: hidden;} .place_circles .relative {position:static;} .place_circles .relative .cell_12 {position:static; padding:0;} .place_circles .relative .cell_12 .flex-panel-inner {margin-top:0;} .place_circles .overlap-override {z-index:10;} .circle_animation.top_white {position:absolute; top:0; left:0; background-image:url(/wp-content/uploads/2023/09/top-left-white.png); background-repeat:no-repeat; background-position:top left ; height:260px; width:260px; background-size:260px 260px; transform-origin:top left; transform:rotate(-90deg);} .circle_animation.top_yellow {position:absolute; top:0; left:0; background-image:url(/wp-content/uploads/2023/09/top-left-yellow.png); background-repeat:no-repeat; background-position:top left; height:350px; width:350px; background-size:350px 350px; transform-origin:top left; transform:rotate(90deg);} .circle_animation.bottom_white {position:absolute; bottom:0; right:0; background-image:url(/wp-content/uploads/2023/09/bottom-right-white.png); background-repeat:no-repeat; background-position:bottom right ; height:260px; width:260px; background-size:260px 260px; transform-origin:bottom right; transform:rotate(-90deg);} .circle_animation.bottom_white_2 {position:absolute; bottom:0; right:0; background-image:url(/wp-content/uploads/2024/06/bottom-right-white-2.png); background-repeat:no-repeat; background-position:bottom right ; height:260px; width:260px; background-size:260px 260px; transform-origin:bottom right; transform:rotate(90deg);} .circle_animation.bottom_yellow {position:absolute; bottom:0; right:0; background-image:url(/wp-content/uploads/2023/09/bottom-right-orange.png); background-repeat:no-repeat; background-position:bottom right ; height:350px; width:350px; background-size:350px 350px; transform-origin:bottom right; transform:rotate(90deg);} .circle_animation.bottom_gold {position:absolute; bottom:0; right:0; background-image:url(/wp-content/uploads/2024/06/bottom-right-yellow.png); background-repeat:no-repeat; background-position:bottom right ; height:350px; width:350px; background-size:350px 350px; transform-origin:bottom right; transform:rotate(-90deg);} .active.circle_animation.top_white {animation:animate-top-circle-white 1s ease-in; animation-fill-mode:forwards;} @keyframes animate-top-circle-white { 0% {transform:rotate(-90deg);} 100% {transform:rotate(0);} } .active.circle_animation.top_yellow {animation:animate-top-circle-yellow 1s ease-in; animation-fill-mode:forwards;} @keyframes animate-top-circle-yellow { 0% {transform:rotate(90deg);} 100% {transform:rotate(0);} } .active.circle_animation.bottom_white {animation:animate-bottom-circle-white 1s ease-in; animation-fill-mode:forwards;} @keyframes animate-bottom-circle-white { 0% {transform:rotate(-90deg);} 100% {transform:rotate(0);} } .active.circle_animation.bottom_white_2 {animation:animate-bottom-circle-white-2 1s ease-in; animation-fill-mode:forwards;} @keyframes animate-bottom-circle-white-2 { 0% {transform:rotate(90deg);} 100% {transform:rotate(0);} } .active.circle_animation.bottom_yellow {animation:animate-bottom-circle-yellow 1s ease-in; animation-fill-mode:forwards;} @keyframes animate-bottom-circle-yellow { 0% {transform:rotate(90deg);} 100% {transform:rotate(0);} } .active.circle_animation.bottom_gold {animation:animate-bottom-circle-gold 1s ease-in; animation-fill-mode:forwards;} @keyframes animate-bottom-circle-gold { 0% {transform:rotate(-90deg);} 100% {transform:rotate(0);} } @media (max-width: 1200px) { .circle_animation.top_white {height:200px; width:200px; background-size:200px 200px;} .circle_animation.top_yellow {height:270px; width:270px; background-size:270px 270px;} .circle_animation.bottom_white {height:200px; width:200px; background-size:200px 200px;} .circle_animation.bottom_yellow {height:270px; width:270px; background-size:270px 270px;} .circle_animation.bottom_white_2 {height:200px; width:200px; background-size:200px 200px;} .circle_animation.bottom_gold {height:270px; width:270px; background-size:270px 270px;} } @media (max-width: 992px) { .circle_animation.top_white {height:150px; width:150px; background-size:150px 150px;} .circle_animation.top_yellow {height:200px; width:200px; background-size:200px 200px;} .circle_animation.bottom_white {height:150px; width:150px; background-size:150px 150px;} .circle_animation.bottom_yellow {height:200px; width:200px; background-size:200px 200px;} .circle_animation.bottom_white_2 {height:150px; width:150px; background-size:150px 150px;} .circle_animation.bottom_gold {height:200px; width:200px; background-size:200px 200px;} } @media (max-width: 767px) { .circle_animation.top_white {height:119px; width:119px; background-size:119px 119px;} .circle_animation.top_yellow {height:160px; width:160px; background-size:160px 160px;} .circle_animation.bottom_white {height:119px; width:119px; background-size:119px 119px;} .circle_animation.bottom_yellow {height:160px; width:160px; background-size:160px 160px;} .circle_animation.bottom_white_2 {height:119px; width:119px; background-size:119px 119px;} .circle_animation.bottom_gold {height:160px; width:160px; background-size:160px 160px;} } .page-template-template-companypage .cell_12.line-animation {position:relative;} @media (max-width: 767px) { .page-template-template-companypage .cell_12.line-animation {display:none;} } .line_animation .line_image {position:absolute; top:380px; background-image:url(/wp-content/uploads/2023/09/1.png); background-repeat:no-repeat; background-position:center ; right:0; left:0; margin-left:auto; margin-right:auto; text-align:center; height:1400px; width:24px;} .line_animation .mask_container {position:relative;} .line_animation .line_mask {position:absolute; bottom:-1400px; background-color:#fff4ea; background-repeat:no-repeat; background-position:center ; right:0; left:0; margin-left:auto; margin-right:auto; text-align:center; height:1400px; width:24px; transform-origin:center;} .line_animation .line_mask.active {animation:display-line 6s ease-out; animation-fill-mode:forwards;} @keyframes display-line { 0% {height:1400px;} 100% {height:0;} } h6.pill {background:#F4C7E8; display:inline-block; width:auto; padding:5px 20px; border-radius:100vh; margin-bottom:20px;} .box-shadow {box-shadow:0px 3px 10px rgba(0, 0, 0, 0.08);} .box-icon {padding:0 !important; position:relative; margin-bottom:40px;} .box-icon img {position:absolute; left:2px; top:17px; width:60px; height:auto; max-height:100px !important;} .box-icon .flex-panel-inner {padding:20px 20px 20px 44px; margin-top:0;} .box-icon .flex-panel-inner h4 {margin:0 0 0 24px;} .box-icon .flex-panel-inner p {margin:0 0 0 24px;} :root {--enroll-width:700px; --enroll-width-after:520px;} @media (max-width:767px) { :root {--enroll-width:350px; --enroll-width-after:270px;} } .enroll-circles {position:relative; overflow:hidden;} @media (max-width:767px) { #main-panel-1.page-panel.side-by-side.autoHeight .grid-item.grid1 {height:auto;} } .left-align h4, .left-align p {text-align:left; margin-left:0 !important;} h4.gradient {position:relative; width:auto; z-index:1; display:inline-block;} h4.gradient span {background:-webkit-linear-gradient(0deg,hsla(316,67%,87%,0%), hsla(316, 67%, 87%, 100%)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; transition:.75s all 0s ease-in-out; position:absolute; display:inline-block; top:-17px; left:calc(100% - 34px); font-weight:700; font-size:48px; line-height:58px; z-index:0; opacity:0;} h4.gradient.opaque span {transition:.75s all .1s ease-in-out; left:calc(100% - 17px); opacity:1; left:calc(100% - 17px);} .access-stage {transform:scale(119%); width:352px; display:block; position:relative; height:375px; margin:0 auto;} @media(max-width:1200px) { .access-stage {transform:scale(100%);} } @media(max-width:380px) { .access-stage {margin-left:-5%; transform:scale(94%);} } @media(max-width:360px) { .access-stage {margin-left:-10%; transform:scale(90%);} } @media(max-width:330px) { .access-stage {margin-left:-15%; transform:scale(83%);} } .access-stage .dot {padding:10px; border-radius:100vh; color:#6d295a; font-weight:700; font-size:11px; line-height:16px; text-align:center; display:flex; align-items:center; justify-content:center; position:absolute; width:88px; height:88px; z-index:1; opacity:0; transform:scale(111%);} .access-stage .dot.dot1 {top:0%; left:28.98%;} .access-stage .dot.dot2 {top:2.933%; left:55.681%;} .access-stage .dot.dot3 {top:20.8%; left:75%;} .access-stage .dot.dot4 {top:76.533%; left:46.306%;} .access-stage .dot.dot5 {top:73.6%; left:19.6%;} .access-stage .dot.dot6 {top:55.467%; left:0%;} .access-stage .dot::before {background:#f4c7e8; position:absolute; width:88px; height:88px; z-index:-1; content:''; border-radius:100vh;} .access-stage .dot::after {width:112px; height:2px; content:''; position:absolute; top:43px; left:43px; background:#fff; transform-origin:top left; z-index:-2;} .access-stage .dot1::after {transform:rotate(78deg);} .access-stage .dot2::after {transform:rotate(115deg);} .access-stage .dot3::after {transform:rotate(153deg);} .access-stage .dot4::after {transform:rotate(257.5deg);} .access-stage .dot5::after {transform:rotate(295.2deg);} .access-stage .dot6::after {transform:rotate(333.33deg);} .access-stage img.health-coach {position:absolute; width:93px; height:auto; top:20.533%; left:7.954%; z-index:3; opacity:0; transform:scale(120%);} .access-stage img.specialized-physician {position:absolute; width:93px; height:auto; top:45.333%; left:65.341%; z-index:3; opacity:0; transform:scale(120%);} .access-stage .plum-circle {width:146px; height:146px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); background:#6d295a; color:#fffcfa; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; font-weight:700; text-align:center; border-radius:100vh; padding:10px; z-index:2;} .access-stage .plum-circle span {display:block; width:100%; font-weight:700; font-size:13px; line-height:17px; opacity:0; transform:scale(111%); position:relative;} .access-stage.opaque .dot {opacity:1; transform:scale(100%);} .access-stage.opaque .dot1 {transition:.5s all .5s ease-in-out;} .access-stage.opaque .dot5 {transition:.5s all .75s ease-in-out;} .access-stage.opaque .dot3 {transition:.5s all 1s ease-in-out;} .access-stage.opaque .dot6 {transition:.5s all 1.25s ease-in-out;} .access-stage.opaque .dot2 {transition:.5s all 1.5s ease-in-out;} .access-stage.opaque .dot4 {transition:.5s all 1.75s ease-in-out;} .access-stage.opaque img.health-coach {transition:.5s all 2.75s ease-in-out; opacity:1; transform:scale(100%);} .access-stage.opaque .plum-circle span.health-coach {transition:.5s all 2.75s ease-in-out; opacity:1; transform:scale(100%);} .access-stage.opaque img.specialized-physician {transition:.5s all 3.75s ease-in-out; opacity:1; transform:scale(100%);} .access-stage.opaque .plum-circle span.specialized-physician {transition:.5s all 3.75s ease-in-out; opacity:1; transform:scale(100%);} .cellphone-app-image p {position:relative; height:100%;} .cellphone-app-image p img {width:219px; height:auto; position:relative; margin:0 auto;} .cellphone-app-image p::after {content:''; border:double 38px transparent; border-radius:var(--enroll-width); background-image:linear-gradient(rgb(255, 244, 234), rgb(255, 244, 234)), conic-gradient( hsla(18, 100%, 80%, 0), hsla(18, 100%, 80%, 1), hsla(18, 100%, 80%, 0) ); background-origin:border-box; background-clip:content-box, border-box; top:50px; left:50%; width:342px; height:342px; position:absolute; z-index:-1; transform:translateX(-50%) rotate(205deg);} .enroll-circles .flexPanel .dotted {background-repeat:repeat-y; content:''; position:absolute !important; left:calc(50% - 3px); top:0; width:8px; height:100%; background:transparent; background-image:radial-gradient(#faeade 3px, transparent 0); background-size:24px 24px; background-position:-8px -23px; padding:0; overflow:hidden;} .enroll-circles .cell_12.sand-dot-top {position:relative; padding-top:30px;} .enroll-circles .cell_6.sand-dot-right::after {background:#faeade; width:24px; height:24px; border-radius:24px; left:calc(104.16% - 12px); top:calc(50% - 12px); content:''; position:absolute; z-index:45;} .enroll-circles .cell_12.sand-dot-top::after {background:#faeade; width:24px; height:24px; border-radius:24px; right:calc(50% - 12px); top:0px; content:''; position:absolute; z-index:45;} @media (max-width:767px) { .enroll-circles .flexPanel .dotted {display:none;} } .place_circles .relative .cell_12.top-of-thing {position:relative;} .enroll h3 {font-style:normal; font-weight:500; font-size:24px; line-height:32px; color:#6D295A !important;} .enroll .accordion .operand {top:8px;} .enroll .accordion .operand .bg-grey {background-color:#ff4d00 !important;} .white-panel-equalizer .cell_4 {display:grid; width:calc(33.333% - 50px); margin:25px; position:relative; padding:0; background:#fffcfa; min-height:260px;} .white-panel-equalizer .flex-panel-inner {margin:0px; padding:20px 0;} .white-panel-equalizer .cell_4 h2 {margin-left:24px; margin-right:24px;} .white-panel-equalizer .cell_4 h4 {margin:8px 24px 0;} .testimonial-panel .patient_cards {display:flex; box-shadow:0px 3px 10px rgba(0, 0, 0, 0.08); position:relative; padding:0; max-width:1200px !important; margin:0} .testimonial-panel .patient_cards .vid-panel {position:relative; height:100%; width:40%; background:#444;} .testimonial-panel .patient_cards .vid-panel video {position:absolute; height:100%; width:100%; object-fit:cover;} .vid-panel_shell {position:fixed; height:0%; width:0%;z-index: -1; top: 0; left: 0; opacity: 0; transition:.25s opacity 0s ease-in-out, 0s height .35s linear, 0s width .35s linear, 0s z-index .35s linear; overflow: hidden;} .vid-panel_shell.active { opacity: 1; transition:.25s opacity .1s ease-in-out;height:100%; width:100%;z-index: 9999999; top: 0; left: 0; } .vid-panel_shell_bg {position:fixed; height:100%; width:100%; background:rgba(22,22,22,.8); z-index: 1; top: 0; left: 0;} .vid-panel_shell video {position:absolute; height:auto; width:calc(100% - 24px); max-width:1280px; object-fit:cover; z-index: 2; border-radius:24px; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); max-height: 75vh;} .testimonial-panel .patient_cards .content-panel {padding:24px; flex-wrap:wrap; width:60%; align-items:flex-start; align-content:flex-start;} .testimonial-panel .patient_cards .short-desc {font-style:italic; font-weight:500; font-size:24px; line-height:32px; color:#4D4D4D;} .testimonial-panel .patient_cards.slick-slide {transform:scale(100%); opacity:1; transition:.25s all ease-in-out;} .testimonial-panel .patient_cards.slick-slide.slick-cloned {transition:.25s all ease-in-out;} .testimonial-panel .patient_cards.slick-slide.slick-center {transition:.25s all ease-in-out;} .testimonial-panel .patient_cards.slick-slide:not(.slick-current) {transform:scale(90%); opacity:.8; transition:.25s all ease-in-out;} .testimonial-panel .patient_cards.slick-slide:not(.slick-active) {transform:scale(90%); opacity:.8; transition:.25s all ease-in-out;} .testimonial-panel .patient_cards h4 {font-style:normal; font-weight:600; font-size:20px; line-height:28px; color:#4D4D4D; width:100%; display:block; margin-top:12px; text-transform:uppercase;} .testimonial-panel .patient_cards .legal {font-style:normal; font-weight:400; font-size:12px; line-height:16px; color:#4D4D4D; width:100%; margin-bottom:5px;} .testimonial-panel .patient_cards .card-split {display:flex; align-items:flex-start; margin-top:50px;} .testimonial-panel .patient_cards .card-split .card-split-item {width:128px; height:100%;} .testimonial-panel .patient_cards .card-split .card-split-item:last-child {width:calc(100% - 128px); height:100%; border:none; padding-left:18px; border-left:1px solid #a6a6a6;} .testimonial-panel .patient_cards .card-split .card-split-item:first-child {border:none !important; padding-left:0px; padding-right:12px;} .card-perecnt {font-style:normal; font-weight:700; font-size:48px; line-height:58px; color:#4D4D4D;} .card-perecnt-text {font-style:normal; font-weight:400; font-size:20px; line-height:28px; color:#4D4D4D;} .pill {background:#faeade; display:inline-block; width:auto; padding:5px 15px; border-radius:100vh; margin-bottom:20px; font-size:18px; line-height:24px;} .pill.pill-pink {background:#F4C7E8;} .vid-panel .pane {height:100%; width:100%; position:relative;} .vid-panel .pane img {height:100%; width:100%; position:absolute; object-fit:cover;} h6.pill {margin-right:12px;} h6.green {background:#d5eacc; color:#4d4d4d;} h6.sand {background:#faeade; color:#4d4d4d;} @media (max-width:767px) { #main-panel-1.side-by-side.autoHeight {height:auto !important;} } .white-panel-equalizer .cell_4.fader {top:100px;} .white-panel-equalizer .cell_4.fader.opaque {top:0px;} .faq_panel.enroll .faq_list_outer .faq.accordion {border-color:#ffbd5b;} .enroll-h2 {padding-top:50px;} @media (max-width:1023px) { .enroll-h2 {padding-top:0px;} } .video-control {position:absolute; left:0; bottom:0; min-width:100%; padding:0; text-align:left; z-index:45; height:100%;} .video-control:not(.playing) .video-control-pause {opacity:1;} /*.video-control.playing .video-control-play, .video-control.playing .video-control-pause {opacity:0;}*/ .video-control-play {top:calc(50% - 34px); left:calc(50% - 34px); position:absolute; transition:.15s opacity ease-in-out; width:0; height:0; border-top:34px solid transparent; border-left:68px solid #fff; border-bottom:34px solid transparent; z-index:2;} .video-control-pause {top:calc(50% - 31px); left:calc(50% - 31px); position:absolute; transition:.15s opacity ease-in-out; width:0; height:0; border-top:34px solid transparent; border-left:68px solid #4d4d4d; z-index:1; border-bottom:34px solid transparent; filter:blur(12px);} @media (max-width:767px) { .white-panel-equalizer .cell_4 {display:block; width:100%; padding:0; min-height:unset; margin:8px 0px;} } .swiper-container {width:100%; height:600px;} .swiper-slide {display:flex; flex-direction:row; justify-content:center; align-items:center;} .swiper-slide-prev .vid-panel {right:0px !important; transition:.75s right 0s ease-in-out;} .testimonial-panel .patients {max-width:1210px; padding:0 50px; width:calc(100% - 114px);} .testimonial-panel .patients .swiper-outer {overflow:hidden; width:100%; padding:20px 0px;} .testimonial-panel .patient_cards {display:flex !important; justify-content:flex-start;} .testimonial-panel .patient_cards .vid-panel {position:absolute; right:60%; z-index:2} .swiper-button-next, .swiper-rtl .swiper-button-prev {right:-50px !important;} .swiper-button-prev, .swiper-rtl .swiper-button-next {left:-50px !important; transform:rotate(180deg);} .swiper-button-next::after, .swiper-button-prev::after {display:none;} .swiper-button-next, .swiper-button-prev {transition:.25s all ease-in-out; width:72px !important; height:72px !important; background:url("/wp-content/themes/doc_rheum/images/arrow-purple.svg") no-repeat; background-size:contain; top:calc(50% - 36px) !important; border-radius:100vh;} .swiper-button-next:hover, .swiper-button-prev:hover {background-color:#FFF4EA; transition:.75s all ease-in-out;} .testimonial-panel .patient_cards .content-panel {position:relative; z-index:1; margin-left:40%;} .testimonial-panel .patient_cards .content-panel::before {content:''; position:absolute; width:150%; height:100%; background:linear-gradient(270deg, rgba(255,255,255,1) 65%, rgba(255, 255, 255, 0) 100%); top:0; right:0; transition:.75s all ease-in-out;} .testimonial-panel .patient_cards.swiper-slide-active .content-panel::before {width:0%; transition:.75s all ease-in-out;} .page-panel.yellow-lower {border-bottom:#ffbd5b 8px solid;} @media (max-width:1200px) { .testimonial-panel .patient_cards .card-split {display:block; margin-top:10px;} .testimonial-panel .patient_cards .card-split .card-split-item:first-child {width:100%;} .card-perecnt, .card-perecnt-text {display:inline; white-space:nowrap;} .testimonial-panel .patient_cards .card-split .card-split-item:last-child {border:none; padding:10px 0 0 0;} } @media (max-width:1100px) { .testimonial-panel .patient_cards .short-desc {font-size:20px; line-height:26px;} .testimonial-panel .pill {margin-bottom:11px; font-size:14px; line-height:16px;} .testimonial-panel .card-perecnt {font-size:42px;} .testimonial-panel .card-perecnt-text {font-size:17px;} .testimonial-panel .patients {padding:0;} .swiper-button-next, .swiper-button-prev {width:36px !important; height:36px !important; top:calc(50% - 18px) !important;} .testimonial-panel .patient_cards .card-split .card-split-item:last-child {width:100%;} } @media (max-width:990px) { .swiper-container {width:100%; height:500px;} .faq_panel.enroll h3 {font-style:normal; font-weight:500; font-size:20px; line-height:28px; color:#6D295A;} .faq_panel.enroll .faq.accordion {padding-left:0} } @media (max-width:767px) { .testimonial-panel .patients {width:102%; margin-left:-1%; margin-right:-1%;} .swiper-button-prev, .swiper-rtl .swiper-button-next {display:none;} .faq_panel.flush-left .faq {padding-left:0;} .faq_panel.flush-left .accordion_title p {font-weight:700; font-size:20px; line-height:24px;} } @media (max-width:767px) { .testimonial-panel .patients .swiper-outer {overflow:visible; padding:20px 0px 67%;} .swiper-container {height:unset;} .swiper-button-prev, .swiper-rtl .swiper-button-next {display:none;} .testimonial-panel .patient_cards {display:block; background:none; box-shadow:unset;} .testimonial-panel .patient_cards .vid-panel {position:relative; width:100%; right:unset;} .vid-panel .pane {height:auto; width:100%; position:relative; padding-bottom:150%;} .testimonial-panel .patient_cards .content-panel {position:absolute; left:0; margin:0; padding:142% 0 0; width:100%; z-index:2; top:0; opacity:0; transition:.15s all ease-in-out;} .testimonial-panel .patient_cards .content-panel::before {display:none !important} .testimonial-panel .patient_cards.swiper-slide-active .content-panel {opacity:1; transition:.15s all ease-in-out;} .testimonial-panel .patient_cards .vid-panel {z-index:3 !important; width:calc(100% - 48px) !important; margin-left:24px;} .testimonial-panel .patient_cards h4 {font-size:18px; line-height:24px; margin-top:20px;} .testimonial-panel .pill {margin-bottom:11px; font-size:16px; line-height:18px;} .testimonial-panel .patient_cards .card-split {display:flex; margin-top:20px;} .testimonial-panel .patient_cards .card-split .card-split-item:first-child {width:110px;} .testimonial-panel .patient_cards .card-split .card-split-item:last-child {width:calc(100% - 110px); height:100%; border:none; padding-left:18px; border-left:1px solid #a6a6a6; padding-top:0;} .card-perecnt, .card-perecnt-text {display:block; white-space:normal;} .testimonial-panel .card-perecnt-text {font-size:14px; line-height:1.25em;} .testimonial-panel .card-perecnt {font-size:36px; line-height:1em;} .testimonial-panel .patient_cards .vid-panel video {position:relative; height:auto; width:100%; object-fit:cover; background:transparent; z-index:1;} } @media (max-width:510px) { .testimonial-panel .patients .swiper-outer {padding-bottom:85%;} } @media (max-width:480px) { .side-by-side h1.largemobile {font-size:36px; line-height:42px;} } @media (max-width:400px) { .testimonial-panel .patient_cards .card-split {display:block;} .testimonial-panel .patient_cards .card-split .card-split-item:first-child {width:100%;} .card-perecnt, .card-perecnt-text {display:inline; white-space:nowrap;} .testimonial-panel .patient_cards .card-split .card-split-item:last-child {width:100%; border:none !important; padding:20px 0 0 0;} .testimonial-panel .patients .swiper-outer {padding-bottom:429px;} } .access-stage.opaque .dot {opacity:1; transform:scale(100%);} .access-stage.opaque .dot1 {transition:.25s all .25s ease-in-out;} .access-stage.opaque .dot5 {transition:.25s all .375s ease-in-out;} .access-stage.opaque .dot3 {transition:.25s all .5s ease-in-out;} .access-stage.opaque .dot6 {transition:.25s all .625s ease-in-out;} .access-stage.opaque .dot2 {transition:.25s all .75s ease-in-out;} .access-stage.opaque .dot4 {transition:.25s all .875s ease-in-out;} .access-stage.opaque img.health-coach {transition:.25s all 1.375s ease-in-out; opacity:1; transform:scale(100%);} .access-stage.opaque .plum-circle span.health-coach {transition:.25s all 1.375s ease-in-out; opacity:1; transform:scale(100%);} .access-stage.opaque img.specialized-physician {transition:.25s all 1.75s ease-in-out; opacity:1; transform:scale(100%);} .access-stage.opaque .plum-circle span.specialized-physician {transition:.25s all 1.75s ease-in-out; opacity:1; transform:scale(100%);} .enroll-circles .circle_animation {z-index:-1;} .mainnav .menu-directory-nav-container ul {margin-top:7px;} .mainnav .menu-directory-nav-container ul li {position:relative; margin:0 16px;} .mainnav .menu-directory-nav-container ul li:first-child {margin-left:0px;} .mainnav .menu-directory-nav-container ul li:last-child {margin-right:0px;} .mainnav .menu-directory-nav-container ul li a {position:relative; width:100%; height:32px; text-align:center; display:block; font-weight:600; border:none; background:transparent !important;} .mainnav .menu-directory-nav-container ul li a {color:#4d4d4d;} .mainnav .menu-directory-nav-container ul li a:hover {color:#6D295A !important;} .mainnav .menu-directory-nav-container ul li a::before {display:block; content:''; height:1px; background:#6D295A; width:0%; transition:.5s cubic-bezier(.45, .05, .55, .95); position:absolute; bottom:10px; left:0;} @media (max-width:1023px) { .mainnav .menu-directory-nav-container ul li a::before {bottom:0px;} } .mainnav .menu-directory-nav-container ul li.current-menu-item a::before {width:100%; transition:.5s cubic-bezier(.45, .05, .55, .95); background:#6D295A;} .mainnav .menu-directory-nav-container ul li a:hover::before {width:100%; transition:.5s cubic-bezier(.45, .05, .55, .95);} @media (max-width:1023px) { .mainnav .menu-directory-nav-container ul li {width:auto; display:inline-block;} .mainnav .menu-directory-nav-container ul li a {width:auto; display:inline-block;} .mainnav .menu-directory-nav-container ul li a, .mainnav .menu-directory-nav-container ul li a::before {font-size:30px;} } @media (max-width:480px) { .mainnav .menu-directory-nav-container ul li a, .mainnav .menu-directory-nav-container ul li a::before {font-size:24px;} } ul.scallopchecks {margin-left:0; margin-bottom:0; list-style:none; display:flex; flex-wrap:wrap; padding:0;} ul.scallopchecks li {padding-left:36px; position:relative; width:100%; margin:0 0 24px;} @media (max-width:1023px) { ul.scallopchecks li {width:100%;} } ul.scallopchecks li:last-child {margin-bottom:0;} ul.scallopchecks li::before {background:url("/wp-content/themes/doc_rheum/images/Check-Bullets.svg") no-repeat; background-size:contain; height:24px; width:24px; top:0; left:0; position:absolute; content:'';} h1 span.pin {color:#6D295A; position:relative; padding-left:62px; display:inline-block;} h1 span.pin::before {content:''; position:absolute; width:50px; height:60px; background:url(/wp-content/uploads/2023/11/Hero-Space-Pin.svg) no-repeat; background-size:contain; background-position:center center; left:0; top:7px;} h1 span.pin::after {content:''; position:absolute; bottom:3px; width:calc(100% - 62px); height:6px; background:#F4C7E8; right:0;} @media (max-width:1023px) { h1 span.pin {padding-left:42px;} h1 span.pin::before {width:32px; height:32px;} h1 span.pin::after {width:calc(100% - 42px);} } @media (max-width:767px) { h1 span.pin {padding-left:26px;} h1 span.pin::before {width:25px; height:25px;} h1 span.pin::after {width:calc(100% - 26px);} } .phonenumber-panel {padding:0 !important;} .phonenumber-panel h4 {padding:0 !important; margin:0 !important;} .phonenumber-panel .flex-panel-inner {padding:0; margin:0 !important;} .basic.full-screen-width.phonenumber-panel .page-panel .flexPanel .cell_12 {padding:12px !important;} .directory-services p:first-of-type {margin-top:0;} .directory .flexPanel .flex-panel-inner h4 {margin-left:0;} .directory .flexPanel .flex-title-image {max-height:125px !important;} .flexPanel .large-icon .flex-title-image {max-height:125px !important;} .flex-panel-inner .directory-ul {list-style:none; margin-left:0; padding-left:0;} .directory-ul li {list-style:none; margin-left:0; padding-left:42px; position:relative;} .directory-ul li::before {content:''; top:0; left:0; width:28px; height:28px; position:absolute; background-size:contain; background-repeat:no-repeat; background-position:center center;} .directory-ul li.website::before {background-image:url(/wp-content/uploads/2023/11/About-Location-Website.svg);} .directory-ul li.phone::before {background-image:url(/wp-content/uploads/2023/11/About-Location-Phone.svg);} .directory-ul li.locations::before {background-image:url(/wp-content/uploads/2023/11/About-Location-Locations.svg); height:20px;} .directory .partner-logo {max-height:100px; height:auto; width:auto; max-width:600px; text-align:center; margin:20px auto 0; display:block;} h4.grey-mid p {color:#a6a6a6;} .outer-shadow {box-shadow:0px 3px 12px rgba(0, 0, 0, 0.08);} .outer-shadow h3 a:hover {color:#BE3E9A !important; transition:.25s all ease-in-out;} #main-panel-city .page-panel.vertcenter .flex {align-items:normal; justify-content:flex-start; column-gap:24px; row-gap:24px;} #main-panel-city .page-panel.vertcenter .flex .cell_4 {width:calc(33.333% - 30px);} #main-panel-city .page-panel.vertcenter .flex .cell_8 {width:calc(66.667% - 30px);} @media (max-width:767px) { #main-panel-city .page-panel.vertcenter .flex .cell_8 {width:100%;} #main-panel-city .page-panel.vertcenter .flex .cell_4 {width:100%; padding:24px;} } .directory .outer-shadow .partner-logo {max-height:83px; height:auto; max-width:319px; text-align:center; margin:20px auto 0; display:block; position:absolute; bottom:30px; left:50%; transform:translateX(-50%);} .border-tangerine-superlight {border:1px solid #FFE4D9;} @media (min-width:1024px) { .directory .cell_4.directory-padding {padding-right:0; display:flex; align-items:flex-end; padding-bottom:34px;} .directory .cell_8.directory-padding {padding-left:0;} } .logoFlex {max-width:464px; display:flex !important; flex-wrap:nowrap !important; margin:50px auto 0 !important; align-items:center !important; gap:49px !important;} .directory-footer * {justify-content:flex-start} .plum-light {color:#f4c7e8 !important;} .flexPanel .cell_12.directory-footer-flex {display:flex; padding-top:0;} h6.directory-widget-title {padding-left:20px; position:relative; color:rgba(255, 255, 255, 0.6)} h6.directory-widget-title::before {background:url(https://andhealthstg.wpengine.com/wp-content/uploads/2023/11/location.svg) no-repeat; width:22px; height:22px; position:absolute; left:-5px; top:0; content:''; background-size:contain; background-position:left center;} #main-panel-city.directory-footer .page-panel.vertcenter .flex {padding-left:0; padding-right:0;} #main-panel-city.directory-footer .page-panel.vertcenter .flex a {font-weight:500; display:block; color:#fff; transition:.25s all ease-in-out; font-size:16px;} #main-panel-city.directory-footer .page-panel.vertcenter .flex a:hover {transition:.25s all ease-in-out; color:rgba(255, 231, 248, .6); text-decoration:underline;} .directory-footer p {margin:7px 72px 7px 0;} .directory-footer p a::after {display:none; content:unset;} .directory-footer {border-bottom:1px solid #ffb899;} @media (max-width:1024px) { .flexPanel .cell_12.directory-footer-flex {display:flex; padding-top:0; flex-wrap:wrap; padding-bottom:0;} .flexPanel .cell_12.directory-footer-flex .textwidget {padding-bottom:24px;} #main-panel-city.directory-footer .page-panel.vertcenter .flex {padding-left:40px !important; padding-right:40px !important;} h6.directory-widget-title {font-size:14px;} } @media (max-width:767px) { #main-panel-city.directory-footer .page-panel.vertcenter .flex {padding-left:20px !important; padding-right:20px !important;} .directory #main-panel-1 .page-panel {padding:50px 0;} } .directory .basic a.button-link {padding:14px 57px;} .directory #main-panel-1 a.button-link, .directory #main-panel-1 .button-link {box-shadow:0px 0px 0px #fffcfa; background:#6D295A; padding:14px 57px; color:#FFFCFA; transform:translateX(0px) translateY(0px); transition:.25s all ease-in-out;} .directory #main-panel-1 a.button-link:hover, .directory #main-panel-1 .button-link:hover {box-shadow:-4px 4px 0px #ff8d00; transform:translateX(4px) translateY(-4px); transition:.25s all ease-in-out;} @media (max-width:767px) { .directory .basic a.button-link {padding:14px 14px; width:100%;} .directory .flexPanel .flex-title-image {max-height:100px !important;} .flexPanel .large-icon .flex-title-image {max-height:100px !important;} .directory .directory-services .flexPanel .cell_4 {display:flex; justify-content:space-between; align-items:center;} .directory .directory-services .flexPanel .cell_4 .flex-panel-inner {width:calc(100% - 120px);} .directory .directory-services .flexPanel .cell_4 .flex-panel-inner h4 {margin-top:0;} .directory .directory-services .flexPanel .cell_4 .flex-panel-inner p {margin-bottom:0;} .directory #main-panel-city .page-panel.vertcenter .flex {justify-content:center !important; flex-wrap:wrap !important;} .directory #main-panel-city .page-panel.vertcenter .flex img {max-height:100px;} .image-cell img {max-width:80%; margin:0 auto;} .directory #main-panel-city.directory-panel .page-panel.vertcenter .flex .cell_4 {margin-bottom:0px;} } .directory .bg-yellow-light h1 {font-weight:700;} p.region-features { margin-top:5px; margin-top:12px;} p.region-features span {display:inline-block; padding:0 24px 0 36px; position:relative; margin-top:5px;} p.region-features span::before {position:absolute; content:''; left:0; top:0; width:26px; height:26px; background-size:contain; background-position:center center; background-repeat:no-repeat;} p.region-features span.inperson::before {background-image:url(/wp-content/uploads/2023/11/location_city_24px.svg);} p.region-features span.virtual::before {background-image:url(/wp-content/uploads/2023/11/devices_24px.svg);} p.region-features span.specialtypharmacy::before {background-image:url(/wp-content/uploads/2024/04/local_pharmacy_24px.svg);} .logoFlex a {text-align:center; margin:0 auto;} .directory-panel a.button-link.mobile-only:not(:hover) {background:#ffffff;} .page-template-template-faq .white-panel.faq {margin-bottom: 0;box-shadow: none;background: none;} .page-template-template-faq .operand .plus {background: var(--tangerine);} .page-template-template-faq .operand .minus {background: var(--tangerine);} .page-template-template-faq-no-nav .white-panel.faq {margin-bottom: 0;box-shadow: none;background: none;} .page-template-template-faq-no-nav .operand .plus {background: var(--tangerine);} .page-template-template-faq-no-nav .operand .minus {background: var(--tangerine);} .directory-services .flex-title-image {height:125px; width:125px; max-height:unset !important;} .flexPanel .large-icon .flex-title-image {height:125px; width:125px; max-height:unset !important;} @media (max-width:767px) { .flexPanel .large-icon .flex-title-image {height: 88px;width: 88px;max-height: unset !important;} } .directory-services .flexPanel .flex-panel-inner h4 {margin:24px 24px 0 0;} .flexPanel .directory-padding .flex-panel-inner h4 {margin:5px 24px 0 0;} .directoryFlex { width:calc(33.333% - 16px); gap:24px; } .directoryFlex .cell_4 { width:calc(33.333% - 16px); } @media (max-width:1023px) { .directoryFlex .cell_4 { width:calc(50% - 12px); } } @media (max-width:767px) { .directory-services .flex-title-image {height:104px; width:104px; max-height:unset !important;} .directory-services .cell_4 {display:flex; gap:24px; align-items: center;} .directory-services .cell_3 {display:flex; gap:24px; align-items: center;} .directory-services .flexPanel .flex-panel-inner { margin-top:0;} .directory-services .flexPanel .flex-panel-inner h4 { margin: 0 24px 0 0;} .directoryFlex .cell_4 { width:100%; } .directory-services p:last-child { margin-bottom: 0 !important;} } ul.badgelist { margin: 0; padding: 0; list-style: none; } ul.badgelist li { margin:0 0 30px; padding: 0 0 0 52px; position: relative; line-height: 1.4;} ul.badgelist li::before { width:40px; height:40px; position: absolute; content: ''; top:-5px; left:0; background:var(--plum); border-radius: 100vh; background-size: 24px; background-position: center center; background-repeat: no-repeat;} ul.badgelist li.truck::before { background-image: url(/wp-content/uploads/2024/04/local_shipping_24px.svg);} ul.badgelist li.money::before { background-image: url(/wp-content/uploads/2024/04/attach_money_24px.svg);} ul.badgelist li.stethoscope::before { background-image: url(/wp-content/uploads/2024/04/stethoscope.svg);} @media (max-width:767px){ .page-template-template-directory-2023 #main-panel-1 .page-panel { padding-top: 24px; padding-bottom: 70px;} } @media (max-width:480px){ .page-template-template-directory-2023 #main-panel-1 .page-panel a.button-link.plum {width: 100%;} } .faq-outer { background:var(--white); } @media (max-width:1350px){ .faq-outer { width:calc(100% - 48px); margin: 0 auto; } } @media (max-width:767px){ .faq-outer { width:100%; margin: 0 auto; background:none;} .page-template-template-faq .default-header {margin: 130px auto 30px;min-height: unset;} .page-template-template-faq-no-nav .default-header {margin: 130px auto 30px;min-height: unset;} } .white-panel.faq.accordion-entry { border-bottom:1px solid var(--tangerine-medium); border-radius: 0px !important; margin:0 24px; padding:24px 16px; } @media (max-width:767px){ .white-panel.faq.accordion-entry { padding: 24px 16px 24px 0;} } @media (min-width:768px){ .white-panel.faq.accordion-entry:last-child { border-bottom:none; } } .white-panel.faq.accordion-entry .accordion_title { color:var(--plum) !important;max-width: 750px;} .white-panel.faq.accordion-entry .accordion_shelf {max-width: 750px;} .white-panel.faq.accordion-entry .accordion_shelf p:first-child {margin-top: 8px;} .white-panel.faq.accordion-entry .accordion_shelf *:last-child {margin-bottom: 0px !important;} .page-template-template-faq .pagination {display: flex;justify-content: center;align-items: center;padding: 20px 24px 0;} .page-template-template-faq .get_better { width:calc(100% - 48px); margin: 0 auto 150px; max-width: 597px;} @media (max-width:767px){ .page-template-template-faq .get_better { margin: 0 auto 100px;} } .page-template-template-faq .get_better a {font-style: normal;font-weight: 700;font-size: 16px;line-height: 24px;color: var(--plum) !important;} .page-template-template-faq .get_better h4 {margin-top:16px; width:100%;} .page-template-template-faq .get_better p {width:100%;} .page-template-template-faq-no-nav .pagination {display: flex;justify-content: center;align-items: center;padding: 20px 24px 0;} .page-template-template-faq-no-nav .get_better { width:calc(100% - 48px); margin: 0 auto 150px; max-width: 597px;} @media (max-width:767px){ .page-template-template-faq-no-nav .get_better { margin: 0 auto 100px;} } .page-template-template-faq-no-nav .get_better a {font-style: normal;font-weight: 700;font-size: 16px;line-height: 24px;color: var(--plum) !important;} .page-template-template-faq-no-nav .get_better h4 {margin-top:16px; width:100%;} .page-template-template-faq-no-nav .get_better p {width:100%;} .button-center .link-button.plum { margin-left: auto !important; } .masthead_video.about-panel h1.hydro-blue { margin-bottom:0; } @media (min-width:1024px){ h2.hydro-blue span { display:block;} } .masthead_video.about-panel p.hydro {max-width: 600px;margin: 20px auto 48px;} .page-panel.vertcenter.justify-center .flex { justify-content: center;} .page-panel.vertcenter.space-around .flex { justify-content: space-around;} .page-panel.vertcenter.space-between .flex { justify-content: space-between;} .flexPanel.default-header.space-between { justify-content: space-between;} .page-panel.hydro-waves { background:var(--waves); padding:0; overflow: visible; position: relative; margin-bottom:25px; } .page-panel.hydro-waves::before { position: absolute; top:-25px; left:0; width:100%; content: ''; background:url(/wp-content/uploads/2024/05/waves.png); height:25px;} .page-panel.hydro-waves::after { position: absolute; bottom:-25px; left:0; width:100%; content: ''; background:url(/wp-content/uploads/2024/05/waves2.png); height:25px;} .page-panel.hydro-waves .cell_12 { padding:0; max-width: 1280px; margin: 0 auto;} .page-panel.hydro-waves .cell_12 .flex-panel-inner{ margin-top:0;} .page-panel.hydro-waves ul { margin: 0; display: flex; justify-content: center; list-style: none;} .page-panel.hydro-waves ul li { padding:0 10% 0 0;position: relative; color:var(--white);font-weight: 500;font-size: 24px;line-height: 32px;text-align: center; } .page-panel.hydro-waves ul li::after { background:url("/wp-content/uploads/2024/05/Water-drop.svg"); content: ''; position: absolute; right: 20%; top:0; width:21px; height:28px;} .page-panel.hydro-waves ul li:last-child { padding:0;} .page-panel.hydro-waves ul li:last-child::after { display: none;} .get_better.hydro-yellow { background: var(--lemonfluff); border: 1px solid var(--lemon); } .get_better.hydro-yellow::before {background-image:url(/wp-content/uploads/2024/05/lemon-heart.png);} @media (max-width:1023px){ .max75mobile { max-width:75%;margin-left:auto; margin-right:auto;} } @media (max-width:767px){ .page-panel.hydro-waves ul { text-align: center; display: flex;flex-wrap: wrap;padding: 0; margin: 0;} .page-panel.hydro-waves ul li, .page-panel.hydro-waves ul li:last-child { width:auto; display: inline-block; padding:5px 160px;} .page-panel.hydro-waves ul li:last-child::after { display:block;} .page-panel.hydro-waves ul li::before { background:url("/wp-content/uploads/2024/05/Water-drop.svg"); content: ''; position: absolute; left: 20%; top:5px; width:21px; height:28px;} .page-panel.hydro-waves ul li::before::after { top:5px;} } @media (max-width:550px){ .page-panel.hydro-waves ul li, .page-panel.hydro-waves ul li:last-child {padding:5px 100px;} .page-panel.hydro-waves ul li::before, .page-panel.hydro-waves ul li::after { width:15px; height:20px; background-size: contain; background-repeat:no-repeat; top:9px;} } #main-panel-1.basic {margin-top:88px;} @media (max-width:767px) { #main-panel-1.basic {margin-top:56px;} } @media (max-width:639px) { #main-panel-1.basic {margin-top:73px;} } .no_left {padding-left:0 !important;} .no_right {padding-right:0 !important;} .gift2024 .flex-panel-inner h4 {margin-bottom:24px;} @media (max-width:767px) { .gift2024 .flex-panel-inner h2 {margin-top:28px !important; padding-left:16px; padding-right:16px; text-align:center; margin-left:auto !important; margin-right:auto !important;} .gift2024 .flex-panel-inner p {padding-left:16px; padding-right:16px; text-align:center; margin-left:auto !important; margin-right:auto !important;} .gift2024 .flex-panel-inner h4 {padding-left:16px; padding-right:16px; text-align:center; margin-left:auto !important; margin-right:auto !important;} } .gift_code {display:flex;} @media (max-width:767px) { .gift_code {flex-direction:column; align-items:center; justify-content:center;} } .gift_code input {width:100%; max-width:350px; margin-right:25px !important;} .gift_code a {display:flex; align-items:center; justify-content:center; width:100%; max-width:185px;} @media (max-width:767px) { .gift_code a {margin-top:25px !important;} .removepadding:last-child.gift_code {margin-bottom:75px !important;} .gift_code input {margin-right:0 !important;} } @media (max-width:575px) { .gift_code input {margin-right:15px !important; margin-left:15px !important;} } .d-none {display:none;} @media (min-width:768px) { .d-md-block {display:block;} .d-md-none {display:none !important;} } @media (min-width:576px) { .d-sm-block {display:block;} .d-sm-none {display:none;} } .pt-0 {padding-top:0 !important;} #main-panel-1.basic.care_header {margin-top:72px;} @media (max-width:767px) { #main-panel-1.basic.care_header {margin-top:64px;} .page-panel.care_header {padding-top:28px; padding-bottom:0;} } @media (max-width:640px) { #main-panel-1.basic.care_header {margin-top:44px;} } .care_icons {display:flex; color:#6D295A; font-size:16px; font-style:normal; font-weight:700; line-height:18px; align-items:center; justify-content:center;} .care_icons a {display:flex; color:#6D295A; font-size:16px; font-style:normal; font-weight:700; line-height:18px; align-items:center; justify-content:center;} .center {text-align:center;} .purple {color:#6D295A;} .green_corner {background:url('/wp-content/themes/doc_rheum/images/green_corner_arrow.png') no-repeat top right; background-size:72px 72px; padding:55px 16px 20px;} .list {padding:0 !important; margin:10px 0 30px 24px !important; list-style-type:none !important;} .green_diamond {background:url('/wp-content/themes/doc_rheum/images/diamond.svg') no-repeat 0 5px; height:auto; padding-top:0; padding-left:20px; margin-bottom:8px;} .orange_bottom_border {border-bottom:8px solid #FF4D00;} .align-items-start .flex {align-items:flex-start !important;} .masthead_circle_group.center {justify-content:center;} .spotlight_tiles {display:flex;} .disclaimer {color:#6D295A; font-size:12px; font-weight:400; line-height:16px;} .panel_left {width:100%; max-width:240px; margin-right:15px;} .panel_right {width:100%; max-width:295px;} .flexPanel .flex-panel-inner .panel_left h4, .flexPanel .flex-panel-inner .panel_right h4 {margin:0 !important; line-height:32px !important;} .prescribe_wrapper {display:none;} .prescribe_wrapper.active {display:block;} .prescribe_wrapper p {margin-top:12px;} h4.orange {color:#FF4D00; margin:30px 0 0 !important;} .page-template-template-companypage .masthead_circle_group {flex-wrap:wrap;} .company_masthead_circle {margin-bottom:10px;} .company_masthead_circle.tan {background:#FFDEAD;} .company_masthead_circle.blue {background:#C8EAFF;} .company_masthead_circle.dark_blue {background:#6EBFF1;} .company_masthead_circle.dark_green {background:#98BE8B;} .closer_mobile {display:none;} .image_selectors {display:flex; justify-content:flex-end;} .image_selectors .selector_wrapper {cursor:pointer; margin-left:25px;} .image_selectors .selector_wrapper img {width:100%; max-width:150px; margin:0;} .image_selectors .selector_wrapper p {text-decoration:underline; font-size:16px; font-weight:700; line-height:24px; color:#A6A6A6; text-align:center;} .image_selectors .selector_wrapper.active p {color:#FF4D00;} .img_wrapper {position:relative; width:100%; font-size:0;} .img_wrapper .img_overlay {position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(211,211,211,0.75);} .image_selectors .selector_wrapper.active .img_wrapper .img_overlay {background:none;} h2.small_width {width:100%; max-width:544px;} .directory-footer {z-index:101 !important;} @media (max-width:767px) { .root_cause_text {order:1;} .prescribe_outer_wrapper {order:1;} .image_selectors {justify-content:space-between;} .image_selectors .selector_wrapper {margin:0 5px;} .closer_mobile {padding-top:50px;} .green_corner {padding-top:11px;} .list {margin-bottom:0 !important;} .closer_mobile {display:block;} .closer_desktop {display:none;} .rheum-hero {padding:0 25px;} .spotlight_tiles {flex-direction:column;} .panel_left, .panel_right {margin:0; max-width:100%;} .panel_left {margin-bottom:16px;} .panel_right h4 {padding-bottom:16px;} } @media (max-width:640px) { .care-provider-circles {display:none;} } .mainnav .menu-main-nav-container ul {margin-top:7px;} .mainnav .menu-main-nav-container ul li {position:static; margin:0 16px; padding-top:25px; padding-bottom:25px;} .mainnav .menu-main-nav-container ul li:first-child {margin-left:0px;} .mainnav .menu-main-nav-container ul li:last-child {margin-right:0px;} .mainnav .menu-main-nav-container ul li a, .mainnav .menu-buttons-container ul li.text-link a {position:relative; width:100%; height:32px; text-align:center; display:block; font-weight:600; border:none; background:transparent !important;} .mainnav .menu-main-nav-container ul li a, .mainnav .menu-buttons-container ul li.text-link a {color:#4d4d4d;} @media (max-width:1023px) { .mainnav .menu-main-nav-container ul li a, .mainnav .menu-buttons-container ul li.text-link a {color:#6D295A;} } .mainnav .menu-main-nav-container ul li a:hover, .mainnav .menu-buttons-container ul li.text-link a:hover {color:#6D295A !important;} .mainnav .menu-main-nav-container ul li a::before, .mainnav .menu-buttons-container ul li.text-link a::before {display:block; content:''; height:1px; background:#6D295A; width:0%; transition:.5s cubic-bezier(.45, .05, .55, .95); position:absolute; bottom:10px; left:0;} @media (max-width:1023px) { .mainnav .menu-main-nav-container ul li a::before {bottom:0px;} } .mainnav .menu-main-nav-container ul li.current-menu-item a::before {width:100%; transition:.5s cubic-bezier(.45, .05, .55, .95); background:#6D295A;} .mainnav .menu-main-nav-container ul li a:hover::before, .mainnav .menu-buttons-container ul li.text-link a:hover::before {width:100%; transition:.5s cubic-bezier(.45, .05, .55, .95);} .mainnav .menu-main-nav-container ul li.menu-item-has-children a:hover::before {width:0;} @media (max-width:1250px) { .mainnav .menu-main-nav-container ul li a, .mainnav .menu-main-nav-container ul li a::before {} } @media (max-width:1023px) { .mainnav .menu-main-nav-container ul li {width:100%; display:inline-block;} .mainnav .menu-main-nav-container ul li a {width:auto; display:inline-block;} .mainnav .menu-main-nav-container ul li a, .mainnav .menu-main-nav-container ul li a::before {font-size:30px;} } @media (max-width:480px) { .mainnav .menu-main-nav-container ul li a, .mainnav .menu-main-nav-container ul li a::before {font-size:24px;} } .mainnav .menu-main-nav-container ul li.current-menu-item a {font-weight:600;} @media (min-width:1024px) { .mainnav .menu-main-nav-container ul li.current-menu-item a {color:#6D295A;} } #header .max-w-7xl {position:static;} .mainnav .menu-main-nav-container ul li.parent_menu {padding-right:16px; position:static !important;} @media (min-width:1024px) { .mainnav .menu-main-nav-container ul li.parent_menu {display:flex; flex-wrap:nowrap; align-items:center;} } .mainnav .menu-main-nav-container ul li.parent_menu::after {background-image:url('/wp-content/themes/doc_rheum/images/chevron_right.svg'); background-size:16px 16px; width:16px; height:16px; background-position:top right; display:inline-block; content:""; position:absolute; margin-left:105px; margin-top:-27px; transition:all 0.3s ease 0s; background-repeat:no-repeat;} @media (min-width:1024px) { .mainnav .menu-main-nav-container ul li.parent_menu::after {background-image:url('/wp-content/themes/doc_rheum/images/chevron_right.svg'); background-size:16px 16px; width:16px; height:16px; background-position:top right; display:inline-block; content:""; position:relative; margin-top:-9px; transition:all 0.3s ease 0s; background-repeat:no-repeat; margin-right:0; text-align:right; margin-left:8px;} } .mainnav .menu-main-nav-container ul li.parent_menu.open::after {transform:rotate(180deg); filter:invert(22%) sepia(17%) saturate(3016%) hue-rotate(271deg) brightness(32%) contrast(93%);} .care_menu a::after {position:absolute; content:""; bottom:-23px; left:0px; right:0px; height:2px; width:0px; background-color:#6D295A; transition:all 0.3s ease 0s; z-index:1000000;} .care_menu .open > a::after {width:calc(100% + 21px);} .care_menu .menu-item-has-children.current-menu-item.open > li::after {width:calc(100% + 21px);} .care_menu .menu-item-has-children.current-menu-item > a::after {width:calc(100% + 21px);} .care_menu .menu-item:not(.menu-item-has-children) > a:hover::after {width:calc(100%);} .care_menu .current-menu-item:not(.menu-item-has-children) > a::after {width:calc(100%);} .care_menu .menu-item-has-children.current-menu-parent > a::after {width:calc(100% + 21px);} .care_menu .menu-item-has-children ul li > a::after {content:none!important;} @media (min-width:1024px) { .mainnav .menu-main-nav-container ul.sub-menu li a {font-size:20px;} } .menu-main-nav-container .parent_menu .sub-menu {position:absolute; top:100%; left:0px; width:100vw; background-color:#FFFCFA; padding:40px 0px; box-shadow:rgba(31, 34, 44, 0.04) 0px 11px 41px; transition:all 0.3s ease-in-out 0s; opacity:0; z-index:-1; pointer-events:none; border-top:1px solid #FAEADE; display:flex; justify-content:center; align-items:center;} @media (max-width:1250px) and (min-width:1024px) { .menu-main-nav-container .parent_menu.fourX .sub-menu {flex-wrap:wrap;} .menu-main-nav-container .parent_menu.fourX .sub-menu li {width:calc(40% - 140px);} .menu-main-nav-container .parent_menu.fourX .sub-menu li a {padding-top:23px; padding-bottom:23px; text-align:left;} } .menu-main-nav-container .parent_menu .sub-menu {opacity:1; z-index:10; pointer-events:all; margin-top:0; transform:translateY(0px);} .menu-main-nav-container .parent_menu.open .sub-menu {opacity:1; z-index:10; pointer-events:all; margin-top:0; transform:translateY(0px);} .chc_header h1 {font-weight:700; line-height:normal;} .company_masthead_circle.partner {padding-left:0; font-size:20px; font-style:normal; font-weight:400; line-height:28px; color:#6D295A !important;} .company_masthead_circle.partner img {margin-right:3px;} .specialty_wrapper {display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-around;} .specialty {display:flex; flex-direction:column; align-items:center; justify-content:flex-start;} .specialty_wrapper .specialty p {font-weight:700 !important;} h4.light-grey {color:#A6A6A6; font-weight:500;} .tangerine-dot h4 {margin-left:0 !important;} .solution_panel.page-panel .max-w-7xl {padding:0;} .solution_panel .flex .cell_7 {padding-left:0;} .solution_panel .flexPanel .cell_12 {padding:8px;} .solution_panel .flex-panel-inner {margin-top:0;} .bg-powder-blue {background-color:#E3F3FD;} .tab-container {display:flex; background-color:#E3F3FD;} .tab-menu {} .tab-menu ul {margin:0; padding:0;} .tab-menu .tab-a {background-color:#E3F3FD; cursor:pointer; max-width:430px; min-width:430px; width:100%; position:relative;} .tab-menu .tab-a.active-a {background-color:#588d7d; color:#ffffff;} .tab {display:none;} .tab h2 {color:rgba(0,0,0,.7);} .tab p {color:rgba(0,0,0,0.6); text-align:justify;} .tab-active {display:block;} .tab-menu-wrapper {background:#E3F3FD; display:flex; align-items:center; padding:20px 16px;} .tab-menu-wrapper .num-circle {background-color:#C8EAFF; border-radius:50px; font-size:32px; font-weight:700; line-height:40px; color:#FFFFFF; height:40px; width:40px; min-width:40px; min-height:40px; display:flex; align-items:center; justify-content:center;} .tab-menu-wrapper .tab-menu-text {padding-left:15px;} .tab-menu-wrapper .tab-menu-text h3 {color:#4D4D4D; margin:0 !important; font-weight:700;} .tab-menu-wrapper .tab-menu-text p {color:#4D4D4D; margin:0 !important; font-weight:400 !important;} .tab-a.active-a .tab-menu-wrapper {background:#FFFFFF;} .tab-a.active-a::before, .tab-a.active-a::after {border:solid transparent; content:" "; display:block; height:0; position:absolute; pointer-events:none; width:0; left:100%;} .tab-a.active-a::after {border-color:rgba(255, 255, 255, 0); border-left-color:#FFFFFF; top:50%; margin-top:-10px; border-width:10px;} .tab-a.active-a::before {border-color:rgba(255, 255, 255, 0); border-left-color:#E3F3FD; top:50%; margin-top:-16px; border-width:16px;} .tab-a.active-a .tab-menu-wrapper .num-circle {background-color:#74BEEA;} .tab_content {margin-left:5px;} .tab_content_wrapper {padding:32px; background-color:#FFFFFF;} .tab_content_wrapper h4 {color:#006C8C; margin:0 !important; font-weight:500;} .tab_content_wrapper p {margin-top:0 !important; color:#4D4D4D;} .top_text_wrapper {border-bottom:1px solid #FAEADE; padding-bottom:15px;} .list_wrapper {display:flex; flex-direction:column; justify-content:flex-start; padding-top:15px;} .stacked_lists {display:flex;} .list.chc {margin-left:10px !important;} .blue_diamond {background:url('/wp-content/themes/doc_rheum/images/diamond_blue.svg') no-repeat 0 5px; height:auto; padding-top:0; padding-left:30px; margin-bottom:8px;} @media (max-width:1139px) { .tab-menu .tab-a {min-width:405px;} } .tan_bg > .flexPanel {background-color:#FFF4EA;} .slider_header h4 {margin-left:0 !important;} .range-slider {margin:30px 0;} .range-slider {width:100%;} .range-slider__range { -webkit-appearance:none; width:100%; max-width:400px; height:10px; border-radius:5px; background:linear-gradient(to right, #6D295A 0%, #6D295A 25%, #E8E8E8 25%, #E8E8E8 100%); outline:none; padding:0; display:block; transition:background 450ms ease-in; &::-webkit-slider-thumb {appearance:none; width:30px; height:30px; border-radius:50%; background:#6D295A; cursor:pointer; transition:background .15s ease-in-out; border:1px solid rgba(0, 0, 0, 0.12); &:hover {background:#6D295A;}} &:active::-webkit-slider-thumb {background:#6D295A;} &::-moz-range-thumb {width:30px; height:30px; border:0; border-radius:50%; background:#6D295A; cursor:pointer; transition:background .15s ease-in-out; border:1px solid rgba(0, 0, 0, 0.12); &:hover {background:#6D295A;}} &:active::-moz-range-thumb {background:#1abc9c;} &:focus {&::-webkit-slider-thumb {box-shadow:0 0 0 3px #fff, 0 0 0 6px #1abc9c;}} } .patients_text {font-size:32px; font-weight:700; line-height:40px; color:#CC47A7;} .patients_text.blue {color:#6EBFF1;} ::-moz-range-track {background:#d7dcdf; border:0;} input::-moz-focus-inner, input::-moz-focus-outer {border:0;} .slider_panel h4 {margin:0 !important;} .graphtext_wrapper {margin-left:16px;} .calculation_wrapper {display:flex; align-items:flex-start; justify-content:space-evenly; flex-direction:column;} .calculation_wrapper p {width:100%; max-width:242px; display:block; margin:0 auto; color:#4D4D4D;} .months_wrapper, .net_income_wrapper, .add_income_wrapper {padding:0 30px; display:flex; align-items:center; justify-content:flex-end;} .bar_graph {border-radius:4px; margin-top:15px; transition:height 150ms ease-in; height:144px;} .bar_graph.month {width:54px; background:linear-gradient(270deg, #CC47A7 0%, #F4C7E8 100%);} .bar_graph.net_income {width:108px; background:linear-gradient(270deg, #CC47A7 0%, #F4C7E8 100%);} .bar_graph.add_income {width:108px; background:linear-gradient(270deg, #6EBFF1 0%, #C8EAFF 100%);} @media (max-width:1023px) { .list.chc {margin-left:0 !important;} .slider_panel.page-panel.vertcenter .flex {justify-content:center;} .range-slider__range {margin:0 auto;} #main-panel-6.tan_bg {padding:0 24px !important;} .solution_panel .flexPanel .cell_12 {padding:0;} .top_text_wrapper {padding:16px 0;} .calculation_wrapper {flex-direction:column; align-items:center; justify-content:center;} .months_wrapper, .net_income_wrapper, .add_income_wrapper {min-height:auto; flex-direction:row; padding:0 0 30px;} .bar_graph {margin-top:0;} .bar_graph.mobile {height:83px; width:16px; margin-right:16px; background:linear-gradient(270deg, #CC47A7 0%, #F4C7E8 100%);} .bar_graph.add_income.mobile {background:linear-gradient(270deg, #6EBFF1 0%, #C8EAFF 100%);} .calculation_wrapper p {max-width:252px;} } @media (max-width:767px) { .list_wrapper {min-height:auto;} .calculation_wrapper {align-items:flex-start;} .calculation_wrapper p {text-align:left !important;} .patients_text.center {text-align:left !important;} .slider_header h4 {text-align:left !important;} .slider_header h2.center {margin:10px 0 0; text-align:left !important;} .range-slider__range {margin:0;} } .chc_shifter {border-bottom:8px solid #FFB899;} .chc_shifter h2 {color:#FFFCFA !important; margin-bottom:24px !important;} .chc_shifter .narrow_p {max-width:660px; width:100%; margin:0 auto 50px;} .chc_shifter p.shiftfader {width:100%; margin:24px auto; max-width:262px;} h2.partner {margin-bottom:25px !important;} .partner_wrapper {display:flex; align-items:flex-start; justify-content:space-between;} .partner_wrapper .partner_panel {width:100%; max-width:508px; height:576px; position:relative; display:flex; flex-direction:column; align-items:flex-start;} .partner_wrapper .partner_panel.yellow_horiz {margin-top:36px; height:508px; max-width:100%;} .partner_wrapper .partner_panel.purple_vert .overlay {width:100%; max-width:508px; height:466px; flex-shrink:0; background:linear-gradient(180deg, rgba(91, 25, 81, 0.00) 3.65%, #5B1951 68.29%); position:absolute; bottom:0; z-index:-9;} .partner_wrapper .partner_panel .image_wrapper img {position:absolute; top:0; z-index:-10;} .partner_wrapper .partner_panel .logo_wrapper {position:absolute; top:23px; left:20px;} .partner_wrapper .partner_panel.purple_vert .logo_wrapper img {max-width:260px; width:100%;} .partner_wrapper .partner_panel.teal_vert .overlay {width:100%; max-width:508px; height:497px; flex-shrink:0; background:linear-gradient(180deg, rgba(47, 136, 166, 0.05) 0%, #2F88A6 56.25%); position:absolute; bottom:0; z-index:-9;} .partner_wrapper .partner_panel.teal_vert .logo_wrapper img {max-width:143px; width:100%;} .partner_wrapper .partner_panel.yellow_horiz .overlay {width:100%; max-width:100%; height:508px; flex-shrink:0; background:linear-gradient(to left, rgba(255, 216, 144, 0.05) 3.65%, #FFCE75 33.54%); position:absolute; left:0; top:0; z-index:-9;} .partner_wrapper .partner_panel.yellow_horiz .image_wrapper img {position:absolute; right:0; top:0; z-index:-10; max-width:406px; width:100%;} .partner_wrapper .partner_panel.yellow_horiz .logo_wrapper img {max-width:209px; width:100%;} .partner_wrapper .partner_panel.yellow_horiz .logo_wrapper {position:absolute; top:23px; left:57px;} .partner_wrapper .partner_panel .text_wrapper {position:absolute; bottom:0; left:0; padding:28px 21px;} .partner_wrapper .partner_panel .text_wrapper p {color:#FFFFFF; margin:0;} .partner_wrapper .partner_panel .text_wrapper p strong {margin-top:15px; display:block;} .partner_wrapper .partner_panel.yellow_horiz .text_wrapper {padding:45px 56px; width:100%; max-width:576px;} .partner_wrapper .partner_panel.yellow_horiz .text_wrapper p {color:#4D4D4D;} @media (max-width:1200px) { .partner_panel.purple_vert, .partner_panel.teal_vert {width:calc(50% - 48px);} } @media (max-width:1024px) { .partner_panel {max-width:335px; width:100%; height:516px; position:relative; z-index:-11;} .partner_panel .image_wrapper {position:absolute; max-width:335px; width:100%; height:516px; top:0; left:0;} .partner_panel .image_wrapper img {position:absolute; top:0; z-index:-10;} .partner_panel .image_wrapper .overlay {box-shadow:0px 4px 12px 0px rgba(0, 0, 0, 0.25); max-width:335px; width:100%; height:516px; flex-shrink:0; position:absolute; bottom:0; z-index:-9;} .partner_panel.purple .image_wrapper .overlay {background:linear-gradient(180deg, rgba(91, 25, 81, 0.00) 3.65%, #5B1951 68.29%);} .partner_panel.teal .image_wrapper .overlay {background:linear-gradient(180deg, rgba(47, 136, 166, 0.05) 0%, #2F88A6 40.63%);} .partner_panel.yellow .image_wrapper .overlay {background:linear-gradient(180deg, rgba(255, 216, 144, 0.05) 3.65%, #FFCE75 38.54%);} .partner_panel .logo_wrapper {position:absolute; top:23px; left:20px;} .partner_panel.purple .logo_wrapper img {max-width:196px; width:100%;} .partner_panel.teal .logo_wrapper img {max-width:121px; width:100%;} .partner_panel.yellow .logo_wrapper img {max-width:157px; width:100%;} .partner_panel .text_wrapper {position:absolute; bottom:0; left:0; padding:28px 21px;} .partner_panel .text_wrapper p {color:#FFFFFF; margin:0; line-height:24px;} .partner_panel.yellow .text_wrapper p {color:#4D4D4D;} .partner_panel .text_wrapper p strong {margin-top:15px; display:block;} } @media (max-width:600px) { .partner_panel .text_wrapper p {font-size:14px; line-height:20px;} .partner_panel.purple .image_wrapper .overlay {background:linear-gradient(180deg, rgba(91, 25, 81, 0.00) 3.65%, #5B1951 58.29%);} .partner_panel.teal .image_wrapper .overlay {background:linear-gradient(180deg, rgba(47, 136, 166, 0.05) 0%, #2F88A6 50.63%);} .partner_panel.yellow .image_wrapper .overlay {background:linear-gradient(180deg, rgba(255, 216, 144, 0.05) 3.65%, #FFCE75 68.54%);} } .outcomes_panel h2 {font-weight:700; width:100%; max-width:650px;} .outcomes_panel .outcome_panel {min-height:320px;} @media (max-width:1023px) { .outcomes_panel .flexPanel .cell_3 {width:50%;} } @media (max-width:767px) { .outcomes_panel .flex-panel-inner {margin:0 auto;} .outcomes_panel .flexPanel .cell_3 {width:100%;} } .outcomes_panel .outcome_panel h4 {line-height:32px;} .outcomes_panel .outcome_panel h4.ml-0 {margin-left:0 !important;} .outcomes_panel .outcome_panel h4.mt-0 {margin-top:0 !important;} .citations h3 {color:#6D295A !important; width:100%; max-width:900px; font-weight:700;} .citations a.button-link {text-decoration:none; color:#6D295A !important;} .citations a.button-link:hover {color:#FFFCFA !important; transition:.25s all ease-in-out !important;} .citations .combine_footer {border-bottom:1px solid #FF4D00; margin-bottom:55px;} @media (max-width:767px) { .community_news h4 {margin-bottom:50px;} } .chc_accordion .operand {top:0;} .chc_accordion.faq_panel .faq {padding:0; border:none;} .chc_accordion.faq_panel .faq:last-child {border:none;} .chc_accordion.faq_panel .accordion_title {width:100%; background:#E3F3FD; padding:4px 4px 0;} .chc_accordion.faq_panel .faq_list_outer .entry-content:last-child .accordion_handle .accordion_title {padding-bottom:4px;} .chc_accordion.faq_panel .accordion_title .tab-menu-wrapper {background:#FFFFFF; padding:16px 12px;} .chc_accordion .tab-menu-wrapper .tab-menu-text {padding-left:0;} .chc_accordion .tab-menu-wrapper .num-circle {background-color:#74BEEA;} .chc_accordion.faq_panel .operand .plus {background:#FFFFFF;} .chc_accordion.faq_panel .operand .minus {background:#FFFFFF;} .chc_accordion.faq_panel .accordion_shelf {background:#E3F3FD; padding:9px 16px;} .chc_accordion .tab_content_wrapper {padding:0; background:#E3F3FD;} .chc_accordion .top_text_wrapper {border-bottom:1px solid #6EBFF1;} .chc_accordion.accordion-panel h4 {text-align:left;} .chc_accordion .entry-content.actively .accordion_title:after {content:''; position:absolute; left:0; right:0; margin:0 auto; width:0; height:0; border-top:13px solid #FFFFFF; border-left:15px solid transparent; border-right:15px solid transparent;} @media (max-width:1024px) { .solution_panel .tangerine-dot {padding-left:0 !important;} } .blog-post-panel .blog-outer {margin-bottom:0;} .teal {color:var(--teal) !important;} .light_pink {color:#BC53A0;} .hs_lists h4 {margin:0 !important;} .pink_diamond {background:url('/wp-content/themes/doc_rheum/images/pink_diamond.svg') no-repeat 0 5px; height:auto; padding-top:0; padding-left:30px; margin-bottom:8px;} .tangerine_diamond {background:url('/wp-content/themes/doc_rheum/images/tangerine_diamond.svg') no-repeat 0 5px; height:auto; padding-top:0; padding-left:30px; margin-bottom:8px;} .hs_green_box .green_corner {min-height:370px;} .hs_green_box .green_corner h4 {font-weight:700;} h4.icon_header {font-weight:700; margin-left:0 !important; margin-bottom:15px !important;} .icon_wrapper {display:flex; justify-content:center; align-items:flex-start;} .icon_wrapper p {margin-top:5px; margin-left:10px;} .citations .combine_footer.hs_page {border:none; margin-bottom:0;} .citations .combine_footer.hs_page h3 {max-width:1040px;} @media (max-width:767px) { .citations a.button-link {margin-left:initial !important;} } .health_plan_chart h2 {font-weight:700;} .health_plan_chart p {font-weight:500;} .custom-accordion h4 {margin:0 !important; text-align:left !important; font-weight:700 !important;} .icons_wrapper_hp {display:flex; margin:0 auto; justify-content:center; font-size:20px; font-weight:700; line-height:28px; color:#6D295A;} .icons_wrapper_hp .impact_icons {display:flex; align-items:center; justify-content:center; margin:0 10px;} p.no_bottom {margin-bottom:0 !important;} .icon_panel {padding:24px 16px 16px; min-height:440px;} .icon_panel h3 {line-height:40px; font-weight:700; margin-top:24px;} .circle_masthead_group {width:60px; height:60px; border-radius:50px;} .circle_masthead_group.green {background:#D5EACC;} .circle_masthead_group.blue {background:#C8EAFF;} .circle_masthead_group.tan {background:#FFDEAD;} .tabs {width:fit-content; height:48px; display:flex; justify-content:center; align-items:center; flex-shrink:0; border-radius:4px; background:#FAEADE; margin:15px auto; padding:0 3px;} .outcomes .tabs {background:#FFBD5B;} .tabs .tab {width:140px; height:42px; flex-shrink:0; display:flex; justify-content:center; align-items:center; text-align:center; font-size:20px; font-style:normal; font-weight:400; cursor:pointer;} .tabs .tab.active {background:#FFF; box-shadow:0px 3px 12px 0px rgba(0, 0, 0, 0.10); color:#6D295A; font-size:20px; font-style:normal; font-weight:500;} .comp_migraine_content {display:none;} .comp_autoimmune_content {display:none;} .comp_migraine_content.active {display:block;} .comp_autoimmune_content.active {display:block;} .comp_autoimmune_content .flexPanel .flex-panel-inner h4, .comp_migraine_content .flexPanel .flex-panel-inner h4 {margin:0 0 15px;} .comp_autoimmune_content .flexPanel .flex-panel-inner p, .comp_migraine_content .flexPanel .flex-panel-inner p {margin:0 0 10px;} .comp_autoimmune_content .flexPanel .flex-panel-inner p.bold, .comp_migraine_content .flexPanel .flex-panel-inner p.bold {margin:10px 0 0; font-weight:700;} @media (max-width: 1250px) { .comp_autoimmune_content .flexPanel .flex-panel-inner h4, .comp_migraine_content .flexPanel .flex-panel-inner h4 {font-size:24px; line-height:36px;} } @media (max-width:767px) { .content_panel_4 .flex-panel-inner {align-items:flex-start !important;} .content_panel_4 h4, .content_panel_4 p {text-align:left !important;} .comp_autoimmune_content .flexPanel .flex-panel-inner h4, .comp_migraine_content .flexPanel .flex-panel-inner h4 {font-size:21px; line-height:31px;} .hs_green_box .green_corner {min-height:auto;} .icon_panel {min-height:auto;} } .outcome_migraine_content {display:none;} .outcome_autoimmune_content {display:none;} .outcome_migraine_content.active {display:block;} .outcome_autoimmune_content.active {display:block;} .outcomes .pt-0 {padding-top:0 !important;} .outcomes .pb-0 {padding-bottom:0 !important;} .outcome_autoimmune_content .outcome_panel {min-height:210px;} .outcome_migraine_content .outcome_panel {min-height:250px;} @media (max-width:1023px) { .outcome_autoimmune_content .flexPanel .cell_3, .outcome_migraine_content .flexPanel .cell_3 {width:50%;} } @media (max-width:767px) { .outcome_autoimmune_content .flex-panel-inner, .outcome_migraine_content .flex-panel-inner {margin:0 auto;} .outcome_autoimmune_content .flexPanel .cell_3, .outcome_migraine_content .flexPanel .cell_3 {width:100%;} } .outcome_panel h4 {line-height:32px;} .outcome_panel h4.ml-0 {margin-left:0 !important;} .outcome_panel h4.mt-0 {margin-top:0 !important;} .mb-auto {margin-bottom:auto !important;} .comp_migraine_content .flex-panel-inner, .comp_autoimmune_content .flex-panel-inner {display:flex; flex-direction:column; align-items:flex-start;} .comp_migraine_content.content_panel_4 .flex-panel-inner, .comp_autoimmune_content.content_panel_4 .flex-panel-inner {align-items:center;} .border-left-green {border-left:4px solid #98BE8B; padding-left:24px; margin-top:35px;} .border-left-green p {margin:0;} .health_plan_chart .cell_6 {padding:25px;} .migraine_panel {padding:40px 16px 26px; display:flex; flex-direction:column; align-items:center; justify-content:space-between; min-height:300px;} .migraine_panel p {margin:0 !important;} .scroller {max-width:100%;} .scroller__inner {padding-block:1rem; display:flex; flex-wrap:wrap; gap:3rem; align-items:center; justify-content:center;} .scroller[data-animated="true"] {overflow:hidden;} .scroller[data-animated="true"] .scroller__inner {width:max-content; flex-wrap:nowrap; animation:scroll var(--_animation-duration, 40s) var(--_animation-direction, forwards) linear infinite;} .scroller[data-direction="right"] {--_animation-direction:reverse;} .scroller[data-direction="left"] {--_animation-direction:forwards;} .scroller[data-speed="fast"] {--_animation-duration:20s;} .scroller[data-speed="slow"] {--_animation-duration:60s;} @keyframes scroll { to {transform:translate(calc(-50% - 0.5rem));} } @media (max-width:767px) { .health_plan_chart .cell_6 {padding:0;} .scroller[data-animated="true"] {overflow:visible;} } .mainnav .menu-main-nav-container ul#menu-main-nav li a::before, .mainnav .menu-buttons-container ul#menu-main-nav li.text-link a::before {height:2px; bottom:-23px; transition:all 0.3s ease 0s;} .mainnav .menu-main-nav-container ul#menu-main-nav li a:hover::before, .mainnav .menu-buttons-container ul#menu-main-nav li.text-link a:hover::before {transition:all 0.3s ease 0s;} .mainnav .menu-main-nav-container ul.sub-menu li a {height:auto;} @media (max-width:1023px) { .mainnav .menu-main-nav-container ul li {position:relative;} .mainnav .menu-main-nav-container ul li:before {position:absolute; top:-5px; left:0px; width:100%; height:1px; background:#FAEADE; content:'';} .mainnav .menu-main-nav-container ul:after {position:absolute; bottom:5px; left:0px; width:100%; height:1px; background:#FAEADE; content:'';} .mainnav .menu-main-nav-container ul li ul:after {display:none;} .mainnav .menu-main-nav-container ul li ul li:before {display:none;} .stackerNav ul.menu {position:relative;} .mainnav .stackerNav .menu-buttons-container ul li {padding-bottom:4px;} } .lock-text-item:not(:last-child) .stats-results-bottom {display:block; width:100%; height:200px; position:relative;} /***************************************************/ /******** *********/ /***** j.css values ******/ /******** *********/ /***************************************************/ #main-panel-1.basic {margin-top:88px;} @media (max-width:767px) { #main-panel-1.basic {margin-top:56px;} } @media (max-width:639px) { #main-panel-1.basic {margin-top:73px;} } .page-template-template-teammember #main-panel-1.basic {margin-top:0;} @media (max-width:767px) { .page-template-template-teammember #main-panel-1.basic {margin-top:0;} } @media (max-width:639px) { .page-template-template-teammember #main-panel-1.basic {margin-top:0;} } .no_left {padding-left:0 !important;} .no_right {padding-right:0 !important;} .gift2024 .flex-panel-inner h4 {margin-bottom:24px;} @media (max-width:767px) { .gift2024 .flex-panel-inner h2 {margin-top:28px !important; padding-left:16px; padding-right:16px; text-align:center; margin-left:auto !important; margin-right:auto !important;} .gift2024 .flex-panel-inner p {padding-left:16px; padding-right:16px; text-align:center; margin-left:auto !important; margin-right:auto !important;} .gift2024 .flex-panel-inner h4 {padding-left:16px; padding-right:16px; text-align:center; margin-left:auto !important; margin-right:auto !important;} } .gift_code {display:flex;} @media (max-width:767px) { .gift_code {flex-direction:column; align-items:center; justify-content:center;} } .gift_code input {width:100%; max-width:350px; margin-right:25px !important;} .gift_code a {display:flex; align-items:center; justify-content:center; width:100%; max-width:185px;} @media (max-width:767px) { .gift_code a {margin-top:25px !important;} .removepadding:last-child.gift_code {margin-bottom:75px !important;} .gift_code input {margin-right:0 !important;} } @media (max-width:575px) { .gift_code input {margin-right:15px !important; margin-left:15px !important;} } .d-none {display:none;} @media (min-width:768px) { .d-md-block {display:block;} .d-md-none {display:none !important;} } @media (min-width:576px) { .d-sm-block {display:block;} .d-sm-none {display:none;} } .pt-0 {padding-top:0 !important;} #main-panel-1.basic.care_header {margin-top:72px;} @media (max-width:767px) { #main-panel-1.basic.care_header {margin-top:64px;} .page-panel.care_header {padding-top:28px; padding-bottom:0;} } @media (max-width:640px) { #main-panel-1.basic.care_header {margin-top:44px;} } .care_icons {display:flex; color:#6D295A; font-size:16px; font-style:normal; font-weight:700; line-height:18px; align-items:center; justify-content:center;} .care_icons a {display:flex; color:#6D295A; font-size:16px; font-style:normal; font-weight:700; line-height:18px; align-items:center; justify-content:center;} .center {text-align:center;} .purple {color:#6D295A;} .green_corner {background:url('/wp-content/themes/doc_rheum/images/green_corner_arrow.png') no-repeat top right; background-size:72px 72px; padding:55px 16px 20px;} .list {padding:0 !important; margin:10px 0 30px 24px !important; list-style-type:none !important;} .green_diamond {background:url('/wp-content/themes/doc_rheum/images/diamond.svg') no-repeat 0 5px; height:auto; padding-top:0; padding-left:20px; margin-bottom:8px;} .orange_bottom_border {border-bottom:8px solid #FF4D00;} .align-items-start .flex {align-items:flex-start !important;} .masthead_circle_group.center {justify-content:center;} .spotlight_tiles {display:flex;} .disclaimer {color:#6D295A; font-size:12px; font-weight:400; line-height:16px;} .panel_left {width:100%; max-width:240px; margin-right:15px;} .panel_right {width:100%; max-width:295px;} .flexPanel .flex-panel-inner .panel_left h4, .flexPanel .flex-panel-inner .panel_right h4 {margin:0 !important; line-height:32px !important;} .prescribe_wrapper {display:none;} .prescribe_wrapper.active {display:block;} .prescribe_wrapper p {margin-top:12px;} h4.orange {color:#FF4D00; margin:30px 0 0 !important;} .page-template-template-companypage .masthead_circle_group {flex-wrap:wrap;} .company_masthead_circle {margin-bottom:10px;} .company_masthead_circle.tan {background:#FFDEAD;} .company_masthead_circle.blue {background:#C8EAFF;} .company_masthead_circle.dark_blue {background:#6EBFF1;} .company_masthead_circle.dark_green {background:#98BE8B;} .closer_mobile {display:none;} .image_selectors {display:flex; justify-content:flex-end;} .image_selectors .selector_wrapper {cursor:pointer; margin-left:25px;} .image_selectors .selector_wrapper img {width:100%; max-width:150px; margin:0;} .image_selectors .selector_wrapper p {text-decoration:underline; font-size:16px; font-weight:700; line-height:24px; color:#A6A6A6; text-align:center;} .image_selectors .selector_wrapper.active p {color:#FF4D00;} .img_wrapper {position:relative; width:100%; font-size:0;} .img_wrapper .img_overlay {position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(211,211,211,0.75);} .image_selectors .selector_wrapper.active .img_wrapper .img_overlay {background:none;} h2.small_width {width:100%; max-width:544px;} .directory-footer {z-index:101 !important;} @media (max-width:767px) { .root_cause_text {order:1;} .prescribe_outer_wrapper {order:1;} .image_selectors {justify-content:space-between;} .image_selectors .selector_wrapper {margin:0 5px;} .closer_mobile {padding-top:50px;} .green_corner {padding-top:11px;} .list {margin-bottom:0 !important;} .closer_mobile {display:block;} .closer_desktop {display:none;} .rheum-hero {padding:0 25px;} .spotlight_tiles {flex-direction:column;} .panel_left, .panel_right {margin:0; max-width:100%;} .panel_left {margin-bottom:16px;} .panel_right h4 {padding-bottom:16px;} } @media (max-width:640px) { .care-provider-circles {display:none;} } .mainnav .menu-main-nav-container ul {margin-top:7px;} .mainnav .menu-main-nav-container ul li {position:static; margin:0 16px; padding-top:25px; padding-bottom:25px;} .mainnav .menu-main-nav-container ul li:first-child {margin-left:0px;} .mainnav .menu-main-nav-container ul li:last-child {margin-right:0px;} .mainnav .menu-main-nav-container ul li a, .mainnav .menu-buttons-container ul li.text-link a {position:relative; width:100%; height:32px; text-align:center; display:block; font-weight:600; border:none; background:transparent !important;} .mainnav .menu-main-nav-container ul li a, .mainnav .menu-buttons-container ul li.text-link a {color:var(--slate); text-align: left;} .mainnav .menu-main-nav-container ul li ul li a, .mainnav .menu-buttons-container ul li.text-link ul li a {color:var(--plum); text-align: left;} .mainnav .menu-main-nav-container ul li, .mainnav .menu-buttons-container ul li.text-link {background:none; transition:.25s all ease-in-out;} .mainnav .menu-main-nav-container ul.sub-menu li:hover, .mainnav .menu-buttons-container ul.sub-menu li.text-link:hover {background:rgba(255,232,249,0.5) !important; transition:.25s all ease-in-out;} @media (max-width:1023px) { .mainnav .menu-main-nav-container ul li a, .mainnav .menu-buttons-container ul li.text-link a {color:#6D295A;} } .mainnav .menu-main-nav-container ul li a:hover, .mainnav .menu-buttons-container ul li.text-link a:hover {color:#6D295A !important;} .mainnav .menu-main-nav-container ul li a::before, .mainnav .menu-buttons-container ul li.text-link a::before {display:block; content:''; height:1px; background:#6D295A; width:0%; transition:.5s cubic-bezier(.45, .05, .55, .95); position:absolute; bottom:10px; left:0;} @media (max-width:1023px) { .mainnav .menu-main-nav-container ul li a::before {bottom:0px;} } .mainnav .menu-main-nav-container ul li.current-menu-item a::before {width:100%; transition:.5s cubic-bezier(.45, .05, .55, .95); background:#6D295A;} .mainnav .menu-main-nav-container ul li a:hover::before, .mainnav .menu-buttons-container ul li.text-link a:hover::before {width:100%; transition:.5s cubic-bezier(.45, .05, .55, .95);} .mainnav .menu-main-nav-container ul li.menu-item-has-children a:hover::before {width:0;} @media (max-width:1250px) { .mainnav .menu-main-nav-container ul li a, .mainnav .menu-main-nav-container ul li a::before {} } @media (max-width:1023px) { .mainnav .menu-main-nav-container ul li {width:100%; display:inline-block;} .mainnav .menu-main-nav-container ul li a {width:auto; display:inline-block;} .mainnav .menu-main-nav-container ul li a, .mainnav .menu-main-nav-container ul li a::before {font-size:30px;} } @media (max-width:480px) { .mainnav .menu-main-nav-container ul li a, .mainnav .menu-main-nav-container ul li a::before {font-size:24px;} } .mainnav .menu-main-nav-container ul li.current-menu-item a {font-weight:600;} @media (min-width:1024px) { .mainnav .menu-main-nav-container ul li.current-menu-item a {color:#6D295A;} } #header .max-w-7xl {position:static;max-width: 90rem;} .mainnav .menu-main-nav-container ul li.parent_menu {padding-right:16px; position:static !important;} @media (min-width:1024px) { .mainnav .menu-main-nav-container ul li.parent_menu {display:flex; flex-wrap:nowrap; align-items:center;} } .mainnav .menu-main-nav-container ul li.parent_menu::after {background-image:url('/wp-content/themes/doc_rheum/images/chevron_right.svg'); background-size:16px 16px; width:16px; height:16px; background-position:top right; display:inline-block; content:""; position:absolute; margin-left:105px; margin-top:-27px; transition:all 0.3s ease 0s; background-repeat:no-repeat;} @media (min-width:1024px) { .mainnav .menu-main-nav-container ul li.parent_menu::after {background-image:url('/wp-content/themes/doc_rheum/images/chevron_right.svg'); background-size:16px 16px; width:16px; height:16px; background-position:top right; display:inline-block; content:""; position:relative; margin-top:-9px; transition:all 0.3s ease 0s; background-repeat:no-repeat; margin-right:0; text-align:right; margin-left:8px;} } .mainnav .menu-main-nav-container ul li.parent_menu.open::after {transform:rotate(180deg); filter:invert(22%) sepia(17%) saturate(3016%) hue-rotate(271deg) brightness(32%) contrast(93%);} .care_menu .menu-item-has-children a::after {position:absolute; content:""; bottom:-23px; left:0px; right:0px; height:2px; width:0px; background-color:#6D295A; transition:all 0.3s ease 0s; z-index:1000000;} .care_menu .menu-item-has-children.open > a::after {width:calc(100% + 21px);} @media (min-width:1024px) { .mainnav .menu-main-nav-container ul.sub-menu li a {font-size:20px;} } .menu-main-nav-container .parent_menu .sub-menu { position: absolute; top: un100%; left: unset; width: unset; background-color: #FFFCFA; padding: 40px 0px; box-shadow: rgba(31, 34, 44, 0.04) 0px 11px 41px; transition: all 0.3s ease-in-out 0s; opacity: 0; z-index: -1; pointer-events: none; border-top: 1px solid #FAEADE; justify-content: unset; align-items: sunet; } .menu-main-nav-container .parent_menu .sub-menu li { display:block;} @media (max-width:1250px) and (min-width:1024px) { .menu-main-nav-container .parent_menu.fourX .sub-menu {flex-wrap:wrap;} .menu-main-nav-container .parent_menu.fourX .sub-menu li {width:calc(40% - 140px);} .menu-main-nav-container .parent_menu.fourX .sub-menu li a {padding-top:23px; padding-bottom:23px; text-align:left;} } .menu-main-nav-container .parent_menu .sub-menu { display: block;} .menu-main-nav-container .parent_menu.open .sub-menu { display: block;opacity:1; z-index:10; pointer-events:all; margin-top:0; transform:translateY(0px);padding: 0;} @media (min-width:1024px){ .menu-main-nav-container .parent_menu.open .sub-menu { box-shadow: 0 7px 10px -4px rgba(0,0,0,.1);} } .menu-main-nav-container ul.sub-menu li {padding-top:0 !important; padding-bottom:0 !important; position:relative; margin-left:0px !important; margin-right:0px !important;} .menu-main-nav-container ul.sub-menu li::before {background-size:54px 54px; width:54px; height:54px; background-position:center center; background-repeat:no-repeat; position:absolute; content:""; top:-14px; left:-60px; border-radius:50px;} .menu-main-nav-container ul.sub-menu li::before { background-size: 54px 54px; width: 40px; height: 40px; background-position: center center; background-repeat: no-repeat; position: absolute; content: ""; top: 50%; left: 14px; border-radius: 50px; transform: translateY(-50%); background-size: 106%; border: 1px solid var(--plum); } .mainnav .menu-main-nav-container ul#menu-main-nav > li a:hover::before { content:none;} .mainnav .menu-main-nav-container ul#menu-main-nav > li ul li a:hover::before { content:'';} .mainnav .menu-main-nav-container ul.sub-menu li.current-menu-item:hover::before {left:14px; transition-delay:none;} .menu-main-nav-container ul.sub-menu li.rheumatology::before {background-image:url('/wp-content/themes/doc_rheum/images/rheumatology-icon.svg');} .menu-main-nav-container ul.sub-menu li.dermatology::before {background-image:url('/wp-content/themes/doc_rheum/images/dermatology-icon.svg');} .menu-main-nav-container ul.sub-menu li.neurology::before {background-image:url('/wp-content/themes/doc_rheum/images/neurology-icon.svg');} .menu-main-nav-container ul.sub-menu li.menu-icon.chc::before {background-image:url('/wp-content/themes/doc_rheum/images/community-icon.svg');} .menu-main-nav-container ul.sub-menu li.menu-icon.hs::before {background-image:url('/wp-content/themes/doc_rheum/images/health-icon.svg');} .menu-main-nav-container ul.sub-menu li.menu-icon.healthplans::before {background-image:url('/wp-content/uploads/2024/01/DocRheum_Icons_Insurance-2-1-1.png');} .menu-main-nav-container ul.sub-menu li.menu-icon.employer::before {background-image:url('/wp-content/uploads/2024/01/DocRheum_Icons_Navigation-EmployersPlans-1-1.png');} .care_menu_wrapper .stackerNav.actively {padding:15px;} @media (max-width:1023px) { .mainnav .menu-main-nav-container ul li.parent_menu::after {background-size:26px 26px; width:26px; height:26px; filter:invert(22%) sepia(17%) saturate(3016%) hue-rotate(271deg) brightness(32%) contrast(93%); margin-left:0; margin-top:0; right:0; top:20px;} .care_menu_wrapper .stackerNav.actively .menu-main-nav-container .parent_menu {position:relative !important;} .menu-main-nav-container .parent_menu .sub-menu {position:relative; display:none; padding-bottom:0; box-shadow:none; border-top:none;} .menu-main-nav-container .parent_menu.open .sub-menu {display:flex; flex-direction:column;} .menu-main-nav-container ul.sub-menu li::before {background:none;} .menu-main-nav-container ul.sub-menu li.rheumatology::before {background-image:none;} .menu-main-nav-container ul.sub-menu li.dermatology::before {background-image:none;} .menu-main-nav-container ul.sub-menu li.neurology::before {background-image:none;} .mainnav .menu-main-nav-container ul.sub-menu li {margin-bottom:0; padding-left:20px;} } .chc_header h1 {font-weight:700; line-height:normal;} .company_masthead_circle.partner {padding-left:0; font-size:20px; font-style:normal; font-weight:400; line-height:28px; color:#6D295A !important;} .company_masthead_circle.partner img {margin-right:3px;} .specialty_wrapper {display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-around;} .specialty {display:flex; flex-direction:column; align-items:center; justify-content:flex-start;} .specialty_wrapper .specialty p {font-weight:700 !important;} h4.light-grey {color:#A6A6A6; font-weight:500;} .tangerine-dot h4 {margin-left:0 !important;} .solution_panel.page-panel .max-w-7xl {padding:0;} .solution_panel .flex .cell_7 {padding-left:0;} .solution_panel .flexPanel .cell_12 {padding:8px;} .solution_panel .flex-panel-inner {margin-top:0;} .bg-powder-blue {background-color:#E3F3FD;} .tab-container {display:flex; background-color:#E3F3FD;} .tab-menu {} .tab-menu ul {margin:0; padding:0;} .tab-menu .tab-a {background-color:#E3F3FD; cursor:pointer; max-width:430px; min-width:430px; width:100%; position:relative;} .tab-menu .tab-a.active-a {background-color:#588d7d; color:#ffffff;} .tab {display:none;} .tab h2 {color:rgba(0,0,0,.7);} .tab p {color:rgba(0,0,0,0.6); text-align:justify;} .tab-active {display:block;} .tab-menu-wrapper {background:#E3F3FD; display:flex; align-items:center; padding:20px 16px;} .tab-menu-wrapper .num-circle {background-color:#C8EAFF; border-radius:50px; font-size:32px; font-weight:700; line-height:40px; color:#FFFFFF; height:40px; width:40px; min-width:40px; min-height:40px; display:flex; align-items:center; justify-content:center;} .tab-menu-wrapper .tab-menu-text {padding-left:15px;} .tab-menu-wrapper .tab-menu-text h3 {color:#4D4D4D; margin:0 !important; font-weight:700;} .tab-menu-wrapper .tab-menu-text p {color:#4D4D4D; margin:0 !important; font-weight:400 !important;} .tab-a.active-a .tab-menu-wrapper {background:#FFFFFF;} .tab-a.active-a::before, .tab-a.active-a::after {border:solid transparent; content:" "; display:block; height:0; position:absolute; pointer-events:none; width:0; left:100%;} .tab-a.active-a::after {border-color:rgba(255, 255, 255, 0); border-left-color:#FFFFFF; top:50%; margin-top:-10px; border-width:10px;} .tab-a.active-a::before {border-color:rgba(255, 255, 255, 0); border-left-color:#E3F3FD; top:50%; margin-top:-16px; border-width:16px;} .tab-a.active-a .tab-menu-wrapper .num-circle {background-color:#74BEEA;} .tab_content {margin-left:5px;} .tab_content_wrapper {padding:32px; background-color:#FFFFFF;} .tab_content_wrapper h4 {color:#006C8C; margin:0 !important; font-weight:500;} .tab_content_wrapper p {margin-top:0 !important; color:#4D4D4D;} .top_text_wrapper {border-bottom:1px solid #FAEADE; padding-bottom:15px;} .list_wrapper {display:flex; flex-direction:column; justify-content:flex-start; padding-top:15px;} .stacked_lists {display:flex;} .list.chc {margin-left:10px !important;} .blue_diamond {background:url('/wp-content/themes/doc_rheum/images/diamond_blue.svg') no-repeat 0 5px; height:auto; padding-top:0; padding-left:30px; margin-bottom:8px;} @media (max-width:1139px) { .tab-menu .tab-a {min-width:405px;} } .tan_bg > .flexPanel {background-color:#FFF4EA;} .slider_header h4 {margin-left:0 !important;} .range-slider {margin:30px 0;} .range-slider {width:100%;} .range-slider__range { -webkit-appearance:none; width:100%; max-width:400px; height:10px; border-radius:5px; background:linear-gradient(to right, #6D295A 0%, #6D295A 25%, #E8E8E8 25%, #E8E8E8 100%); outline:none; padding:0; display:block; transition:background 450ms ease-in; &::-webkit-slider-thumb {appearance:none; width:30px; height:30px; border-radius:50%; background:#6D295A; cursor:pointer; transition:background .15s ease-in-out; border:1px solid rgba(0, 0, 0, 0.12); &:hover {background:#6D295A;}} &:active::-webkit-slider-thumb {background:#6D295A;} &::-moz-range-thumb {width:30px; height:30px; border:0; border-radius:50%; background:#6D295A; cursor:pointer; transition:background .15s ease-in-out; border:1px solid rgba(0, 0, 0, 0.12); &:hover {background:#6D295A;}} &:active::-moz-range-thumb {background:#1abc9c;} &:focus {&::-webkit-slider-thumb {box-shadow:0 0 0 3px #fff, 0 0 0 6px #1abc9c;}} } .patients_text {font-size:32px; font-weight:700; line-height:40px; color:#CC47A7;} .patients_text.blue {color:#6EBFF1;} ::-moz-range-track {background:#d7dcdf; border:0;} input::-moz-focus-inner, input::-moz-focus-outer {border:0;} .slider_panel h4 {margin:0 !important;} .graphtext_wrapper {margin-left:16px;} .calculation_wrapper {display:flex; align-items:flex-start; justify-content:space-evenly; flex-direction:column;} .calculation_wrapper p {width:100%; max-width:242px; display:block; margin:0 auto; color:#4D4D4D;} .months_wrapper, .net_income_wrapper, .add_income_wrapper {padding:0 30px; display:flex; align-items:center; justify-content:flex-end;} .bar_graph {border-radius:4px; margin-top:15px; transition:height 150ms ease-in; height:144px;} .bar_graph.month {width:54px; background:linear-gradient(270deg, #CC47A7 0%, #F4C7E8 100%);} .bar_graph.net_income {width:108px; background:linear-gradient(270deg, #CC47A7 0%, #F4C7E8 100%);} .bar_graph.add_income {width:108px; background:linear-gradient(270deg, #6EBFF1 0%, #C8EAFF 100%);} @media (max-width:1023px) { .list.chc {margin-left:0 !important;} .slider_panel.page-panel.vertcenter .flex {justify-content:center;} .range-slider__range {margin:0 auto;} #main-panel-6.tan_bg {padding:0 24px !important;} .solution_panel .flexPanel .cell_12 {padding:0;} .top_text_wrapper {padding:16px 0;} .calculation_wrapper {flex-direction:column; align-items:center; justify-content:center;} .months_wrapper, .net_income_wrapper, .add_income_wrapper {min-height:auto; flex-direction:row; padding:0 0 30px;} .bar_graph {margin-top:0;} .bar_graph.mobile {height:83px; width:16px; margin-right:16px; background:linear-gradient(270deg, #CC47A7 0%, #F4C7E8 100%);} .bar_graph.add_income.mobile {background:linear-gradient(270deg, #6EBFF1 0%, #C8EAFF 100%);} .calculation_wrapper p {max-width:252px;} } @media (max-width:767px) { .list_wrapper {min-height:auto;} .calculation_wrapper {align-items:flex-start;} .calculation_wrapper p {text-align:left !important;} .patients_text.center {text-align:left !important;} .slider_header h4 {text-align:left !important;} .slider_header h2.center {margin:10px 0 0; text-align:left !important;} .range-slider__range {margin:0;} } .chc_shifter {border-bottom:8px solid #FFB899;} .chc_shifter h2 {color:#FFFCFA !important; margin-bottom:24px !important;} .chc_shifter .narrow_p {max-width:660px; width:100%; margin:0 auto 50px;} .chc_shifter p.shiftfader {width:100%; margin:24px auto; max-width:262px;} h2.partner {margin-bottom:25px !important;} .partner_wrapper {display:flex; align-items:flex-start; justify-content:space-between;} .partner_wrapper .partner_panel {width:100%; max-width:508px; height:576px; position:relative; display:flex; flex-direction:column; align-items:flex-start;} .partner_wrapper .partner_panel.yellow_horiz {margin-top:36px; height:508px; max-width:100%;} .partner_wrapper .partner_panel.purple_vert .overlay {width:100%; max-width:508px; height:466px; flex-shrink:0; background:linear-gradient(180deg, rgba(91, 25, 81, 0.00) 3.65%, #5B1951 68.29%); position:absolute; bottom:0; z-index:-9;} .partner_wrapper .partner_panel .image_wrapper img {position:absolute; top:0; z-index:-10;} .partner_wrapper .partner_panel .logo_wrapper {position:absolute; top:23px; left:20px;} .partner_wrapper .partner_panel.purple_vert .logo_wrapper img {max-width:260px; width:100%;} .partner_wrapper .partner_panel.teal_vert .overlay {width:100%; max-width:508px; height:497px; flex-shrink:0; background:linear-gradient(180deg, rgba(47, 136, 166, 0.05) 0%, #2F88A6 56.25%); position:absolute; bottom:0; z-index:-9;} .partner_wrapper .partner_panel.teal_vert .logo_wrapper img {max-width:143px; width:100%;} .partner_wrapper .partner_panel.yellow_horiz .overlay {width:100%; max-width:100%; height:508px; flex-shrink:0; background:linear-gradient(to left, rgba(255, 216, 144, 0.05) 3.65%, #FFCE75 33.54%); position:absolute; left:0; top:0; z-index:-9;} .partner_wrapper .partner_panel.yellow_horiz .image_wrapper img {position:absolute; right:0; top:0; z-index:-10; max-width:406px; width:100%;} .partner_wrapper .partner_panel.yellow_horiz .logo_wrapper img {max-width:209px; width:100%;} .partner_wrapper .partner_panel.yellow_horiz .logo_wrapper {position:absolute; top:23px; left:57px;} .partner_wrapper .partner_panel .text_wrapper {position:absolute; bottom:0; left:0; padding:28px 21px;} .partner_wrapper .partner_panel .text_wrapper p {color:#FFFFFF; margin:0;} .partner_wrapper .partner_panel .text_wrapper p strong {margin-top:15px; display:block;} .partner_wrapper .partner_panel.yellow_horiz .text_wrapper {padding:45px 56px; width:100%; max-width:576px;} .partner_wrapper .partner_panel.yellow_horiz .text_wrapper p {color:#4D4D4D;} @media (max-width:1200px) { .partner_panel.purple_vert, .partner_panel.teal_vert {width:calc(50% - 48px);} } @media (max-width:1024px) { .partner_panel {max-width:335px; width:100%; height:516px; position:relative; z-index:-11;} .partner_panel .image_wrapper {position:absolute; max-width:335px; width:100%; height:516px; top:0; left:0;} .partner_panel .image_wrapper img {position:absolute; top:0; z-index:-10;} .partner_panel .image_wrapper .overlay {box-shadow:0px 4px 12px 0px rgba(0, 0, 0, 0.25); max-width:335px; width:100%; height:516px; flex-shrink:0; position:absolute; bottom:0; z-index:-9;} .partner_panel.purple .image_wrapper .overlay {background:linear-gradient(180deg, rgba(91, 25, 81, 0.00) 3.65%, #5B1951 68.29%);} .partner_panel.teal .image_wrapper .overlay {background:linear-gradient(180deg, rgba(47, 136, 166, 0.05) 0%, #2F88A6 40.63%);} .partner_panel.yellow .image_wrapper .overlay {background:linear-gradient(180deg, rgba(255, 216, 144, 0.05) 3.65%, #FFCE75 38.54%);} .partner_panel .logo_wrapper {position:absolute; top:23px; left:20px;} .partner_panel.purple .logo_wrapper img {max-width:196px; width:100%;} .partner_panel.teal .logo_wrapper img {max-width:121px; width:100%;} .partner_panel.yellow .logo_wrapper img {max-width:157px; width:100%;} .partner_panel .text_wrapper {position:absolute; bottom:0; left:0; padding:28px 21px;} .partner_panel .text_wrapper p {color:#FFFFFF; margin:0; line-height:24px;} .partner_panel.yellow .text_wrapper p {color:#4D4D4D;} .partner_panel .text_wrapper p strong {margin-top:15px; display:block;} } @media (max-width:600px) { .partner_panel .text_wrapper p {font-size:14px; line-height:20px;} .partner_panel.purple .image_wrapper .overlay {background:linear-gradient(180deg, rgba(91, 25, 81, 0.00) 3.65%, #5B1951 58.29%);} .partner_panel.teal .image_wrapper .overlay {background:linear-gradient(180deg, rgba(47, 136, 166, 0.05) 0%, #2F88A6 50.63%);} .partner_panel.yellow .image_wrapper .overlay {background:linear-gradient(180deg, rgba(255, 216, 144, 0.05) 3.65%, #FFCE75 68.54%);} } .outcomes_panel h2 {font-weight:700; width:100%; max-width:650px;} .outcomes_panel .outcome_panel {min-height:320px;} @media (max-width:1023px) { .outcomes_panel .flexPanel .cell_3 {width:50%;} } @media (max-width:767px) { .outcomes_panel .flex-panel-inner {margin:0 auto;} .outcomes_panel .flexPanel .cell_3 {width:100%;} } .outcomes_panel .outcome_panel h4 {line-height:32px;} .outcomes_panel .outcome_panel h4.ml-0 {margin-left:0 !important;} .outcomes_panel .outcome_panel h4.mt-0 {margin-top:0 !important;} .citations h3 {color:#6D295A !important; width:100%; max-width:900px; font-weight:700;} .citations a.button-link {text-decoration:none; color:#6D295A !important;} .citations a.button-link:hover {color:#FFFCFA !important; transition:.25s all ease-in-out !important;} .citations .combine_footer {border-bottom:1px solid #FF4D00; margin-bottom:55px;} @media (max-width:767px) { .community_news h4 {margin-bottom:50px;} } .chc_accordion .operand {top:0;} .chc_accordion.faq_panel .faq {padding:0; border:none;} .chc_accordion.faq_panel .faq:last-child {border:none;} .chc_accordion.faq_panel .accordion_title {width:100%; background:#E3F3FD; padding:4px 4px 0;} .chc_accordion.faq_panel .faq_list_outer .entry-content:last-child .accordion_handle .accordion_title {padding-bottom:4px;} .chc_accordion.faq_panel .accordion_title .tab-menu-wrapper {background:#FFFFFF; padding:16px 12px;} .chc_accordion .tab-menu-wrapper .tab-menu-text {padding-left:0;} .chc_accordion .tab-menu-wrapper .num-circle {background-color:#74BEEA;} .chc_accordion.faq_panel .operand .plus {background:#FFFFFF;} .chc_accordion.faq_panel .operand .minus {background:#FFFFFF;} .chc_accordion.faq_panel .accordion_shelf {background:#E3F3FD; padding:9px 16px;} .chc_accordion .tab_content_wrapper {padding:0; background:#E3F3FD;} .chc_accordion .top_text_wrapper {border-bottom:1px solid #6EBFF1;} .chc_accordion.accordion-panel h4 {text-align:left;} .chc_accordion .entry-content.actively .accordion_title:after {content:''; position:absolute; left:0; right:0; margin:0 auto; width:0; height:0; border-top:13px solid #FFFFFF; border-left:15px solid transparent; border-right:15px solid transparent;} @media (max-width:1024px) { .solution_panel .tangerine-dot {padding-left:0 !important;} } .blog-post-panel .blog-outer {margin-bottom:0;} .teal {color:var(--teal) !important;} .light_pink {color:#BC53A0;} .hs_lists h4 {margin:0 !important;} .pink_diamond {background:url('/wp-content/themes/doc_rheum/images/pink_diamond.svg') no-repeat 0 5px; height:auto; padding-top:0; padding-left:30px; margin-bottom:8px;} .tangerine_diamond {background:url('/wp-content/themes/doc_rheum/images/tangerine_diamond.svg') no-repeat 0 5px; height:auto; padding-top:0; padding-left:30px; margin-bottom:8px;} .hs_green_box .green_corner {min-height:370px;} .hs_green_box .green_corner h4 {font-weight:700;} h4.icon_header {font-weight:700; margin-left:0 !important; margin-bottom:15px !important;} .icon_wrapper {display:flex; justify-content:center; align-items:flex-start;} .icon_wrapper p {margin-top:5px; margin-left:10px;} .citations .combine_footer.hs_page {border:none; margin-bottom:0;} .citations .combine_footer.hs_page h3 {max-width:1040px;} @media (max-width:767px) { .citations a.button-link {margin-left:initial !important;} } .health_plan_chart h2 {font-weight:700;} .health_plan_chart p {font-weight:500;} .custom-accordion h4 {margin:0 !important; text-align:left !important; font-weight:700 !important;} .icons_wrapper_hp {display:flex; margin:0 auto; justify-content:center; font-size:20px; font-weight:700; line-height:28px; color:#6D295A;} .icons_wrapper_hp .impact_icons {display:flex; align-items:center; justify-content:center; margin:0 10px;} p.no_bottom {margin-bottom:0 !important;} .icon_panel {padding:24px 16px 16px; min-height:440px;} .icon_panel h3 {line-height:40px; font-weight:700; margin-top:24px;} .circle_masthead_group {width:60px; height:60px; border-radius:50px;} .circle_masthead_group.green {background:#D5EACC;} .circle_masthead_group.blue {background:#C8EAFF;} .circle_masthead_group.tan {background:#FFDEAD;} .tabs {width:fit-content; height:48px; display:flex; justify-content:center; align-items:center; flex-shrink:0; border-radius:4px; background:#FAEADE; margin:15px auto; padding:0 3px;} .outcomes .tabs {background:#FFBD5B;} .tabs .tab {width:140px; height:42px; flex-shrink:0; display:flex; justify-content:center; align-items:center; text-align:center; font-size:20px; font-style:normal; font-weight:400; cursor:pointer;} .tabs .tab.active {background:#FFF; box-shadow:0px 3px 12px 0px rgba(0, 0, 0, 0.10); color:#6D295A; font-size:20px; font-style:normal; font-weight:500;} .comp_migraine_content {display:none;} .comp_autoimmune_content {display:none;} .comp_migraine_content.active {display:block;} .comp_autoimmune_content.active {display:block;} .comp_autoimmune_content .flexPanel .flex-panel-inner h4, .comp_migraine_content .flexPanel .flex-panel-inner h4 {margin:0 0 15px;} .comp_autoimmune_content .flexPanel .flex-panel-inner p, .comp_migraine_content .flexPanel .flex-panel-inner p {margin:0 0 10px;} .comp_autoimmune_content .flexPanel .flex-panel-inner p.bold, .comp_migraine_content .flexPanel .flex-panel-inner p.bold {margin:10px 0 0; font-weight:700;} @media (max-width: 1250px) { .comp_autoimmune_content .flexPanel .flex-panel-inner h4, .comp_migraine_content .flexPanel .flex-panel-inner h4 {font-size:24px; line-height:36px;} } @media (max-width:767px) { .content_panel_4 .flex-panel-inner {align-items:flex-start !important;} .content_panel_4 h4, .content_panel_4 p {text-align:left !important;} .comp_autoimmune_content .flexPanel .flex-panel-inner h4, .comp_migraine_content .flexPanel .flex-panel-inner h4 {font-size:21px; line-height:31px;} .hs_green_box .green_corner {min-height:auto;} .icon_panel {min-height:auto;} } .outcome_migraine_content {display:none;} .outcome_autoimmune_content {display:none;} .outcome_migraine_content.active {display:block;} .outcome_autoimmune_content.active {display:block;} .outcomes .pt-0 {padding-top:0 !important;} .outcomes .pb-0 {padding-bottom:0 !important;} .outcome_autoimmune_content .outcome_panel {min-height:210px;} .outcome_migraine_content .outcome_panel {min-height:250px;} @media (max-width:1023px) { .outcome_autoimmune_content .flexPanel .cell_3, .outcome_migraine_content .flexPanel .cell_3 {width:50%;} } @media (max-width:767px) { .outcome_autoimmune_content .flex-panel-inner, .outcome_migraine_content .flex-panel-inner {margin:0 auto;} .outcome_autoimmune_content .flexPanel .cell_3, .outcome_migraine_content .flexPanel .cell_3 {width:100%;} } .outcome_panel h4 {line-height:32px;} .outcome_panel h4.ml-0 {margin-left:0 !important;} .outcome_panel h4.mt-0 {margin-top:0 !important;} .mb-auto {margin-bottom:auto !important;} .comp_migraine_content .flex-panel-inner, .comp_autoimmune_content .flex-panel-inner {display:flex; flex-direction:column; align-items:flex-start;} .comp_migraine_content.content_panel_4 .flex-panel-inner, .comp_autoimmune_content.content_panel_4 .flex-panel-inner {align-items:center;} .border-left-green {border-left:4px solid #98BE8B; padding-left:24px; margin-top:35px;} .border-left-green p {margin:0;} .health_plan_chart .cell_6 {padding:25px;} .migraine_panel {padding:40px 16px 26px; display:flex; flex-direction:column; align-items:center; justify-content:space-between; min-height:300px;} .migraine_panel p {margin:0 !important;} .scroller {max-width:100%;} .scroller__inner {padding-block:1rem; display:flex; flex-wrap:wrap; gap:3rem; align-items:center; justify-content:center;} .scroller[data-animated="true"] {overflow:hidden;} .scroller[data-animated="true"] .scroller__inner {width:max-content; flex-wrap:nowrap; animation:scroll var(--_animation-duration, 40s) var(--_animation-direction, forwards) linear infinite;} .scroller[data-direction="right"] {--_animation-direction:reverse;} .scroller[data-direction="left"] {--_animation-direction:forwards;} .scroller[data-speed="fast"] {--_animation-duration:20s;} .scroller[data-speed="slow"] {--_animation-duration:60s;} @keyframes scroll { to {transform:translate(calc(-50% - 0.5rem));} } @media (max-width:767px) { .health_plan_chart .cell_6 {padding:0;} .scroller[data-animated="true"] {overflow:visible;} } .mainnav .menu-main-nav-container ul#menu-main-nav li a::before, .mainnav .menu-buttons-container ul#menu-main-nav li.text-link a::before {height:2px; bottom:15px; transition:all 0.3s ease 0s; left:65px;} .mainnav .menu-main-nav-container ul#menu-main-nav li a:hover::before, .mainnav .menu-buttons-container ul#menu-main-nav li.text-link a:hover::before { transition: all 0.3s ease 0s; width: calc(100% - 89px); bottom: 15px; height: 2px; left: 65px; } .mainnav .menu-main-nav-container ul.sub-menu li a {height:auto;padding: 20px 24px 20px 65px; width: auto; display: inline-block;} @media (max-width:1023px) { .mainnav .menu-main-nav-container ul li {position:relative;} .mainnav .menu-main-nav-container ul li:before {position:absolute; top:-5px; left:0px; width:100%; height:1px; background:#FAEADE; content:'';} .mainnav .menu-main-nav-container ul:after {position:absolute; bottom:5px; left:0px; width:100%; height:1px; background:#FAEADE; content:'';} .mainnav .menu-main-nav-container ul li ul:after {display:none;} .mainnav .menu-main-nav-container ul li ul li:before {display:none;} .stackerNav ul.menu {position:relative;} .mainnav .stackerNav .menu-buttons-container ul li {padding-bottom:4px;} .mainnav .menu-main-nav-container ul.sub-menu li a {height:auto; font-size: 24px; padding: 20px 0;} } .lock-text-item:not(:last-child) .stats-results-bottom {display:block; width:100%; height:200px; position:relative;} @media (max-width:1023px) { .lock-text-item:not(:last-child) .stats-results-bottom {height:0;} } .mainnav .menu-buttons-container ul li.avatar a {overflow: hidden;text-indent: -9999px;position: relative;border-radius: 100%;padding: 0;height: 42px;width: 42px;} .mainnav .menu-buttons-container ul li.avatar a:hover {border-color: var(--plum);padding: 0 !important;} .mainnav .menu-buttons-container ul li.avatar a::after {content: ''; background:url("/wp-content/themes/doc_rheum/images/avatar.svg") no-repeat; width:16px; height:16px; top:11px; left:11px; background-size: contain; position: absolute; transition: .25s all ease-in-out;} .mainnav .menu-buttons-container ul li.avatar a:hover::after { transition: .25s all ease-in-out; filter: brightness(3.5);} /***************************************************/ /******** *********/ /***** z.css values ******/ /******** *********/ /***************************************************/ .page-panel.get-in-touch { padding:0 !important; height: 100%; width:100%;} .page-panel.get-in-touch .flex-panel-inner { margin-top: 0; padding: 25px; height: 100%;} .page-panel.get-in-touch .flex {display: grid !important; grid-template-columns: 58% 42%;grid-template-rows: 1fr;} .page-panel.get-in-touch .cell_7 { grid-area: 1 / 1 / 2 / 2; padding:0; height: 100%; width:100%; display:flex; justify-content: flex-end;} .page-panel.get-in-touch .cell_5 { grid-area: 1 / 2 / 2 / 3; padding:0; height: 100%; width:100%; display:flex; justify-content: flex-start; background:rgb(255, 244, 234);} .page-panel.get-in-touch .cell_7 .flex-panel-inner { margin-top: 0; padding: 125px 75px 125px 25px; height: 100%; max-width: 680px;} .page-panel.get-in-touch .cell_5 .flex-panel-inner { margin-top: 0; padding: 125px 25px 125px 75px; height: 100%; max-width:422px;} .page-panel.get-in-touch .form-area form {padding: 0 !important;} .page-panel.get-in-touch .forminator-field-select.forminator-col.im-a { } .page-panel.get-in-touch .forminator-field-select.forminator-col.im-a .forminator-field { display:flex; flex-wrap: nowrap; gap:10px; justify-content: space-between;} .page-panel.get-in-touch .form-area form { margin-top:64px !important;} .page-panel.get-in-touch .form-area .forminator-field-select.forminator-col.im-a .forminator-field label.forminator-label{ display:block; white-space: nowrap;/* I’m a: */font-style: normal;font-weight: 400 !important;font-size: 24px !important;line-height: 1.33em; margin:0 !important;} .page-panel.get-in-touch .forminator-field-select.forminator-col.im-a .forminator-field input{ display:block;} .page-panel.get-in-touch .select2-selection.select2-selection--single {border: none !important;background: none !important;padding: 0 !important;font-size: 24px !important;} .page-panel.get-in-touch .select2-selection .select2-selection__rendered {font-size: 24px !important;font-weight: 600 !important;color: rgb(109, 41, 90) !important;padding: 0 !important;margin: 0 !important;line-height: 1.25em !important;} .page-panel.get-in-touch .selection { border-bottom:2px solid #f4c7e8;} .page-panel.get-in-touch .select2-selection { height:34px !important;} .page-panel.get-in-touch .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form[data-design="default"] select.forminator-select2 + .forminator-select, .page-panel.get-in-touch .forminator-ui.forminator-custom-form[data-design="default"] select.forminator-select2 + .forminator-select {min-width: calc(100% - 75px) !important;max-width: calc(100% - 75px) !important;display: block;text-align: left;width: calc(100% - 75px) !important;} .forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-custom-form-3331 .select2-results .select2-results__options {max-height: 300px !important; background:#fffcfa !important; padding: 0 !important;} .forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-custom-form-3331 .select2-results .select2-results__options .select2-results__option {font-family: 'Circular', sans-serif; font-style: normal;font-weight: 400;font-size: 16px; line-height: 32px;color: #4D4D4D !important; border-bottom:1px solid rgb(250, 234, 222);} .forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-custom-form-3331 .select2-results .select2-results__options .select2-results__option.select2-results__option--selected { background-color: #FFE8F9 !important;} .forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-custom-form-3331 .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted { background-color: #FFE8F9 !important;} .forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-custom-form-3331 .select2-results .select2-results__options .select2-results__option.select2-results__option--selected.select2-results__option--highlighted { background-color: #FFE8F9 !important;} .forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-custom-form-3331 { padding:0 !important;} .forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-custom-form-3331 { border:2px solid rgb(244, 199, 232) !important; border-top-width: 0px !important } .page-panel.get-in-touch .form-area form button.forminator-button.forminator-button-submit, .get_better a.link-button.button-link.button {box-shadow: 0px 0px 0px #fffcfa !important; background: #6D295A !important;padding: 14px 32px !important; color: #FFFCFA !important; transform: translateX(0px) translateY(0px) !important; transition:.25s all ease-in-out !important; margin-left:0 !important;} .page-panel.get-in-touch .form-area form button.forminator-button.forminator-button-submit:hover, .get_better a.link-button.button-link.button:hover{ box-shadow: -4px 4px 0px #ff8d00 !important; transform: translateX(4px) translateY(-4px) !important; transition:.25s all ease-in-out !important;} .forminator-ui#forminator-module-3331.forminator-design--default .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow { background-color:rgb(109, 41, 90); border-radius:100vh; width: 32px; height: 32px; top: 0; margin-bottom: 9px;} .forminator-ui#forminator-module-3331.forminator-design--default .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow span {color:#ffffff !important;} ul.icon-left { list-style:none !important; padding:0 !important; margin: 10px 0 30px 26px !important;} ul.icon-left li { margin:5px 0; padding-left:32px; position: relative; font-size: 18px;} ul.icon-left li::before { width:20px; height: 20px; position: absolute; content:''; top:2px; left:0; background-size:contain; background-repeat:no-repeat; background-position: center;} ul.icon-left li.location::before { background-image:url(/wp-content/uploads/2023/12/Location-marker.svg); } ul.icon-left li.phone::before { background-image:url(/wp-content/uploads/2023/12/phone.svg); } ul.icon-left li.email::before { background-image:url(/wp-content/uploads/2023/12/mail.svg); } .get_better {background:#ffe4d9; border:1px solid #FFB899; position: relative; padding:70px 40px 24px; margin-top:24px; display: flex; flex-wrap: wrap; justify-content: center;} .get_better::before {background-image:url(/wp-content/uploads/2023/12/Group-289614.svg); background-size:contain; background-position: center; background-repeat: no-repeat; content: ''; position: absolute;top:20px; left:50%; transform:translateX(-50%); width:55px; height:55px;} .get_better.blue { border-color:#6ebff1; background-color:#c8eaff; padding-left:30px; padding-right:30px;} .get_better.blue::before {background-image:url(/wp-content/uploads/2024/10/blue-heart-icon.svg);} @media (min-width:768px){ .get_better.team::before {top: 24px;left: 24px;transform:none;} } .get_better * { text-align:center !important; color:#4d4d4d !important} .get_better.team h2 { color:var(--plum) !important} .get_better.team { text-align:left; justify-content: flex-start;padding: 90px 24px 24px; margin-top:0;} .get_better.team p { text-align:left !important; justify-content: flex-start; } .team-careers a.button-link { margin-top:11px !important;} .get_better p {margin: 10px 0; width: 100%;} @media (max-width:767px){ .get_better.team { text-align:center; justify-content: center;margin-top:0;} .get_better.team p { text-align:center !important; } .get_better.team a.button-link { width:100%;} .get_better p {margin: 10px 0; width: 100%; text-align:center !important;} .team-careers a.button-link { margin-top:24px !important; width:100%;} .team-careers { margin-top:32px;} .team-careers, .team-careers * { text-align:center;} } .already-a-patient {background:#fae8f5; border:1px solid #f4c7e8; position: relative; padding:0 40px 24px; margin-top:24px; display: flex; flex-wrap: wrap; justify-content: center;} .already-a-patient * { text-align:center !important;} .already-a-patient p {margin: 10px 0;} .bold-link {font-style: normal;font-weight: 700;font-size: 16px;line-height: 24px;text-decoration-line: underline;color: #6D295A !important; display: block; width: 100%; text-align: center;} .page-panel.get-in-touch .cell_5 p.legal {margin-left: 24px;margin-top: -18px;} .form-area .forminator-ui.forminator-design--default .forminator-button-submit.forminator-hidden { display:none !important; visibility: hidden !important; opacity: 0 !important;} .page-panel.get-in-touch .form-area h4.checkmark { padding:40px 10px 10px !important; text-align: center !important; width:100% !important;} .page-panel.get-in-touch .form-area h4.checkmark::before {background-image: url('/wp-content/themes/doc_rheum/images/checkcircle_green.svg');left: calc(50% - 17px); top: 0; opacity:.5;} .page-panel.get-in-touch .form-area .forminator-response-message p { text-align: center !important; padding: 0 !important; width: 100% !important; max-width: 100% !important;} @media (max-width:1200px){ .page-panel.get-in-touch .form-area .forminator-ui.forminator-custom-form[data-design="default"], .form-area .forminator-ui.forminator-custom-form[data-design="default"] {padding-left: 0px !important;padding-right: 0px !important;} } @media (max-width:1023px){ .page-panel.get-in-touch .cell_7 .flex-panel-inner {padding: 125px 24px; width:100%;} .page-panel.get-in-touch .cell_5 .flex-panel-inner {padding: 125px 24px; width:100%;} } @media (max-width:767px){ .page-panel.get-in-touch .flex {display: flex !important; flex-wrap: wrap;} .page-panel.get-in-touch .cell_7 { margin:0;} .page-panel.get-in-touch .cell_5 { margin:0;} .page-panel.get-in-touch .cell_7 .flex-panel-inner { max-width:100%;padding: 55px 24px;} .page-panel.get-in-touch .cell_5 .flex-panel-inner { max-width:100%;padding: 15px 0px;} .page-panel.get-in-touch .cell_7 h1 { text-align: center !important}.page-panel.get-in-touch .form-area form button.forminator-button.forminator-button-submit { margin-left:auto !important;} .page-panel.get-in-touch .form-area .forminator-field-select.forminator-col.im-a .forminator-field label.forminator-label, .page-panel.get-in-touch .select2-selection .select2-selection__rendered {font-size: 18px !important;line-height: 24px !important;} .page-panel.get-in-touch .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form[data-design="default"] select.forminator-select2 + .forminator-select, .page-panel.get-in-touch .forminator-ui.forminator-custom-form[data-design="default"] select.forminator-select2 + .forminator-select {min-width: calc(100% - 55px) !important; max-width: calc(100% - 55px) !important;display: block; text-align: left;width: calc(100% - 55px) !important;} .page-panel.get-in-touch .form-area .forminator-field-select.forminator-col.im-a .forminator-field label.forminator-label { padding-top: 3px;} .forminator-ui#forminator-module-3331.forminator-design--default .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow {background-color: rgb(109, 41, 90);border-radius: 100vh;width: 26px;height: 26px;top: 2px;margin-bottom: 9px;} .page-panel.get-in-touch .flexPanel .flex-panel-inner .forminator-field h4 {margin: 18px 0 10px;} .page-panel.get-in-touch .form-area form button.forminator-button.forminator-button-submit, .get_better a.link-button.button-link.button {margin-left: auto !important;} } .basic.full-screen-width .page-panel.wide-bg .full-screen-width.z-10.flexPanel { max-width:1280px !important; margin-left:auto; margin-right: auto; } h1.offset { text-indent:-27px;} a.button-link.plum, .mainnav .menu-buttons-container ul li.plum a {box-shadow: 0px 0px 0px #fffcfa !important; background: #6D295A !important;padding: 14px 32px !important; color: #FFFCFA !important; transform: translateX(0px) translateY(0px) !important; transition:.25s all ease-in-out !important; margin-left:0 !important;} a.button-link.plum:hover{ box-shadow: -4px 4px 0px #ff8d00 !important; transform: translateX(4px) translateY(-4px) !important; transition:.25s all ease-in-out !important;} .mainnav .menu-buttons-container ul li a:hover { border-color:var(--plum);} a.button-link.riser:hover, a:hover div.button-link.riser{ box-shadow: -4px 4px 0px #ff8d00 !important; transform: translateX(4px) translateY(-4px) !important; transition:.25s all ease-in-out !important;border-color: var(--plum);padding:14px 27px} a:hover div.button-link.riser{ background: var(--plum); color:var(--white);} a div.button-link.riser{ padding:14px 27px} a.button-link.riser.stay-light:hover { background:#fffcfa !important; color:var(--plum) !important; } a.link-facimile, div.link-facimile {font-size: 16px;margin: 25px 12px;color: var(--plum);text-decoration: underline;font-weight: 600; transition: .25s all ease-in-out;} a.link-facimile:hover, div.link-facimile:hover, body:not(.single) .bg-grey-light article.homepage-article.entry-article:hover .link-facimile {color:#BE3E9A; transition: .25s all ease-in-out;} body:not(.single) .bg-grey-light article.homepage-article.entry-article.no-shadow .link-facimile {color: var(--plum); transition:.25s all ease-in-out;} span.diamond { width:10px; height: 10px; display: inline-block; background:url(/wp-content/uploads/2023/12/diamond.svg) center center no-repeat; background-size:contain; margin:0; position: relative; top:-2px;} .link-absolute.link-absoulte-button { width:auto; left:50%; transform: translateX(-50%) translateY(-62px);} p.alignright { text-align: right; } h5.outcomes { position: relative; margin-top:20px; font-style: normal; font-weight: 500; font-size: 20px; line-height: 24px; } .animStage.negative-top { z-index:999; overflow: visible; background: none !important;} .page-panel.negative-top { padding-top:0 !important; margin-top:-75px !important; position: relative; overflow: visible; z-index: 9999999; display: block; background: none;} .slim-margins .cell_4 {width: calc(33.333% - 8px); position: relative;} .slim-margins .cell_4 a { display:block; width:100%; height:auto; padding-bottom: 120%; position: relative; transition:.25s all ease-in-out;} .slim-margins .cell_4 a img { object-fit:cover; object-position: center top; width:100%; height: 100%; position: absolute; z-index: 14; filter: grayscale(1); transition:.25s all ease-in-out;} .slim-margins .cell_4 .text::after { content:''; height: 100%; width:100%; position: absolute; top:0; left:0; z-index: 0; background: rgb(0,0,0); background: -moz-linear-gradient(0deg, rgba(0,0,0,.87) 0%, rgba(0,0,0,0.13207289751838236) 65%, rgba(0,0,0,0) 94%); background: -webkit-linear-gradient(0deg, rgba(0,0,0,.87) 0%, rgba(0,0,0,0.13207289751838236) 65%, rgba(0,0,0,0) 94%); background: linear-gradient(0deg, rgba(0,0,0,.87) 0%, rgba(0,0,0,0.13207289751838236) 65%, rgba(0,0,0,0) 94%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); } .slim-margins .cell_4 .text { position: absolute; bottom:0px; left:0px; width:100%; z-index: 44; padding:60px 12px 12px;} .slim-margins .cell_4 .text h3 { color:#fffcfa; position: relative; z-index: 1;} .slim-margins .cell_4 .text h4 { color:#fffcfa; position: relative; z-index: 1; font-weight: 200; line-height: 1.35em;} .slim-margins .cell_4 a:hover { transform:scale(102%); transition:.25s all ease-in-out;} .slim-margins .cell_4 a:hover img { filter:grayscale(0); transition:.25s all ease-in-out;} .photo-lock-panel { display:flex; align-content: flex-start; align-items: flex-start; padding-bottom:50px;} .photo-lock-panel.passed { align-items: flex-end;} .photo-lock-panel-bottom { width:100%; padding:0 24px 0} .lock-image { width:calc(50% - 50px); position: relative; max-height: calc(100vh - 0px);height: calc(100vh - 0px); overflow: hidden;} .lock-image-item { width:100%; position: relative; max-height: calc(100vh - 0px);height: calc(100vh - 0px); overflow: hidden; border:none; border-left:none;} .lock-image-item.active { position: fixed; top:0px; left:0; min-height:unset; width:calc(50% - 50px);} .lock-pane { position:absolute; width:100%; height: 100%; padding: 0; margin: 0; background:#ffffff; top:0; left:0; opacity: 0;transition:.25s all ease-in-out;} .lock-pane#lock-image-1 { position:relative; opacity:1;} .lock-pane.active { opacity: 1;transition:.25s all ease-in-out;} .lock-pane img { position: absolute; margin: 0; object-fit: cover; width:100%; height: 100%; object-position: center top;} .lock-text { width:calc(1320px / 2);} .lock-text-item { padding:0 50px; position: relative; display: block;} .lock-text h2 { text-align: center; color:#4D4D4D; margin-bottom: 22px;} .lock-text h4 { text-align: center; color:#6D295A;} .lock-text h6 { text-align: center; color:var(--tangerine); margin-bottom:28px; font-weight: 500;} .lock-text p { color:#4d4d4d;} .lock-text *:last-child, .lock-text p:last-child { margin-bottom: 0 !important;} .lock-text hr { border:none; background:url(/wp-content/uploads/2024/12/diamond_plum.svg) center center no-repeat; height:13px; width:100%; margin:30px 0 20px;} .lock-text blockquote { border:none; color:#4d4d4d; padding: 30px; border-left:4px solid #f4c7e8; background-color: #ffe8f9;} .lock-text blockquote h4 { font-size:26px; text-align: left;padding: 0;font-style: italic; color:#4d4d4d !important;} .lock-text blockquote p { font-size:20px; text-align: left; margin: 10px 0 0;} .lock-text .tangerine h4 { color:#FF4D00; } .lock-text .tangerine blockquote { border-left:4px solid #ffb899; background-color: #FFE4D9;} .lock-text .tangerine hr { background:url(/wp-content/uploads/2024/12/diamond_plum.svg) center center no-repeat; } .lock-text .green h4 { color:#45593f; } .lock-text .green blockquote { border-left:4px solid #9DBF92; background-color: #c2deb9;} .lock-text .green hr { background:url(/wp-content/uploads/2024/12/diamond_plum.svg) center center no-repeat; } .lock-text-item .vid-panel { position:relative; top:0; left:0; width:100%; height: 0; padding-bottom:56.25%;} .lock-text-item .vid-panel video { position: absolute; object-fit: cover; height: 100%; width: 100%;} .lock-text ul {list-style: disc;margin: 0 30px;font-size: 20px;color: #4d4d4d;} .lock-text ul li {margin: 0 0 5px;} @media (max-width:767px){ .lock-text ul { font-size: 18px;} } .video-control:not(.playing) .video-control-poster {opacity:1; position: absolute; height: 100%; width:100%; object-fit:cover; top: 0; left: 0; filter: contrast(.8) brightness(.6); transition: .25s all ease-in-out;} .video-control:not(.playing):hover .video-control-poster { filter: contrast(.97) brightness(.97); transition: .25s all ease-in-out;} .video-control.playing .video-control-poster {opacity:0; position: absolute; height: 100%; width:100%; object-fit:cover; top: 0; left: 0; filter: contrast(.8) brightness(.6); transition: .25s all ease-in-out;} .stats-results { padding: 24px 30px 6px; background-color: #ffe8f9; margin-top: 48px; position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); width: 80%; max-width: 528px; } .tangerine .stats-results { padding: 24px 30px 6px; background-color: #FFE4D9;} @media (max-width:1023px){ .stats-results, .tangerine .stats-results {padding: 24px 30px 28px;position: relative;margin-top: -100px;} } .green .stats-results { padding: 24px 30px 28px; background-color: #c2deb9;} .stat-result { display:flex; flex-wrap: nowrap; gap:10px; position: relative; justify-content: flex-start; align-items: baseline; padding-left:20px;} .stat-result h2, .stat-result h4 { color:#4d4d4d !important; width:auto !important; margin: 0; } .stats-results .legal { color:#4d4d4d !important; width:auto !important; font-size: 13px !important; margin: 10px 0 25px 20px;} .lock-text .stats-results h4 {margin-bottom: 16px;} .lock-image h4 { text-align:center; } .lock-image .tangerine h4 { color:var(--tangerine); } .lock-image .green h4 { color:#45593f; } .stat-result::before { position: absolute; content: ''; left: -16px; top: 12px; width: 24px; height: 24px; background-size: contain; background-position: center; background-repeat: no-repeat; } @media (max-width:1250px){ .stat-result::before { top:7px;} } @media (max-width:1023px){ .stat-result::before { top:5px;} } @media (max-width:767px){ .stat-result::before { top:2px;} } .stat-result.arrow-orange::before { background-image: url(/wp-content/uploads/2024/01/Arrow-Orange.svg); } .stat-result.arrow-orange-up::before { background-image: url(/wp-content/uploads/2024/01/Arrow-Orange.svg); transform:rotate(180deg);} .stat-result.arrow-green::before { background-image: url(/wp-content/uploads/2024/01/Arrow-Green.svg); } .stat-result.arrow-green-up::before { background-image: url(/wp-content/uploads/2024/01/Arrow-Green.svg); transform:rotate(180deg);} .stat-result.arrow-plum::before { background-image: url(/wp-content/uploads/2024/01/Arrow-Plum.svg); } .stat-result.arrow-plum-up::before { background-image: url(/wp-content/uploads/2024/01/Arrow-Plum.svg); transform:rotate(180deg);} .oneXone { display:flex; flex-wrap: nowrap; justify-content: flex-start; align-items: center; gap: 20px; margin: 36px 0 48px;} .oneXone img { max-height:45px; width: auto; } .twenty24 h4 { margin-left:0 !important;} .twenty24 hr { border-color:#6D295A; max-width:640px; margin-top: 22px;} .twenty24 .box-content h4 { margin-left:24px !important; } .twenty24 .box-content p { margin-left:24px !important; margin-right: 24px !important;} .twenty24 blockquote { padding:1px 30px; border:none; border-left:4px solid #ffb899; } .twenty24 blockquote p { font-size:20px; color:#6D295A; text-align: left; font-weight: 400; line-height: 1.5em;} .twenty24 .partner_wrapper .partner_panel.yellow_vert .logo_wrapper img {max-width: 209px;width: 100%;} .twenty24 .partner_wrapper .partner_panel.yellow_vert .overlay {width: 100%;max-width: 100%;height: 497px;flex-shrink: 0;background: linear-gradient(180deg, rgba(47, 136, 166, 0) 0%, #FFCE75 48.25%);position: absolute;bottom: 0;z-index: -9;} .twenty24 .partner_wrapper .partner_panel.teal_vert .overlay { max-width: 100%; height: 78%; background: linear-gradient(180deg, rgba(47, 136, 166, 0) 0%, #2F88A6 48.25%);} .twenty24 .partner_wrapper .partner_panel.yellow_vert .text_wrapper p {color: #4D4D4D;} .twenty24 .partner_wrapper .partner_panel {width: 100%;max-width: calc(50% - 20px);height: auto;position: relative;display: flex;flex-direction: column;align-items: flex-start;} .twenty24 .partner_wrapper .partner_panel .image_wrapper img {position: relative;top: 0;z-index: -10;} .twenty24 .partner_wrapper {display: flex; align-items: stretch;justify-content: space-between;} .bg-magenta { background-color: #cc47a7; } .magenta { color: #cc47a7; } .border-magenta { border: 1px solid #cc47a7; } .bg-lightest-yellow { background-color: #FFDEAD !important; } .lightest-yellow { color: #FFDEAD !important; } .border-lightest-yellow { border:1px solid #FFDEAD !important; } .page-panel.vertcenter .flex .cell_6.outcomes-color-panel { width:50% !important;} @media (max-width:767px){ .page-panel.vertcenter .flex .cell_6.outcomes-color-panel { width:100% !important;} } .outcomes-color-panel h4 { margin-top:0 !important;} .outcomes-color-panel p { margin-top:0 !important; margin-bottom:0 !important;} .outcomes-color-panel *.plum {color:#6D295A !important; } .outcomes-color-panel .bg-lightest-yellow { padding:20px; margin-bottom: 45px;} .outcomes-color-panel .bg-lightest-yellow h2 { line-height: 1.15 !important;} .flexheaderleft {display: flex;justify-content: flex-start;gap: 24px;} .flexcenter {display: flex;justify-content: center;gap: 24px;} .outcome-spacer { height:150px; margin-top:0 !important;} .twenty24 .partner_panel .image_wrapper .overlay { box-shadow:none !important;} @media (max-width:1300px){ .wide-bg-offset .full-screen-width { margin-left:24px; margin-right: 24px; } } @media (max-width:1023px){ .wide-bg-offset .full-screen-width { margin-left:24px; margin-right: 24px; } .wide-bg-offset .full-screen-width .cell_6 { width:100% !important; text-align: center; justify-content: center;} h1.offset { text-indent:0px;} .flexheaderleft {justify-content: center; } .lock-image { display:none;} .lock-pane { position: relative;height: auto;padding: 0;margin-top: 24px;background: #ffffff;opacity: 1;} .lock-text {width: 100%;} .lock-pane { margin-bottom: 32px;} .lock-pane img { position: relative;/*border:2px solid #6D295A;*/} .oneXone img {max-width: 40%;} .twenty24 .partner_wrapper {flex-wrap: wrap;} .twenty24 .partner_wrapper .partner_panel { width: 100%;} .twenty24 .partner_panel .image_wrapper { position: relative; max-width: 100%;height: 600px;} } @media (max-width:767px){ h1.offset { padding: 0 24px;} .flexheaderleft, .flexcenter {flex-wrap: wrap; margin-top:32px;} .flexheaderleft a.button-link, .flexcenter a.button-link {width: 70% !important;max-width: 500px !important; margin:0px auto !important;} .lock-pane { margin-top: 0; width:calc(100% + 48px); margin-left:-24px} .lock-text-item { padding: 0 24px 0 !important;} .lock-text-item:last-child { padding: 0 24px 0 !important;} .outcome-spacer { height:0; margin-top:0 !important;} .twenty24 .outcomes_panel .outcome_panel {min-height: unset;} .twenty24 .outcomes_panel .outcome_panel p:last-child {margin-bottom: 0;} .twenty24 .partner_wrapper .partner_panel { width: 100%; max-width: 100%;} .twenty24 .partner_wrapper .partner_panel:first-child { margin-bottom:40px;} .twenty24 .partner_panel .image_wrapper {position: relative;max-width: 100%;height: unset;padding-bottom: 200px;} } .masthead-2024 { position: relative; overflow: hidden;} .masthead-2024 .pageinner { margin: 0 auto !important; position: relative; z-index: 3; max-width:1170px; width: calc(100% - 48px);} .masthead-2024.content-right .pageinner { justify-content:flex-end;} .masthead-2024.content-center .pageinner { justify-content:center;} .masthead-2024.content-left .pageinner { justify-content:flex-start;} .masthead-2024 .pageinner .content-area { padding:214px 0 150px !important; position: relative; } .masthead-2024 .pane { position:absolute; top:0; left:0; width: 100%;z-index: 1; height: 100%;} .masthead-2024 .pane video { height: 100%; width:120%;object-fit: cover; object-position: right top;} .masthead-2024 .pane video {width: 100% !important;height: 140% !important;object-position: left;} @media (max-width:1350px){ .masthead-2024 .pane video {width: 100% !important;height: 120% !important;object-position: left;} } @media (max-width:1100px){ .masthead-2024 .pane video {width: 100% !important;height: 110% !important;object-position: left;} } @media (max-width:991px){ .masthead-2024 .pane { height: 100%;} .masthead-2024 .pane video { height: 100% !important;object-fit: cover; object-position: center top;} } .masthead-2024 .pane::before { content:''; position: absolute; top:0; left:0; width:100%; height:100%; background: linear-gradient(180deg, rgba(232,232,232,.3) 0%, rgba(232,232,232,.8) 100%); z-index: 2;} .masthead-2024 .link-panel { display: flex; flex-wrap: wrap; gap:32px;} .masthead-2024 a.arrow-link{font-style: normal;font-weight: 500;font-size: 16px;line-height: 22px; color: #6D295A; padding-right:50px; margin-top: 43px;} a.arrow-link.heading4 {font-style: normal;font-weight: 500;font-size: 24px;line-height: 32px; padding-right:50px; margin-top: 0; text-decoration: none; } .masthead-2024 a.arrow-link::after{ content: ''; width: 20px; height: 10px; background: url('data:image/svg+xml;utf8,') no-repeat; background-size: 12px; position: absolute; right: 0; top: -6px; transition: .25s all ease-in-out; bottom: unset; left: unset; width: 37px; height: 37px; border-radius: 100vh; border: 2px solid #6D295A; background-position: center; opacity: 1; } .masthead-2024 a.arrow-link:hover::after{ content: ''; width: 20px; height: 10px; background: url('data:image/svg+xml;utf8,') no-repeat; background-size: 12px; position: absolute; right: -10px; top: -6px; transition: .25s all ease-in-out; bottom: unset; left: unset; width: 37px; height: 37px; border-radius: 100vh; border: 2px solid #6D295A; background-position: center; opacity: 0; } .masthead-2024 a.arrow-link::before { content: ''; width: 20px; height: 10px; background: url('data:image/svg+xml;utf8,') no-repeat; background-size: 12px; position: absolute; right: 0px; top: -6px; transition: .25s all ease-in-out; bottom: unset; left: unset; width: 37px; height: 37px; border-radius: 100vh; border: 2px solid #BE3E9A; background-position: center; opacity:0; } .masthead-2024 a.arrow-link:hover::before { content: ''; width: 20px; height: 10px; background: url('data:image/svg+xml;utf8,') no-repeat; background-size: 12px; position: absolute; right: -10px; top: -6px; transition: .25s all ease-in-out; bottom: unset; left: unset; width: 37px; height: 37px; border-radius: 100vh; border: 2px solid #BE3E9A; background-position: center; opacity:1; } body:not(.single) .blog-outer article.homepage-article { padding: 26px 26px 5px 26px;} body:not(.single) .bg-grey-light .blog-outer article.homepage-article { padding: 26px 26px 123px 26px; position:relative;} .and-news a.button-link.riser {display: inline-block;} .link-absolute { position:absolute; bottom:0; left:0; width:100%; } body:not(.single) .blog-outer article.homepage-article:not(:hover) { border:1px solid #ffffff; box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.08);} body:not(.single) .bg-grey-light .blog-outer article.homepage-article:not(:hover) { border:none; box-shadow: none; transform: unset;} body:not(.single) article.homepage-article.entry-article:hover { border:#FAEADE 1px solid; } body:not(.single) .bg-grey-light article.homepage-article.entry-article:hover { border:none; transform: unset; } .homepage-block-panel .blog-panel {padding-top: 0;} .homepage-icon {width: 60px;border-radius: 100vh;margin-bottom: 20px;} .homepage-icon.hpi-large {width: 93px; height:93px;border-radius: 100vh;margin-bottom: 20px;} @media (max-width:991px) { .homepage-icon.hpi-large {width: 72px; height:72px; margin-left: 0;} body:not(.single) .bg-grey-light .blog-outer article.homepage-article { padding: 18px 18px 123px 18px;} .link-absolute.link-absoulte-button { width: calc(100% - 36px);} .page-panel .link-absoulte-button a.button-link {width: 100% !important;} } } .homepage-block-panel .blog-panel p:first-of-type { margin-top:12px;} .bg-fade { background: rgb(255,244,234); background: -moz-linear-gradient(180deg, rgba(255,244,234,1) 9%, rgba(255,252,250,1) 42%); background: -webkit-linear-gradient(180deg, rgba(255,244,234,1) 9%, rgba(255,252,250,1) 42%); background: linear-gradient(180deg, rgba(255,244,234,1) 9%, rgba(255,252,250,1) 42%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fffcfa",endColorstr="#fff4ea",GradientType=1); } @media (min-width:1024px) { .homepage-block .cell_12 { margin-bottom:0px !important; padding-bottom:0px !important; } .homepage-block .cell_12 p:last-child{ margin-bottom:0px !important; padding-bottom:0px !important; } } a.arrow-link.heading4::after{ content: ''; width: 20px; height: 10px; background: url('data:image/svg+xml;utf8,') no-repeat; background-size: 12px; position: absolute; right: 0; top: -6px; transition: .25s all ease-in-out; bottom: unset; left: unset; width: 37px; height: 37px; border-radius: 100vh; border: 2px solid #6D295A; background-position: center; opacity: 1; } a.arrow-link.heading4:hover::after{ content: ''; width: 20px; height: 10px; background: url('data:image/svg+xml;utf8,') no-repeat; background-size: 12px; position: absolute; right: -10px; top: -6px; transition: .25s all ease-in-out; bottom: unset; left: unset; width: 37px; height: 37px; border-radius: 100vh; border: 2px solid #6D295A; background-position: center; opacity: 0; } a.arrow-link.heading4::before { content: ''; width: 20px; height: 10px; background: url('data:image/svg+xml;utf8,') no-repeat; background-size: 12px; position: absolute; right: 0px; top: -6px; transition: .25s all ease-in-out; bottom: unset; left: unset; width: 37px; height: 37px; border-radius: 100vh; border: 2px solid #DE43B3; background-position: center; opacity:0; } a.arrow-link.heading4:hover::before { content: ''; width: 20px; height: 10px; background: url('data:image/svg+xml;utf8,') no-repeat; background-size: 12px; position: absolute; right: -10px; top: -6px; transition: .25s all ease-in-out; bottom: unset; left: unset; width: 37px; height: 37px; border-radius: 100vh; border: 2px solid #DE43B3; background-position: center; opacity:1; } .diamond-plus-list .flex-panel-inner p { margin-bottom:12px;} .diamond-plus-list .flex-panel-inner ul { margin:0; padding:12px 0 0; list-style: none; border-top:1px solid #6D295A; } .bg-plum .diamond-plus-list .flex-panel-inner ul { border-top:1px solid #CC47A7; } .diamond-plus-list .flex-panel-inner ul li { margin:0; padding:0 0 0 20px; position: relative;} .diamond-plus-list .flex-panel-inner ul li::before { position:absolute; content: ''; width:10px; left:0; top:6px; height:10px;background:url(/wp-content/uploads/2023/12/diamond.svg) center center no-repeat; background-size:contain; } .bg-plum .diamond-plus-list .flex-panel-inner ul li::before { background-image:url(/wp-content/uploads/2024/12/diamond_fuschia.svg);} .diamond-plus-list .flex-panel-inner ul li:last-child::before { position:absolute; content: '+'; width:10px; left:0; top:1px; height:10px;background:none;} ul.diamond-plus { margin:0 0 24px; padding:0; list-style: none; } ul.diamond-plus li { margin:0; padding:0 0 0 30px; position: relative;font-size: 20px; line-height: 1.5; margin-bottom: 10px;} @media (max-width:1200px) { ul.diamond-plus li { font-size:18px;} } ul.diamond-plus li::before { position:absolute; content: ''; width:16px; left:0; top:6px; height:16px;background:url(/wp-content/uploads/2023/12/diamond.svg) center center no-repeat; background-size:contain; } .dsp_slider .partner { display:flex; align-items: flex-start; gap:61px;} .dsp_slider .partner img.dsp { display:block; width:356px; } .dsp_slider .partner .partner-slider-text { display:block; width:calc(100% - 417px); padding:24px; border:1px solid var(--darksand);} .dsp_slider .partner .partner-slider-text p:first-of-type { margin-top:5px;} @media (max-width:767px) { .dsp_slider .partner {flex-wrap: wrap;gap: 24px;} .dsp_slider .partner img.dsp { display:block; width:158px; margin:0 auto; } .dsp_slider .partner .partner-slider-text { width:auto;} } .slider-panel-version-2 .dsp_slider .partner {display: grid;grid-template-columns: 1fr 2fr;grid-template-rows: 1fr;grid-column-gap: 0px;grid-row-gap: 0px; height:100%;} .slider-panel-version-2 .dsp_slider .partner .dsp-image { grid-area: 1 / 1 / 2 / 2; width:100%; height:100%; position: relative; border:1px solid var(--darksand); overflow: hidden;} .slider-panel-version-2 .dsp_slider .partner .dsp-image img { width:100%; height:100%; object-fit: cover; top:0; left:0; position: absolute; } .slider-panel-version-2 .dsp_slider .partner .partner-slider-text { grid-area: 1 / 2 / 2 / 3; width:100%; height:100%; border-left: none; background-color: var(--truewhite); } .linker .flex-title-image { transition: .25s all ease-in-out;} .linker:hover .flex-title-image { filter: brightness(2); transition: .25s all ease-in-out;} .linker:hover h4 { filter: brightness(2); transition: .25s all ease-in-out;} .doctor-slider.slick-slider {padding-top: 39px;} .doctor-slider .slick-dots {top:unset; bottom:-60px;} .doctor-slider .slider-panel-version-2 .slick-dots {left:0;} .doctor-slider .slick-arrow {top:unset; bottom:-60px;} .doctor-slider .slick-dots li {width: 70px;height: 27px;overflow: hidden;} .doctor-slider .slick-dots li button { width: 54px; height: 6px; background: #F4C7E8; } .doctor-slider .slick-dots li.slick-active button { border: none; width: 54px; height: 6px; background: #6D295A; transition: .25s all ease-in-out; top: 3px; } @media (max-width:767px) { .doctor-slider .slick-dots li.slick-active button { width: 35px;top: 2px;} .doctor-slider .slick-dots li {width: 47px;height: 27px;overflow: hidden;} .doctor-slider .slick-dots li button {width: 35px;} .doctor-slider .slick-dots {left: 0; bottom:-53px;} .doctor-slider .slick-arrow {bottom:-50px; right:0;} .doctor-slider .slick-arrow.slick-prev {bottom:-51px; right:48px;} .sidecar-plum .border-plum { padding:20px;} } .page-panel.vertcenter .flex.flexGap24 {gap: 24px; flex-wrap: nowrap;} .page-panel.vertcenter .flex.flexGap24 .patient_cards .vid-panel { position: absolute; right: 0; z-index: 2; width: 100%; height: 80%; } .page-panel.vertcenter .flex.flexGap24 .patient_cards .vid-panel.vid125 { top:0;} .page-panel.vertcenter .flex.flexGap24 .patient_cards .vid-panel.vid125 video{ height:125%;} .page-panel.vertcenter .flex.flexGap24 .patient_cards .vid-panel.vid125 .pane{ height:125%;} .page-panel.vertcenter .flex.flexGap24 .patient_cards {display: flex !important;justify-content: flex-start;height: 518px !important;} .page-panel.vertcenter .flex.flexGap24 .patient_cards .content-panel { z-index: 9; margin: 0 24px; width: calc(100% - 48px); position: absolute; top: 320px; background: #fffcfa; border: 2px solid var(--plum); } .page-panel.vertcenter .flex.flexGap24 .patient_cards .content-panel::before {content: none;} .page-panel.vertcenter .flex.flexGap24 .patient_cards h4 { text-transform: unset; } .card-rate {font-size: 20px;margin-top: 8px; padding-left:24px; position: relative;} .card-rate::before { position: absolute; top:0; left: 0; width:16px; height: 16px; background:url(https://andhealthstg.wpengine.com/wp-content/uploads/2024/05/light-tangerine-arrow.svg) center center no-repeat; background-size:contain; content: '';} .card-rate.up::before { transform:rotate(180deg);} .care-page-layout .video-control-play {top: 9px;right: 12px;position: absolute;transition: .15s all ease-in-out;width: 0;height: 0;z-index: 33333;background: url(/wp-content/uploads/2024/05/video.svg);background-size: contain;background-position: top left;width: 100px;height: 43px;background-repeat: no-repeat; border: none;left: unset;} .care-page-layout .video-control:hover .video-control-play {filter: brightness(190%) saturate(105%); transition: .15s all ease-in-out;} .care-page-layout .video-control-pause { opacity:0 !important;} @media (max-width:640px){ .care-page-layout .page-panel.swiper-rotation { padding-top: 0px;} .care-page-layout .swiper-rotation .patient_cards .content-panel {position: absolute;left: 0;margin: 112% 48px 0;padding: 17px;width: 100%;z-index: 5;top: 0;opacity: 1;transition: .15s all ease-in-out;width: calc(100% - 96px);background: #fffcfa;border: 1px solid var(--plum);} .care-page-layout .page-panel.swiper-rotation { padding-bottom:0;} .care-page-layout .page-panel.swiper-rotation .swiper-outer {padding-bottom: 48%;} } .care-page-layout .max-w-7xl { padding: 16px;} @media (min-width:1024px){ .care-page-layout .max-w-7xl .flexPanel .cell_4 { width: calc(33.333% - 26.667px);} } .manualrotation .slick-track { width: 678900px; } .outcomes_panel { background-size: auto !important; } @media (max-width:767px){ .outcomes_panel { background-size: 75% auto !important; } } .heartanimation.heartcenter { width: 107px; margin: 0 auto 24px; text-align: center; height: 127px; position: relative;} @media (max-width:1200px) { .heartanimation.heartcenter { margin: 0 auto 30px; } } .heartanimation.heartcenter .andheart {width: 78%;left: 50%;transform: translateX(-50%);height: auto;transition: .75s width cubic-bezier(.68, -0.55, .27, 1.55);} .heartanimation.heartcenter.opaque .andheart { width: 215px; transition: .75s width cubic-bezier(.68, -0.55, .27, 1.55);} .heartanimation.heartcenter .andtop2 {width: 37px;height: 37px; transition: .75s left cubic-bezier(.68, -0.55, .27, 1.55); left: calc(50% - 0px);} .heartanimation.heartcenter .andtop { width:37px; height:37px; left: calc(50% - 0px);} .heartanimation.heartcenter.opaque .andtop { width: 37px;height: 37px; left: calc(50% - 6px);} .heartanimation.heartcenter.opaque .andtop2 { width: 37px;height: 37px; left: calc(50% + 6px);} .basic.grey-arch { background-image:url(/wp-content/uploads/2024/01/grey-arch-1-1.png); background-position:center top !important; background-size:100% 100%; padding-top: 60px; margin-top: 25px;} @media (max-width:991px){ .basic.grey-arch.mobile100 {margin-top: 100px;} } /*.flexlogos .ticker-tape .slide-track {display:flex; flex-wrap: nowrap;width: 100%; gap:70px; justify-content: center; align-items:center; margin-top:32px;} */ .flexlogos .ticker-tape .slide-track {display:flex; flex-wrap: wrap;width: 100%; gap:20px; justify-content: center; align-items:center; margin-top:32px;} .flexlogos .ticker-tape .slide-track a { display:block; width:auto; max-height:82px; max-width:70%;} .flexlogos .ticker-tape .slide-track a img { display:block; width:auto; max-height:82px;} .flexlogos .ticker-tape .slide-track a:last-child { margin-top:25px;} .flexlogos .ticker-tape .slide-track a:last-child { margin-top:unset;} .flexlogos .ticker-tape .slide-track {display:flex; flex-wrap: nowrap;width: 100%; gap:70px; justify-content: center; align-items:center; margin-top:32px;} .flexlogos a {max-width: 25%;max-height: 72px;height: 100%;width: auto; max-width: calc(25% - 30px); margin: 50px 20px 0; align-content: center; align-items: center;} .flexlogos img {width: 100%; max-width:300px; max-height: 72px;width: auto;} @media (min-width:1201px) { .flexlogos .ticker-tape .slide-track {gap:40px; gap:70px;} .flexlogos a { margin: 50px 50px 0;} } h4.capsule { background:#F4C7E8; display:flex; flex-wrap:nowrap; align-items: center; margin-left:0 !important; border-radius: 100vh; padding-left: 6px; gap: 5px; width:fit-content; padding-right: 18px; margin-bottom: 24px !important; color: var(--plum);} .homepage-block { padding-top:45px;} a.arrow-link.heading4.icon-link { margin-top:150px; position: relative; display: inline-block; } .bg-plum a.arrow-link.heading4.icon-link:not(:hover) { filter:brightness(6);} a.arrow-link.heading4.icon-link .icon-top { position: absolute; top:-135px; left:0; height:125px; width:125px; overflow: hidden; text-indent: -9999px; } a.arrow-link.heading4.icon-link .icon-top::before { position: absolute; top:0; left:0; height:125px; width:125px; background: url(/wp-content/uploads/2024/01/Rheum-1.png) no-repeat; opacity: 1; transition: .25s all ease-in-out; content: ''; background-size: contain;} a.arrow-link.heading4.icon-link:hover .icon-top::before { opacity: 0; transition: .25s all ease-in-out; } a.arrow-link.heading4.icon-link.neuro .icon-top::before { background-image: url(/wp-content/uploads/2024/01/Neruo-1.png);} a.arrow-link.heading4.icon-link.derm .icon-top::before { background-image: url(/wp-content/uploads/2024/01/Derm-1.png);} a.arrow-link.heading4.icon-link .icon-top::after { position: absolute; top:0; left:0; height:125px; width:125px; background: url(/wp-content/uploads/2024/12/rheum-1.png) no-repeat; opacity: 0; transition: .25s all ease-in-out; content: ''; background-size: contain;} a.arrow-link.heading4.icon-link:hover .icon-top::after { opacity: 1; transition: .25s all ease-in-out; } a.arrow-link.heading4.icon-link.neuro .icon-top::after { background-image: url(/wp-content/uploads/2024/12/neuro-1.png);} a.arrow-link.heading4.icon-link.derm .icon-top::after { background-image: url(/wp-content/uploads/2024/12/derm-1.png);} a.arrow-link.heading4.icon-link:hover { color: #DE43B3; } @media (max-width:767px) { .masthead-2024 h1 { text-align:center;} .masthead-2024 p { text-align:center;} .masthead-2024 .pageinner .content-area {padding: 324px 24px 60px !important;position: relative;} .masthead-2024 .link-panel {display: block; justify-content: center; flex-wrap: wrap;text-align: center;} .masthead-2024 a.button-link { position:relative; margin: 0 auto !important;} .masthead-2024 a.arrow-link {position: relative;margin: 20px auto 0 !important;left: unset;transform: none;bottom: unset;top: unset;right: unset;} h4.capsule { font-size: 18px;} h4.capsule img { width:36px; height:36px;} a.arrow-link.heading4.icon-link { font-size:20px; padding-left:100px; margin:0 auto 46px;} a.arrow-link.heading4.icon-link .icon-top { position: absolute; top:-30px; left:0px; height:90px; width:90px; } a.arrow-link.heading4.icon-link .icon-top::before { height:90px; width:90px;} a.arrow-link.heading4.icon-link .icon-top::after { height:90px; width:90px;} .homepage-block .flexPanel .cell_3 { text-align:center;} .diamond-plus-list .flex-panel-inner ul { width:80%; margin-left:10%; margin-right:10%;} .diamond-plus-list .flex-panel-inner ul li { text-align: left;} .diamond-plus-list .flex-panel-inner ul li:last-child::before { position: absolute; left: 1px;} .homepage-block-panel .blog-outer {margin-top: -10px !important;} .homepage-icon {width: 60px;border-radius: 100vh;margin-bottom: 20px;float: right;margin-left: 30px;} .heartanimation.heartcenter {margin: 0 auto 30px;} .diamond-plus-list .flex-panel-inner p { margin-bottom: 12px; text-align: left;} h2.mobile-left { text-align:left !important;} h4.mobile-left { text-align:left !important;} p.mobile-left { text-align:left !important;} /** Reset for users who would prefer no animations **/ /*@media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } } */ /** Ticker **//* .flexlogos .ticker-tape { --ticker-duration: 20s; position: relative; bottom: 0; left: 0; width: calc(100% + 48px); z-index: 10; color: #fff; overflow: hidden; padding: 0; margin-left: -24px; } .flexlogos .ticker-tape .slide-track { display: flex; align-items: center; justify-content: center; flex-wrap: nowrap; white-space: nowrap; animation-iteration-count: infinite; animation-timing-function: linear; animation-name: ticker; animation-duration: var(--ticker-duration); text-align: center; width: max-content; padding-left: 100%; } .flexlogos img { max-width: 100%; max-height: 80px; width: auto; } @media (prefers-reduced-motion: reduce) { .flexlogos .ticker-tape .slide-track { flex-wrap: wrap; white-space: inherit; padding-left: 0; width: auto; } } @keyframes ticker { 0% { transform: translate3d(0%, 0, 0); } 100% { transform: translate3d(-100%, 0, 0); } }*/ } .ticker-tape-container { overflow-x: hidden; display: flex; } .ticker-tape { display: flex; align-items: center; flex: 0 0 auto; gap: 1rem; } @keyframes marquee { 0% { transform: translateX(0%); } 100% { transform: translateX(-100%); } } .ticker-tape { animation-name: marquee; animation-duration: 32s; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: infinite; animation-play-state: running; animation-direction: normal; } .ticker-tape-container:hover .ticker-tape, .ticker-tape-container:focus .ticker-tape { animation-play-state: paused; } .masthead_video.about-panel h1 { max-width:750px; text-align: center; margin: 155px auto 85px; position: relative; padding: 0 24px;} @media(max-width:767px){ .masthead_video.about-panel h1 {margin: 125px auto 85px;} } @media(max-width:640px){ .masthead_video.about-panel h1 {margin: 125px auto 53px;} } .masthead_video.about-panel { height: unset;} .masthead_video.about-panel .masthead_image_inner { height: 100%; background-position:center bottom; background-size:auto;padding: 0;width: 100%;max-width: 100%;position: absolute; top: unset;bottom: 0;} .masthead_video.about-panel .masthead_image_inner img{position: absolute;top: 0;left: 0;background-color:transparent !important;;outline: 0;background-position: center;-o-object-fit: cover;object-fit: cover;-o-object-position: 50% 100%;object-position: 50% 100%;-webkit-filter: blur(0);filter: blur(0);height: 100%;/* transition: -webkit-filter .35s ease-in-out; *//* transition: filter .35s ease-in-out; */transition: filter .35s ease-in-out, -webkit-filter .35s ease-in-out;width: 100vw;} .masthead_video.about-panel .masthead_image_inner img { min-height:0;} @media (min-width:1024px){ /* Render items as columns */ .color-flex-panel {display: flex;flex-flow: column wrap;column-gap:12px; row-gap:25px; max-height: 1280px;} /* Re-order items into rows */ .color-flex-panel .cell_6 { width:50% !important;} .color-flex-panel .cell_6:nth-child(2n+1) { order: 1; } .color-flex-panel .cell_6:nth-child(2n) { order: 2; } .color-flex-panel .cell_6:nth-child(2) { margin-top:100px; } /* Force new columns */ .color-flex-panel::before,.color-flex-panel::after {content: ""; width: 0px; overflow: hidden !important;flex-basis: 100%; width: 0;order: 2;} } @media (max-width:1023px){ .cell_5.color-flex-panel {width:100% !important;} .cell_7.color-flex-panel {width:100% !important; gap:24px;} .cell_7.color-flex-panel.flexPanel .cell_6 {display: block;width: 50%;padding: 25px !important;} } .color-flex-panel .cell_6 p { margin:0; } .blog-top-zero .blog-outer { margin-top:0; } .page-panel .flex.button-flexor {flex-wrap: wrap;justify-content: flex-start !important;gap: 24px;} .basic .spinner-left-fade { padding-top:110px !important;} @media (max-width:1023px){ .basic .spinner-left-fade { padding-top:60px !important;} } .basic.spinner-left-fade::before { top:150px; left:-331px; width:661px; height:661px; transform:rotate(-180deg); position: absolute; content: ''; background:url(/wp-content/uploads/2024/01/spinner.png) no-repeat; background-size: contain; transition:.75s transform .25s ease-in-out;} .basic.spinner-left-fade.opaque::before { transform:rotate(0deg); transition:1.5s transform .25s ease-in-out;} @media (max-width:767px){ .basic.spinner-left-fade::before {top: -200px;left: unset;width: 400px;height: 400px;transform: rotate(0deg);right: -200px;} .basic.spinner-left-fade.opaque::before { transform:rotate(90deg); transition:1.5s transform .25s ease-in-out;} .mobile-separation .flex {gap: 50px;} .alignnone.size-full.wp-image-3555 {margin: 0 auto;display: block;text-align: center;width: 100%;max-width: 502px;} .page-panel .flex.button-flexor { gap:0;} .page-panel .flex.button-flexor a.button-link { width:calc(100% - 40px);} } .leadershipMobile .slick-arrow {background-size: contain;} @media (min-width:768px){ .leadershipMobile .slick-slide {margin-right: 12px; margin-left: 12px;} } .leadershipMobile .slick-list { overflow: hidden !important; position: relative;} .leadership-panel:not(.square) .leadershipMobile::before { width:12px; height:calc(100% - 50px); top:0; left:0; content:''; position:absolute; z-index: 333; background: rgb(255,244,234); background: -moz-linear-gradient(90deg, rgba(255,244,234,1) 0%, rgba(255,244,234,0) 100%); background: -webkit-linear-gradient(90deg, rgba(255,244,234,1) 0%, rgba(255,244,234,0) 100%); background: linear-gradient(90deg, rgba(255,244,234,1) 0%, rgba(255,244,234,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff4ea",endColorstr="#fff4ea",GradientType=1); transition:.15s opacity ease-in-out;} .leadership-panel:not(.square) .leadershipMobile::after { width:10%; height:calc(100% - 50px); top:0; right:0; content:''; position:absolute; z-index: 333; background: rgb(255,244,234); background: -moz-linear-gradient(270deg, rgba(255,244,234,1) 0%, rgba(255,244,234,0) 100%); background: -webkit-linear-gradient(270deg, rgba(255,244,234,1) 0%, rgba(255,244,234,0) 100%); background: linear-gradient(270deg, rgba(255,244,234,1) 0%, rgba(255,244,234,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff4ea",endColorstr="#fff4ea",GradientType=1); transition:.15s opacity ease-in-out; } .leadership-panel:not(.square) .leadershipMobile.end-of-line::before {width:10%; transition:.15s width ease-in-out;} .leadership-panel:not(.square) .leadershipMobile.end-of-line::after {opacity:0; transition:.15s opacity ease-in-out;} @media (max-width:1150px) and (min-width:1024px) { /*nav > .items-center {width:calc(100% - 495px);justify-content:flex-end;}*/ nav.mainnav { display: flex !important; grid-template-columns: 142px 1fr auto; grid-template-rows: 1fr; grid-column-gap: 0px; grid-row-gap: 0px; } } .mainnav .menu-main-nav-container ul li.current-menu-item a::before { content:none; width: 0;} .footer-flexor { text-align:left; justify-content: flex-end; gap:40px;} @media (max-width:767px){ .footer-flexor { text-align:left; justify-content: flex-start; gap:40px;} } @media (max-width:640px){ .footer-flexor { text-align:left; justify-content: flex-start; gap:40px; flex-wrap: wrap;} .footer-flexor .order-none { width:100%;} } .footerinner .flex.footer-flexor > div:last-child{ margin-right:0px;} @media (max-width:1023px) and (min-width:768px) { .footerinner .flex .order-2.cell_4 { width:37.5%;} .footerinner .flex .order-2.cell_8 { width:62.5%;} .footer-flexor {text-align: left;justify-content: flex-start;gap: 30px;} .footer-flexor > div:first-child {width: calc(40% - 80px);} .footer-flexor > div {width: calc(60% - 80px);} .footer-flexor > div:last-child {width: 90px;} } @media (min-width:1024px){ .grid-2-1-1 .flex.flexPanel {display: grid !important;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, 1fr);grid-column-gap: 0px;grid-row-gap: 0px;} .page-panel.vertcenter.verttop.grid-2-1-1 .flex.flexPanel { align-items: unset;} .grid-2-1-1 .flex.flexPanel .cell_12:first-child { grid-area: 1 / 1 / 3 / 2; } .grid-2-1-1 .flex.flexPanel .cell_12 { grid-area: 1 / 2 / 2 / 3; } .grid-2-1-1 .flex.flexPanel .cell_12:last-child { grid-area: 2 / 2 / 3 / 3; } .grid-2-1-1 .flex.flexPanel .cell_12 .flex-panel-inner {width: 100%;margin-top: 0;height: 100%;} } .form-area .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form[data-grid="open"] .forminator-col:not(:last-child), .form-area .forminator-ui.forminator-custom-form[data-grid="open"] .forminator-col:not(:last-child) {margin-bottom: 11px;} @media (max-width:767px){ .form-area #forminator-field-text-1_65a9ed7302948-label { margin-top: 11px !important; } } @media (max-width:767px){ .forminator-response-message.forminator-success.forminator-show { position: relative !important; } } .stackerNav ul.menu {width: calc(100vw - 30px);flex-wrap: wrap;display: block;} @media (max-width: 480px) { .mainnav .stackerNav .menu-buttons-container ul li a { font-size: 16px; padding: 16px; text-align: center;} } .stat-result {display: inline-block;} .stat-result h2, .stat-result h4 {display: inline;line-height: 1.05;} @media (max-width: 767px) { .icon-link-outer, .diamond-plus-list {text-align: left;} .diamond-plus-list .flex-panel-inner ul {width: 100%;margin-left: 0%;margin-right: 10%;} } .slider-nav.slick-slider {padding-top: 20px;width: calc(100% - 160px); overflow: hidden; margin-top:20px;} .slider-nav.slick-initialized.slick-slider .slick-slide {display: flex; justify-content: center; align-items: center;} .slider-nav img {width: auto;height: auto;border-radius: 0px !important;border: none !important;margin-right: 40px;max-height: 71px;max-width: 261px;} .slider-nav .csp_slider.slick-slide { opacity:.25; transition:.25s all ease-in-out; } .slider-nav .csp_slider.slick-slide:not(.slick-current) { opacity:.25; transition:.25s all ease-in-out; } .slider-nav .csp_slider.slick-slide.slick-current { opacity:1; transition:.25s all ease-in-out; } @media (max-width:767px){ .slider-nav .csp_slider.slick-slide, .slider-nav .csp_slider.slick-slide:not(.slick-current), .slider-nav .csp_slider.slick-slide.slick-current { transition:0s all;} } .leadershipMobile, .slider { opacity: 0; visibility: hidden; transition: opacity .5s ease; -webkit-transition: opacity .5s ease; } .leadershipMobile.slick-initialized, .slider.slick-initialized { visibility: visible; opacity: 1; } .partner-slider .slick-dots {display: flex;position: absolute;top: unset;left: 50%;transform: translateX(-50%);bottom: 24px;} .partner-slider .slick-arrow {top: unset;bottom: -77px; z-index: 22;} .partner-overlay { z-index:4; width:100%; height: 100%; top: 0; left: 0; position: absolute;} .partner-slider-text { position:relative; width:100%; padding:50px 45% 60px 30px; z-index: 5; } @media (max-width:767px){ .csp_slider .partner { height:100%;} .partner-slider-text { position:relative; width:100%; padding:230px 24px 60px 24px; z-index: 5; display: flex; flex-wrap: wrap; align-items: flex-end; height:100%; } .slider-nav.slick-slider {width: calc(100%); } } .csp_slider .pane { position:absolute; z-index: 3; top:0; right: 0; width:100%; height: 100%; overflow: hidden;} .csp_slider .pane.desktop-only img {object-fit: unset;position: absolute;height: 100%;width: auto;right: 0;max-width: unset;} .csp_slider .pane.mobile-only img {object-fit: unset;position: absolute;width: 100%;height: auto;right: 0;max-width: unset;top:0;} .partner-slider .slick-dots li { width:54px; height: 6px; margin:0 8px; overflow: visible;} .partner-slider .slick-dots li button { width:54px; height:6px; border:none;opacity:.3; top:0; background:#fffcfa;} .partner-slider .slick-dots li.slick-active button { opacity: 1;border: none;width:54px; background:#fffcfa !important;height: 6px;background: inherit;transition: .25s all ease-in-out;top: inherit;} .color-slider {background-image: url(/wp-content/uploads/2024/01/sand-dome.png);background-position: 0% 500px;background-repeat: no-repeat;background-size: 100%;} @media (max-width:767px){ .color-slider {background-size: 200% 200%;background-position: center 250px;} } @media (max-width:767px){ .color-slider .slider-nav.slick-slider {width: calc(100% + 48px); left: -24px; z-index: 1;} } @media (max-width:767px){ p.mobilecenter, .mobilecenter { text-align: center; justify-content: center;} p.mobilecenter a.button { margin-left:auto !important; margin-right:auto !important;} .color-slider .slider-nav.slick-slider {width: calc(100% + 48px); left: -24px; z-index: 1;} } @media (min-width:768px){ .page-panel.vertcenter .flex .desktop-top-padding { padding-top:125px !important;} } @media (max-width:767px){ .page-panel.vertcenter .flex .desktop-top-padding { padding-top:33px !important;} .page-panel.vertcenter .flex .desktop-top-padding .margin-bottom-desktop { margin-top:32px;} } .large-icon { display: flex !important;align-items: flex-start;} .large-icon .flex-title-image { margin-right:24px;} .large-icon h4 { margin:0 !important;} .large-icon p:first-of-type {margin: 4px 0 24px 0;} .charm-list .flex-title-image { width:100%; height:auto; max-width: unset; max-height: unset !important;} @media (max-width:767px){ .charm-list .flex-title-image { width: calc(100% + 48px);;margin-left: -24px;} } .charm-list .flex-panel-inner { display:flex; align-items:flex-start;} .charm-list .flex-panel-inner .luck { width:50px; height:auto; margin-right:10px; } .charm-list .flex-panel-inner .luck img { width:50px; height:auto; } .charm-list .flex-panel-inner .tie { width:calc(100% - 60px); height:auto; } .charm-list .flex-panel-inner .tie h5 {margin: 17px 0 0;line-height: 1.25em;} .charm-list .flex-panel-inner .tie p {font-size: 16px;margin-top: 10px;} .bubble { border-radius:100vh 100vh 100vh 0; padding:30px 50px; background:#C8EAFF;} .bubble.bluebubble { width:63%;} .bubble.pinkbubble { background: #F4C7E8; border-radius:100vh 100vh 0 100vh; width:80%; margin-left:20%; margin-top:-20px;} .bubble.yellowbubble { background: #FFDEAD; width:75%; margin-top:-10px;} .bubble em {font-size: 20px;line-height: 1.35;padding-bottom: 0px;display: inline-block;margin-bottom: 9px;} @media (max-width:767px){ .bubble.bluebubble { width:83%;} .bubble.pinkbubble { width:93%; margin-left:7%;} .bubble.yellowbubble { width:98%;} } @media (min-width:768px){ .sidecar-plum .cell_7 { padding-right:0;} .sidecar-plum .cell_5 { padding-left:0;} .sidecar-plum .cell_7 .flex-panel-inner {padding: 40px; border-width: 2px;} .sidecar-plum .cell_5 .flex-panel-inner {padding: 100px 40px; } } @media (max-width:767px){ .sidecar-plum .cell_7 { padding-bottom: 0;} .sidecar-plum .cell_5 { padding-top: 0;} .sidecar-plum .cell_5 .flex-panel-inner{ margin-top: 0; padding: 24px 16px 1px;} } .faq-boxes .flex.flexPanel { display: grid !important; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; grid-column-gap: 24px; grid-row-gap: 24px; padding: 0 57px; } .faq-boxes .flex.flexPanel .cell_12 { grid-column: span 3;/* take 3 columns */} @media (max-width:1024px){ .faq-boxes .flex.flexPanel { grid-template-columns: repeat(2, 1fr);} .faq-boxes .flex.flexPanel .cell_12 { grid-column: span 2;/* take 2 columns */} } @media (max-width:480px){ .faq-boxes .flex.flexPanel { grid-template-columns: repeat(1, 1fr);} .faq-boxes .flex.flexPanel .cell_12 { grid-column: span 1;/* take 2 columns */} } .faq-boxes .flex.flexPanel .flex-panel-inner { width: 100%; margin-top: 10px; height: 100%; padding:16px; } .faq-boxes .flex.flexPanel .flex-panel-inner h4 { margin:0 0 10px; line-height: 1.35;} .faq-boxes .flex.flexPanel .flex-panel-inner p { margin:0; line-height: 1.25em;} .faq-boxes .flex.flexPanel .cell_4 { height: 100%; width: 100%; padding:0; } .flexPanel .cell_1.no-top, .flexPanel .cell_2.no-top, .flexPanel .cell_3.no-top, .flexPanel .cell_4.no-top, .flexPanel .cell_5.no-top, .flexPanel .cell_6.no-top, .flexPanel .cell_7.no-top, .flexPanel .cell_8.no-top, .flexPanel .cell_9.no-top, .flexPanel .cell_10.no-top, .flexPanel .cell_11.no-top, .flexPanel .cell_12.no-top { padding-top:0;} .flexPanel .cell_12.no-top .flex-panel-inner { margin-top:0;} .flexPanel .cell_12.no-top .flex-panel-inner > *:first-child { margin-top:0;} .flexPanel .cell_1.no-bottom, .flexPanel .cell_2.no-bottom, .flexPanel .cell_3.no-bottom, .flexPanel .cell_4.no-bottom, .flexPanel .cell_5.no-bottom, .flexPanel .cell_6.no-bottom, .flexPanel .cell_7.no-bottom, .flexPanel .cell_8.no-bottom, .flexPanel .cell_9.no-bottom, .flexPanel .cell_10.no-bottom, .flexPanel .cell_11.no-bottom, .flexPanel .cell_12.no-bottom { padding-bottom:0;} @media (min-width:768px){ .flexPanel .cell_1.no-bottom-desktop, .flexPanel .cell_2.no-bottom-desktop, .flexPanel .cell_3.no-bottom-desktop, .flexPanel .cell_4.no-bottom-desktop, .flexPanel .cell_5.no-bottom-desktop, .flexPanel .cell_6.no-bottom-desktop, .flexPanel .cell_7.no-bottom-desktop, .flexPanel .cell_8.no-bottom-desktop, .flexPanel .cell_9.no-bottom-desktop, .flexPanel .cell_10.no-bottom-desktop, .flexPanel .cell_11.no-bottom-desktop, .flexPanel .cell_12.no-bottom-desktop { padding-bottom:0;} } @media (max-width:767px){ .flexPanel .cell_1.no-bottom-mobile, .flexPanel .cell_2.no-bottom-mobile, .flexPanel .cell_3.no-bottom-mobile, .flexPanel .cell_4.no-bottom-mobile, .flexPanel .cell_5.no-bottom-mobile, .flexPanel .cell_6.no-bottom-mobile, .flexPanel .cell_7.no-bottom-mobile, .flexPanel .cell_8.no-bottom-mobile, .flexPanel .cell_9.no-bottom-mobile, .flexPanel .cell_10.no-bottom-mobile, .flexPanel .cell_11.no-bottom-mobile, .flexPanel .cell_12.no-bottom-mobile { padding-bottom:0;} } a.button-link.video-button { border-radius:100vh; position: relative; padding: 24px 58px 24px 32px !important; margin-left: auto !important;} a.button-link.video-button::before { content: ''; width: 32px; height: 32px; right:13px; top:calc(50% - 16px); background:url(/wp-content/uploads/2024/05/play_circle_filled_24px.svg); position: absolute; z-index: 2; transition:.25s all ease-in-out;} .bg-plum a.button-link.video-button { border-radius:100vh; position: relative; color:var(--white); border-color:var(--white); padding: 24px 58px 24px 32px !important; margin-left: auto !important; background:var(--plum);} .bg-plum a.button-link.video-button::before { content: ''; width: 32px; height: 32px; right:13px; top:calc(50% - 16px); background:url(/wp-content/uploads/2024/05/play_circle_filled_24px.svg); position: absolute; z-index: 2; transition:.25s all ease-in-out;} .bg-plum a.button-link.video-button:hover { box-shadow: -4px 4px 0px #ff8d00 !important; transform: translateX(4px) translateY(-4px) !important; transition: .25s all ease-in-out !important;} a.button-link.open-button { border-radius:100vh; position: relative; padding: 24px 58px 24px 32px !important; margin-left: auto !important;} a.button-link.open-button::before { content: ''; width: 28px; height: 28px; right:16px; top:calc(50% - 16px); background:url(/wp-content/uploads/2024/10/open-in-new.svg); position: absolute; z-index: 2; transition:.25s all ease-in-out; background-size:contain;} .bg-plum a.button-link.open-button { border-radius:100vh; position: relative; color:var(--white); border-color:var(--white); padding: 24px 58px 24px 32px !important; margin-left: auto !important; background:var(--plum);} .bg-plum a.button-link.open-button::before { content: ''; width: 32px; height: 32px; right:13px; top:calc(50% - 16px); background:url(/wp-content/uploads/2024/05/play_circle_filled_24px.svg); position: absolute; z-index: 2; transition:.25s all ease-in-out;} .bg-plum a.button-link.open-button:hover { box-shadow: -4px 4px 0px #ff8d00 !important; transform: translateX(4px) translateY(-4px) !important; transition: .25s all ease-in-out !important;} a.button-link.calendar-button { border-radius:100vh; position: relative; padding: 24px 68px 24px 32px !important; margin-left: auto !important;} a.button-link.calendar-button::before { content: ''; width: 28px; height: 28px; right:20px; top:calc(50% - 16px); background:url(/wp-content/uploads/2024/11/calendar.svg); position: absolute; z-index: 2; transition:.25s all ease-in-out; background-size:contain; opacity: 1; } a.button-link.calendar-button:hover::before { filter: grayscale(6) brightness(6); transition:.25s all ease-in-out; } a.button-link.calendar-button:hover { box-shadow: -4px 4px 0px #ff8d00 !important; transform: translateX(4px) translateY(-4px) !important; transition: .25s all ease-in-out !important;} .center-icon .flex-title-image { margin:0 auto; max-height:60px !important;} .justify-center .flexPanel { justify-content:center;} .get_better a.plum {color:var(--plum) !important;} .get_better.team a.plum {color: var(--white) !important; margin-top: 11px;} h4.blog-leading-text { margin-bottom:5px; width: 100%;} h4.blog-leading-text2 { margin-bottom:0px; margin-top:28px;font-size: 20px;line-height: 28px;} h4.blog-leading-text3 { font-size: 20px;line-height: 28px;} #st-1 .st-btn > img {margin: 0;} .blog-article-panel {background: #FFFCF9;box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.05); margin-top:40px; margin-bottom:78px; padding-bottom:0; position: relative; display: flex; transition: .25s all ease-in-out;} .blog-article-panel:hover { transform:scale(104%); transition: .25s all ease-in-out;} .blog-article-panel::after { position: absolute; bottom:-39px; left:0px; background:#faeade; height:1px; width:100%; content:'';} .blog-article-panel .pane { width:50%; overflow: hidden; height: 100%; border-radius:0% 100% 54% 58% / 100% 0% 100% 0%;} .blog-article-panel .pane img { border-radius:0; margin: 0;} .blog-press-meta {width: 50%;padding: 20px 80px 126px 32px;position: relative;display: flex;flex-wrap: wrap;align-items: center;align-content: center;} .blog-press-meta .article_title {font-weight: 600; color:var(--plum);} .blog-press-meta p {margin-top: 12px;} .blog-press-link {display: flex;align-content: baseline;align-items: center; justify-content: space-between; position:absolute; width:calc(100% - 72px); height:50px; bottom:36px; left:32px;} .blog-press-link img {max-width: 121px;max-height: 50px;margin: 0;display: block;} .blog-article-panel .arrow-link { font-size: 16px; padding-right:50px;text-decoration: none; font-weight: 500; color:var(--plum);display: block; position: relative; line-height: 26px;transition: .25s all ease-in-out;} .blog-article-panel .arrow-link::after { content: ''; width: 20px; height: 10px; background: url('data:image/svg+xml; utf8,') no-repeat; background-size: 14px; position: absolute; right: 0; top: -6px; transition: .25s all ease-in-out; bottom: unset; left: unset; border: 2px solid var(--plum); border-radius: 100vh; height: 37px; width: 37px; background-position: center; } .blog-article-panel h3 {transition: .25s all ease-in-out;} .blog-article-panel:hover h3 {filter: brightness(165%) saturate(110%);transition: .25s all ease-in-out;} .blog-article-panel:hover .arrow-link {filter: brightness(165%) saturate(110%);transition: .25s all ease-in-out;} .blog-article-panel:hover .arrow-link::after {transition: .25s all ease-in-out;right: -5px;} .meta.date { font-size: 12px;line-height: 16px;color: #A6A6A6; margin-top:20px;} .zoom-in { transition:.25s all ease-in-out;} .zoom-in:hover { transform:scale(104%); transition:.25s all ease-in-out;} @media (max-width:767px) { .blog-article-panel { flex-wrap: wrap;} .blog-article-panel .pane { width:100%; border-radius:100% 0% 100% 0% / 0% 78% 22% 100%; } .blog-article-panel .blog-press-meta { width:100%;} .blog-press-meta .article_title {font-size: 30px;line-height: 38px;} .blog-press-meta {padding: 0px 24px 84px 24px;} .blog-press-link {width: calc(100% - 48px); left: 24px; bottom: 24px;} .blog-press-link .arrow-link {font-size: 16px;padding-right: 50px;text-decoration: none;position: relative;margin: 0;font-size: 0px;text-indent: -9999px;} } .blog-press-logo { margin-top:14px; max-width:114px;} .block.zoom-in .article_img .pane { position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: 61.8%; } .block.zoom-in .article_img .pane img{ position: absolute; width: 100%; height: 100%; object-fit: cover; top:0; left:0; } .blog-content.teammember-content h2:first-child { font-size:24px; } .blog-content.teammember-content { margin-top: 29px; align-items: flex-start !important; } .blog-content.teammember-content.flexPanel .cell_6 {padding: 0 25px 25px 0;} .blog-content.teammember-content.flexPanel .cell_6 p { margin-top:0; margin-bottom: 12px;} .single-teammember .default-header { min-height:169px;margin-top: 50px;} div.em { font-size:20px; font-style: italic; line-height: 1.4em;} div.strong { font-size:20px; line-height: 1.4em; font-weight: bold; margin:5px 0;} div.stars { font-size:20px; line-height: 1.4em; display: flex;align-items: center;} div.stars span.small { font-size:12px; line-height: 1.4em; margin-right:10px;} .vid-panel_shell.vid250 .closeX { position: relative; /* top: 100%; */ left: 50%; color: #ffffff !important; content: "Close X"; width: calc(100% - 24px); max-width: 1280px; height: 20px; z-index: 9999; font-family: 'Circular'; transform: translateX(-50%); text-align: right; right: unset; top: unset; margin-top: calc(6vh - 12px); padding-right: 50px; padding-top: 4px; } .vid-panel_shell.vid250 .closeX::before { background:#ffffff; right:0px;} .vid-panel_shell.vid250 .closeX::after { background:#ffffff; right:0px;} .carrot { margin:0 14px;} #wrapper #container { transition:.25s filter ease-in-out;} #wrapper #container.active { transition:.25s filter ease-in-out; filter:blur(5px);} h4.tangerine-star { position:relative; display: inline-block; width:auto; margin: 0 !important; padding: 0 25px;} h4.tangerine-star::before, h4.tangerine-star::after { position:absolute; left:0; top:7px; width:20px; height: 18px; content: ''; background:url(/wp-content/uploads/2024/06/Star-11.svg) no-repeat; background-size:contain;} h4.tangerine-star::after { left:unset; right:0;} .rainbow-fade .mx-auto {background: linear-gradient(112.63deg, #C8EAFF 7.51%, #FFFCFA 55.5%, #FFB899 93.24%);border-radius: 4px; padding-top:25px; padding-bottom:25px;} .rainbow-fade .mx-auto .margin-bottom-desktop { margin-bottom: 0 !important;} .gallery-header h1 {font-style: normal;font-weight: 700;font-size: 110px;line-height: 132px;/* Tangerine */color: #FF4D00; max-width:700px; margin-top:50px;} @media (min-height:750px){ .gallery-header h1 { margin-top:100px;} } .gallery-header h4 { margin:0 !important; max-width: 490px;} @media (max-width:1023px){ .gallery-header h1 { font-size: 86px;line-height: 90px; margin-top:50px;} } @media (max-width:767px){ .gallery-header h1 { font-size: 56px;line-height: 67px;text-align: center; margin-top:0;} .gallery-header h4 { text-align: center; margin:10px auto !important;} } @media (max-width:360px){ .gallery-header h1 { font-size: 42px;line-height:52px;text-align: center;} } a.anchor-button { display:inline-block; width:auto; padding:18px 80px 18px 46px; border:1px solid var(--plum); border-radius:345px;font-style: normal;font-weight: 700;font-size: 16px;line-height: 32px;/* or 200% */text-align: center;color:var(--plum); position: relative;transition: .25s all ease-in-out !important;} a.anchor-button::after { content:''; position: absolute; top:50%; transform:translateY(-50%); right:25px; height:32px; width:32px; background-size:contain; background-repeat: no-repeat; background-image: url(/wp-content/uploads/2024/07/arrow-circle-down.svg); background-color:transparent; left: unset; transition: .25s all ease-in-out !important;} a.anchor-button:hover { background:var(--plum); color: var(--white); box-shadow: -4px 4px 0px #ff8d00 !important; transform: translateX(4px) translateY(-4px) !important; transition: .25s all ease-in-out !important;} a.anchor-button:hover::after { transition: .25s all ease-in-out !important; filter: brightness(1000%); width: 32px; background-color: transparent;} @media (max-width:767px){ a.anchor-button {padding: 10px 60px 11px 26px; line-height: 1.25em;} a.anchor-button::after { right:15px;} } .gallery-top { position:absolute; right:0; top:0px; width:60%; z-index: -1; height: 100%;} .gallery-top-1 { width:33%; height:auto; position: absolute; top:0; right:35%; z-index: 1;} .gallery-top-3 { width:50%; height:auto; position: absolute; top:11%; right:0%; z-index: 2;} .gallery-top-2 { width:38%; height:auto; position: absolute; top:70%; right:20%; z-index: 3;} @media (min-width:768px){ .home .gallery-top-1 { width:28%;} .home .gallery-top-3 { width:42%;} .home .gallery-top-2 {top: 69%;width: 29%;right: 25%;} } .hometitle {max-width:590px; margin-top:50px;} .gallery-header .flexPanel .cell_10 { width:80%;} .gallery-header .flexPanel .cell_2 { width:20%;} .gallery-header .flexPanel .cell_2 p { color:var(--plum); font-size:18px;} @media (max-width:1023px){ .gallery-header .flexPanel .cell_10, .gallery-header .flexPanel .cell_2 { width:100%;} .basic.gallery-header .page-panel.squattop { padding-top:20px;} .hometitle {max-width:51%; margin-top:0px;} } @media (max-width:767px){ .gallery-header .flexPanel .cell_10 p { text-align:center;} .gallery-header .flexPanel .cell_10 { padding-left:0; padding-right:0;} .gallery-header .flexPanel .cell_2 { padding-left:0; padding-right:0;} .gallery-header .flexPanel .cell_2 p { text-align:center; margin: 3px 0; font-size: 16px;} .gallery-header .flexPanel .cell_2 p.center { text-align:center;} .gallery-header .flexPanel .cell_2 p.center img { text-align:center; margin: 3px auto; display: block;} .gallery-top { position:relative; width: calc(100% + 48px); margin-left: -24px; text-align: center;} .gallery-top-3 { position:relative; top:21px; right:unset; margin:0 auto 21px;} .gallery-top-1 { right:unset; left:-2%;} .gallery-top-2 { right:-2%; top:0;} .hometitle {max-width:100%; margin-top:0px;} .home .gallery-top {margin-top: 32px;} } .gallery-lock-panel { z-index:999; position: relative;} .gallery-lock-panel::before { content:''; position: absolute; z-index: 0; top:0; right: 0; width:452px; height: 400px; background-size: auto; background-position: left top; background-image: url(/wp-content/uploads/2024/07/Background-Shape.svg); background-repeat: no-repeat;} .gallery-inner { max-width:1200px; padding:132px 0; margin: 0 auto; width:calc(100% - 48px);} .gallery-inner h2 {font-style: normal;font-weight: 700;font-size: 80px;line-height: 96px; max-width: 700px;} @media (max-width:1023px){ .gallery-inner h2 {font-size: 62px;line-height: 65px;} } @media (max-width:767px){ .gallery-inner h2 {font-size: 44px;line-height: 42px;} } .gallery-inner p { max-width: 700px;} .gallery-inner .opacity50 { opacity:0.5; color:var(--white); display: flex; align-items: center;} .gallery-inner .opacity50 img { margin-left:12px;} .gallery-category { position:relative;} .gallery-category-list { height: 100px; width:100%;display:flex; align-items: center; justify-content: center; position: relative; } .gallery-category-list ul { height: 100px; width:100%;display:flex; align-items: center; justify-content: center; position: absolute; top:0; left:0; background: rgb(49,26,43); /*background: -moz-linear-gradient(0deg, rgba(49,26,43,0) 0%, rgb(49, 26, 43) 29%); background: -webkit-linear-gradient(0deg, rgba(49,26,43,0) 0%, rgb(49, 26, 43) 29%); background: linear-gradient(0deg, rgba(49,26,43,0) 0%, rgb(49, 26, 43) 29%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#311a2b",endColorstr="#311a2b",GradientType=1);*/} .gallery-category-list ul.active { position:fixed; z-index: 999; box-shadow: 0px 0px 10px rgba(0,0,0,.5);} .gallery-category-list li { margin:0 20px;} .gallery-category-list li a {font-style: normal;font-weight: 700;font-size: 16px;line-height: 28px;letter-spacing: 0.05em; opacity:0.5; transition:.25s all ease-in-out;} .gallery-category-list li a:hover { opacity:.75; transition:.25s all ease-in-out;} .gallery-category-list li a.active { opacity:1; transition:.25s all ease-in-out;} .gallery-lock { display:block; width:calc(100% - 54px);} .gallery-lock-item { display:flex; justify-content:center; gap:24px; align-items: center; margin:28px 0; position: relative;} .gallery-pane { width:600px; box-shadow: 0px 0px 10px rgba(0,0,0,.5); position:relative;} @media (max-width:990px){ .gallery-pane { width: 450px;} } @media (max-width:850px){ .gallery-pane { width: 400px;} } @media (max-width:767px){ .gallery-pane { width: 300px;} .gallery-lock-item {margin: 58px 0;position: relative;} } .gallery-pane.fader img { top:100px; transition: .25s all ease-in-out !important; position: relative;} .gallery-pane.fader.opaque img { top:0px; transition: .25s all ease-in-out !important;} .gallery-text-item { width:calc(100% - 624px);} @media (max-width:990px){ .gallery-text-item { width:calc(100% - 474px);} } @media (max-width:850px){ .gallery-text-item { width:calc(100% - 424px);} } @media (max-width:767px){ .gallery-text-item { width:calc(100% - 324px);} } .gallery-text-item h5 { text-transform:uppercase;} .mg-text-item.blue h5, .mg-text-item.blue h6, .gallery-text-item.blue h5, .gallery-text-item.blue h6 { color:#6ebff1;} .gallery-text-item.tangerine h5, .gallery-text-item.tangerine h6, .mg-text-item.tangerine h5, .mg-text-item.tangerine h6 { color:#ffb899;} .gallery-text-item.pink h5, .gallery-text-item.pink h6, .mg-text-item.pink h5, .mg-text-item.pink h6 { color:#f4c7e8;} .mg-text-item { margin-top:32px;} .gallery-meta {padding:132px 0;} .gallery-text-item.fader { padding-top:50px; transition:.25s all ease-in-out !important;} .gallery-text-item.fader.opaque { padding-top:0px; transition:.25s all ease-in-out !important;} .gallery-category a.rel {top: -90px;} .gallery-runner { width:24px; margin-right:30px; height:calc(100vh - 180px); position: absolute; top:40px; left:0;} .gallery-runner.active { position: fixed; top:120px; left:calc(50% - 600px);} @media (max-width:1240px){ .gallery-runner.active { left:24px;} } .gallery-runner.active.locked { position: absolute; top:unset !important; bottom:60px !important; left:0;} .gallery-runner ul { display:flex; justify-content: center; flex-wrap: wrap; position: absolute; top:0; left:0;} .gallery-runner ul li { width:24px; height:24px; position: relative; margin-bottom:20px;} .gallery-runner ul li a { width:24px; background-size:40% 40%; height:24px;transition:.25s all ease-in-out !important; display: block; position: relative; background-position: center center; background-repeat: no-repeat;} .gallery-runner ul li a:hover, .gallery-runner ul li a.active { background-size:90% 90%; transition:.25s all ease-in-out !important;} @media (max-height:700px){ .gallery-runner ul li { margin-bottom: 10px;} } @media (max-height:600px){ .gallery-runner ul li { width:18px; height:18px; margin-bottom: 0px;} .gallery-runner ul li a { width:18px; height:18px;} } .gallery-runner.blue ul li a { background-image: url(/wp-content/uploads/2024/07/diamond-blue.svg);} .gallery-runner.tangerine ul li a { background-image: url(/wp-content/uploads/2024/07/diamond-tangerine.svg);} .gallery-runner.pink ul li a { background-image: url(/wp-content/uploads/2024/07/diamond-pink.svg);} .runner-tag { transform: rotate(-90deg) translateX(calc(-100vh + 340px)) translateY(-136px); display: block; position: relative; font-style: normal; font-weight: 500; font-size: 16px; line-height: 28px; letter-spacing: 0.05em; color: #FFFCFA; width: 300px; left: 0; bottom: 0; text-transform: uppercase; opacity: .5; } .gallery-container { display:flex; justify-content: flex-end; position:relative;} .testimonial-panel .patient_cards .short-desc p { margin:0; font-style: italic;font-weight: 600;font-size: 18px;line-height: 22px;} .page-panel.vertcenter .flex.flexGap24 .patient_cards .vid-panel.vid125 .pane105 { height: 105%;} .page-panel.vertcenter .flex.flexGap24 .patient_cards.cell_manual { box-shadow: none; background: transparent;} .testimonial-panel .patient_cards.cell_manual .vid-panel { background: transparent;} .manualrotation .slick-arrow {top:0px; background-color:transparent; width:40px; height:40px;} .manualrotation .slick-dots {bottom:8px; top:24px; height:6px; background:#F4C7E8; left: calc(50% - 588px);border-radius: 20px;} .manualrotation .slick-dots li {margin:0; padding:0; width:16px; background:none; border:none; height: 6px; z-index: 67889888; display: flex; position: relative;} .manualrotation .slick-dots li.slick-active {width:40px;} .manualrotation.slick-slider {padding-top:24px; padding-bottom:64px;} .manualrotation .slick-dots li button {width:15px; height:6px; top:0; background:none; border:none; transition:none;} .manualrotation .slick-dots li.slick-active button {width:40px; height:6px; transition:none; background:#6D295A;} .manualrotation .slick-arrow.slick-prev {right:calc(50% - 512px); transform:rotate(180deg);} .manualrotation .slick-arrow.slick-next { right:calc(50% - 588px);} .manualrotation .slick-arrow {background-size: contain;} @media (min-width:768px){ .manualrotation .slick-slide {margin-right: 12px; margin-left: 12px;} } .manualrotation .slick-list { overflow: hidden !important;min-height:700px; margin-top:40px;} .full-image .manualrotation .slick-list { min-height:500px;} .page-panel.vertcenter.full-image .flex.flexGap24 .patient_cards.cell_manual { min-height: 500px;} .page-panel.vertcenter.full-image .flex.flexGap24 .patient_cards .vid-panel.vid125 {min-height: 500px;} .page-panel.vertcenter.full-image .flex.flexGap24 .patient_cards .vid-panel.vid125 img { object-fit: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%;} @media (max-width:400px){ .full-image .manualrotation .slick-list { min-height:400px;} .page-panel.vertcenter.full-image .flex.flexGap24 .patient_cards.cell_manual { min-height: 400px;} .page-panel.vertcenter.full-image .flex.flexGap24 .patient_cards .vid-panel.vid125 {min-height: 400px;} } .testimonial-panel .manualrotation .patient_cards.slick-slide { transform: scale(100%) !important;opacity: 1 !important;} .testimonial-panel .manualrotation .patient_cards.slick-slide:not(.slick-active) { transform: scale(100%); opacity: .8; transition: .25s all ease-in-out;} @media (max-width:1023px){ .manualrotation .slick-dots li {width:10px;} .manualrotation .slick-dots li button {width:10px;} .manualrotation .slick-arrow.slick-prev {right: 76px;} .manualrotation .slick-arrow.slick-next {right: 24px;} .manualrotation .slick-dots { left:24px} } @media (max-width:767px){ .page-panel.vertcenter .flex.flexGap24 .patient_cards.cell_manual { height:100% !important;} .manualrotation .slick-list { width: 100%;margin-top: 60px;} } .testimonial-panel.manual, .testimonial-panel.manual .page-panel, .testimonial-panel.manual .page-panel .mx-auto, .testimonial-panel.manual .page-panel .mx-auto .flexPanel { width:100%; padding-left:0; margin-right: 0; padding-right:0; margin-left: 0; max-width:100%;} .testimonial-panel.manual .page-panel .mx-auto .flexPanel .slick-list { padding-left:calc(50% - 600px); padding-right:calc(50% - 600px);} .testimonial-panel.manual .page-panel.vertcenter .flex.flexGap24 .patient_cards .content-panel { top: 302px;} @media (max-width:767px){ .testimonial-panel.manual .page-panel.vertcenter .flex.flexGap24 .patient_cards .content-panel { top: 333px; opacity: 1; width: calc(100% - 68px); margin: 0 34px; padding: 20px;} .page-panel.vertcenter .flex.flexGap24 .patient_cards .vid-panel {width: 98% !important; margin-right: 1%;} .testimonial-panel.manual .page-panel .mx-auto .flexPanel .slick-list { padding-left: 24px; padding-right: 24px;} } @media (max-width:460px){ .testimonial-panel.manual .page-panel.vertcenter .flex.flexGap24 .patient_cards .content-panel { top: 260px;} } @media (max-width:400px){ .testimonial-panel.manual .page-panel.vertcenter .flex.flexGap24 .patient_cards .content-panel { top: 220px;width: calc(100% - 48px); margin: 0 24px;} } @media (max-width:350px){ .testimonial-panel.manual .page-panel.vertcenter .flex.flexGap24 .patient_cards .content-panel { top: 200px;width: calc(100% - 36px); margin: 0 18px;} } .border-radius-bottom-right .flex-panel-inner { border-radius:0 0 200px 0; margin-top:24px; padding: 24px;} .border-radius-bottom-right .flex-panel-inner p { font-size:18px;} .community-of-healing-tag .leftturn { display: flex; flex-wrap: nowrap; align-items: center; gap: 12px; text-transform: uppercase; white-space: nowrap; font-style: normal; font-weight: 500; font-size: 16px; line-height: 28px; text-align: center; letter-spacing: 0.05em; color: #6EBFF1; transform: rotate(-90deg); justify-content: flex-end; position: absolute; left: 0; bottom: 0; transform-origin: top left; } .babyblue { color:#fffcfa; padding:0 24px;} .babyblue-title { width:100%; display:flex; gap:24px; justify-content: center;font-style: normal;font-weight: 500;font-size: 24px;line-height: 32px;/* or 133% */text-align: center;/* Light Sand */color: #FFFCFA;} @media (max-width:767px){ .babyblue-title {width: 100%;display: block;flex-wrap: wrap;gap: 24px;justify-content: center;font-style: normal;font-weight: 500;font-size: 18px;line-height: 1.25em;align-items: center;align-content: center;} .babyblue-title img { opacity:0; height:1px; width:100%; display:block;} .babyblue-title:last-child { position:relative; padding-top:32px;} .babyblue-title:last-child::before { position:absolute; content:''; background: url(/wp-content/uploads/2024/07/diamond-blue.svg) no-repeat; filter:brightness(1000%); background-size:18px 18px; background-position: center center; top:4px; width:100%; height: 24px; left: 0;} .gallery-category-list { display:none;} .gallery-inner:first-child { padding-bottom:30px} .swiper-wrapper {width: 88%;} .mg-container { width:calc(100% - 48px); margin:40px 24px 0;} .swiper-slide { background: var(--darkplum); /*box-shadow: 0px 0px 20px rgba(0,0,0,.5);*/ padding-bottom: 32px; transition: .25s all ease-in-out;} .mg-text .mg-lock-item:not(.swiper-slide-active) { box-shadow:none; transition: .25s all ease-in-out;} .mg-text-item { margin-top: 32px; padding-left: 24px; padding-right: 24px;} .mg-text .mg-lock-item:not(.swiper-slide-active) h5, .mg-text .mg-lock-item:not(.swiper-slide-active) h6, .mg-text .mg-lock-item:not(.swiper-slide-active) h4, .mg-text .mg-lock-item:not(.swiper-slide-active) p { opacity:0; transition:.25s all ease-in-out;} .mg-text .mg-lock-item.swiper-slide-active h5, .mg-text .mg-lock-item.swiper-slide-active h6, .mg-text .mg-lock-item.swiper-slide-active h4, .mg-text .mg-lock-item.swiper-slide-active p { opacity:; transition:.25s all ease-in-out;} } .gallery-lock-panel-bottom { width: calc(100% - 48px); margin:0 auto; max-width:1200px;padding: 24px 24px 100px; display: flex; justify-content: center; } .gallery-lock-panel-bottom a.anchor-button { border-color:#fffcfa; color:#fffcfa;} .gallery-lock-panel-bottom a.anchor-button:hover { background:#F4C6E8; border-color:#F4C6E8; color: var(--plum); box-shadow: none !important; transform: none !important; transition: .25s all ease-in-out !important;} .gallery-lock-panel-bottom a.anchor-button::after { opacity:0; width:32px; height:32px; background-image:url('/wp-content/uploads/2024/07/book-plum.svg');transition: .25s all ease-in-out !important; filter:unset !important;} .gallery-lock-panel-bottom a.anchor-button::before { opacity:1; width:32px; height:32px; background-image:url('/wp-content/uploads/2024/07/book-white.svg'); content:''; position: absolute; top:50%; transform:translateY(-50%); right:25px; height:32px; width:32px; background-size:contain; background-repeat: no-repeat; background-color:transparent; left: unset; transition: .25s all ease-in-out !important;} .gallery-lock-panel-bottom a.anchor-button:hover::after { opacity:1;transition: .25s all ease-in-out !important; filter:unset !important;} .gallery-lock-panel-bottom a.anchor-button:hover::before { opacity:0;transition: .25s all ease-in-out !important;} .gallery-inner.desktop-only { padding-bottom:50px;} .gallery-inner.mobile-only {padding-bottom:40px !important;} .gallery-inner.mobile-only a.anchor-button::before { right:15px;} .gallery-inner.mobile-only a.anchor-button::after { right:15px;} .page-template-template-roles h1 em { font-style:normal; border:1px solid var(--plum); border-radius: 100vh; padding-left: 10px; padding-right: 10px; margin-left: -10px; margin-right: -10px;} .page-template-template-roles h1 em span { display:inline; color:var(--plum);} @media(max-width:479px) and (min-width:380px){ .page-template-template-roles h1 br.no-mobile { display:none;} .page-template-template-roles h1 em.divider {border:none;} .page-template-template-roles h1 em span {border:1px solid var(--plum); border-radius: 100vh; padding-left: 10px; padding-right: 10px; margin-left: 0px; margin-right: 0px;} } @media(max-width:350px){ .page-template-template-roles h1 { font-size:36px !important;} .page-template-template-roles h1 br.no-mobile { display:none;} .page-template-template-roles h1 em.divider {border:none;} .page-template-template-roles h1 em span {border:1px solid var(--plum); border-radius: 100vh; padding-left: 10px; padding-right: 10px; margin-left: 0px; margin-right: 0px;} } .page-template-template-roles .bubbles {width: calc(100% + 20%);margin: 0 -10%;display: flex;gap: 20px; margin-top:50px;} @media(max-width:1350px){ .page-template-template-roles .bubbles {width: calc(100% + 10%);margin: 50px -5% 0;} } .page-template-template-roles .bubbles img {border: none; position: relative;border-radius: 100vh;overflow: hidden;height: 100%;width: 100%;} .page-template-template-roles .bubbles img.wp-image-4026 { width: 140%; margin-top: -110px;} .page-template-template-roles .bubbles img.wp-image-4027 { margin-top: 30px;} .page-template-template-roles .bubbles img.wp-image-4030 { margin-top: -40px;} .page-template-template-roles .bubbles img.wp-image-4029 { margin-top: 30px;} .page-template-template-roles .bubbles img.wp-image-4025 { margin-top: -40px;} .page-template-template-roles .bubbles img.wp-image-4024 { margin-top: 30px;} .page-template-template-roles .bubbles img.wp-image-4028 { width: 140%; margin-top: -140px;} @media(max-width:767px){ .page-template-template-roles .bubbles { height:400px; display: block; width:calc(100% + 48px); overflow-x:hidden; overflow-y:visible; position: relative; margin-left: -24px; margin-top:0;} .page-template-template-roles .bubbles::after { position:absolute; bottom: -1px; left:0; width:100%; height:40px; content: ''; background: -moz-linear-gradient(180deg, rgba(255,252,250,0) 0%, rgba(255,252,250,1) 94%); background: -webkit-linear-gradient(180deg, rgba(255,252,250,0) 0%, rgba(255,252,250,1) 94%); background: linear-gradient(180deg, rgba(255,252,250,0) 0%, rgba(255,252,250,1) 94%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fffcfa",endColorstr="#fffcfa",GradientType=1); } .page-template-template-roles .bubbles img {border: none; position: relative;border-radius: 100vh;overflow: hidden;height: 160px !important;width: 160px !important; display: block; position: absolute;animation-duration:20s; animation-iteration-count:infinite; animation-timing-function:linear;} .page-template-template-roles .bubbles img.wp-image-4026 { margin-top: 19px; left:80px; animation-name:movingleft1;} .page-template-template-roles .bubbles img.wp-image-4027 { margin-top: 177px; left:170px; animation-name:movingleft2;} .page-template-template-roles .bubbles img.wp-image-4030 { margin-top: 37px; left:280px; animation-name:movingleft3;} .page-template-template-roles .bubbles img.wp-image-4029 { margin-top: 213px; left:380px; animation-name:movingleft4;} .page-template-template-roles .bubbles img.wp-image-4025 { margin-top: 21px; left:480px; animation-name:movingleft5;} .page-template-template-roles .bubbles img.wp-image-4024 { margin-top: 153px; left:620px; animation-name:movingleft6;} .page-template-template-roles .bubbles img.wp-image-4028 { margin-top: 10px; left:790px; animation-name:movingleft7;} } @keyframes movingleft1 { 0% {left:80px;} 28% {left:-200px;} 28.0001% {left:800px;} 100% {left:80px;} } @keyframes movingleft2 { 0% {left:170px;} 42.727% {left:-300px;} 42.7271% {left:800px;} 100% {left:170px;} } @keyframes movingleft3 { 0% {left:280px;} 48% {left:-200px;} 48.0001% {left:800px;} 100% {left:280px;} } @keyframes movingleft4 { 0% {left:380px;} 65% {left:-400px;} 65.0001% {left:800px;} 100% {left:380px;} } @keyframes movingleft5 { 0% {left:480px;} 75.556% {left:-200px;} 75.5561% {left:700px;} 100% {left:480px;} } @keyframes movingleft6 { 0% {left:620px;} 73.831% {left:-170px;} 73.8311% {left:900px;} 100% {left:620px;} } @keyframes movingleft7 { 0% {left:790px;} 99% {left:-200px;} 99.0001% {left:700px;} 100% {left:790px;} } .page-template-template-roles a.button-link.plum { z-index:999; position: relative;} .page-template-template-roles #main-panel-1 {box-shadow: 0 -140px 100px #fffcfa;} .page-template-template-roles h4.tangerine {color:#FF793F;} ul.connection { margin:0; list-style: none; padding: 0;} ul.connection li { padding-left:48px; margin: 0 0 30px 0; position: relative;} ul.connection li::before { position:absolute; left:0; top:0; width:32px; height:32px; background-size:contain; background-repeat: no-repeat; background-position: center center; content:'';} ul.connection li.community::before { background-image:url(/wp-content/uploads/2024/07/Group-290477.png);} ul.connection li.health::before { background-image:url(/wp-content/uploads/2024/07/Health-Systems.svg);} ul.connection li.and::before { background-image:url(/wp-content/uploads/2024/07/DocRheum.svg);} ul.connection li h4 { margin-left:0 !important; font-weight: 500;} ul.connection li.community h4 {color:#BC53A0;} ul.connection li.health h4 {color:#006c8c;} ul.connection li.and h4 {color:var(--tangerine);} ul.connection li p:first-of-type { margin-top:0;} ul.lavendar-diamonds { margin-top: 10px;} ul.lavendar-diamonds li { position:relative; margin-bottom: 12px;} ul.lavendar-diamonds li::before { background-image:url('/wp-content/uploads/2024/07/diamond-lavendar.svg'); background-size:contain; transform: none; top:3px;} .single-chc_partner .mejs-controls, .page-template-template-roles .mejs-controls, .video-tangerine .mejs-controls {display: none;} .single-chc_partner .mejs-overlay-button, .page-template-template-roles .mejs-overlay-button, .video-tangerine .mejs-overlay-button {background-position: center !important; transform: scale(100%); background:url(/wp-content/uploads/2024/07/Group-290474.svg) no-repeat; background-size:contain; width:120px; height:120px; transition: .25s all ease-in-out; } .single-chc_partner .mejs-overlay-button, .video-tangerine .mejs-overlay-button {bottom: 24px;position: absolute;right: 24px;} .single-chc_partner .mejs-video, .video-tangerine .mejs-video {filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.08));} @media (max-width:767px){ .single-chc_partner .mejs-overlay-button, .page-template-template-roles .mejs-overlay-button, .video-tangerine .mejs-overlay-button { width:80px; height:80px;} } .single-chc_partner .mejs-overlay:hover > .mejs-overlay-button, .page-template-template-roles .mejs-overlay:hover > .mejs-overlay-button, .video-tangerine .mejs-overlay:hover > .mejs-overlay-button { background-position: center !important; transform:scale(110%); transition: .25s all ease-in-out; } .video-locker h5 { margin:20px 0 0; line-height: 1.5em;} ul.hearts { display:flex; flex-wrap: wrap; gap:24px; list-style: none; margin-top:50px; margin-bottom:50px; } ul.hearts li { padding:0 0 0 40px; margin: 0; width:calc(50% - 12px); position: relative;} @media (max-width:767px){ ul.hearts { margin-left:0; margin-bottom:24px; } ul.hearts li { width:100%;} } ul.hearts li::before{ background:url(/wp-content/uploads/2024/07/heart-pink-1-1.png); content: ''; top:6px; left: 0; width:26px; height:23px; position: absolute; background-size: contain; background-repeat:no-repeat;} ul.hearts li h4 { margin:0 !important; } ul.hearts li p { margin:0; } .video-locker-intro .flex-panel-inner { position:absolute; top:0; left:0; width:100%; height: 100%; max-width:552.95px; } .video-locker-intro .flex-panel-inner.active { position:fixed; margin-top: 32px; left:calc(50% - 36em);} @media (max-width:1200px){ .video-locker-intro .flex-panel-inner {} .video-locker-intro .flex-panel-inner.active {left:24px; max-width:calc(50% - 48px);} } @media (max-width:767px){ .video-locker-intro .flex-panel-inner { position: relative;} } .video-slide-inner { transform-origin:top left;} h2.role-h2 { padding:150px 0 50px;} @media (max-width:1023px){ h2.role-h2 { padding:75px 0 37px;} } .roles-list-outer { padding-bottom:100px;} @media (max-width:1023px){ .roles-list-outer { padding-bottom:50px;} } .manualrotation.careerrotation { margin-top: 0px; width:calc(100% + 48px); margin-left:-24px;} .manualrotation.careerrotation .slick-list { margin-top: 0px;} .career-slide { width:calc(100% + 10px); margin-left:-5px;} .career-slide .swiper-slide { display: block; background:#fffcfa; box-shadow:none !important; } .career-slide .swiper-slide:not(.swiper-slide-active) h5, .career-slide .swiper-slide:not(.swiper-slide-active) p { opacity:0 !important; transition: .25s all ease-in-out;} .career-slide .swiper-slide.swiper-slide-active h5, .career-slide .swiper-slide.swiper-slide-active p { opacity:1 !important; transition: .25s all ease-in-out;} @media (max-width:767px){ .mobile-small-gap .cell_7, .mobile-small-gap .cell_6:first-child { padding-top:0; } .mobile-small-gap .cell_7 .flex-panel-inner, .mobile-small-gap .cell_6:first-child .flex-panel-inner { margin-top:0;} .mobile-small-gap .cell_5 .flex-panel-inner p, .mobile-small-gap .cell_6:last-child .flex-panel-inner p { margin-bottom:7px;} .mobile-small-gap .cell_6:last-child { padding-bottom:0;} .mobile-small-gap .cell_7 h4, .mobile-small-gap .cell_6:first-child h4 { margin-top:0; } .video-locker .swiper-slide { padding-bottom: 0;} .page-template-template-roles .video-locker .video-slide-inner h4 { margin-top: 0 !important;} .video-locker-intro, .video-locker-intro .flex-panel-inner { margin-top:0 !important; padding-top:0 !important;} ul.connection { margin-top: 24px;} .page-panel.video-locker.mobile-reverse {padding-bottom: 70px !important;} } .swiper-notification { display: none; } #gallery_grid .item img { postion:absolute; width:100%; height: 100%; object-fit: contain; top:0; left: 0;} #gallery_grid .item { position: relative; width: 100%; height: 100%; padding-bottom:0%; } #gallery_grid { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-column-gap:70px; grid-row-gap:30px; border-radius: 0 ; overflow: hidden; } #gallery_grid_manual { display: flex; flex-wrap: wrap; column-gap:24px; align-items: center; justify-content: flex-start; } #gallery_grid_manual figure { width:calc(33% - 16px); margin-bottom:30px; background:var(--lightestgrey); border-radius:12px; padding:10px 15px; min-height:83px; display:flex; align-items: center; justify-content: center;} #gallery_grid_manual figure.item-wide { width:calc(50% - 36px); } /*-------------------------------------------------------------------------------------------*/ /*---------------------------- ----------------------------*/ /*---------------------------- still-pane gallery values ----------------------------*/ /*---------------------------- ----------------------------*/ /*-------------------------------------------------------------------------------------------*/ .gallery-pane.fader.opaque img {max-height:calc(100vh - 180px);} .gallery-pane { width:62vh;} .gallery-lock-item { height: 80vh;} .gallery-lock-item:first-child {height: 40vh;padding-top: 40vh;} .gallery-lock-item:first-child .gallery-lock-item-inner { opacity: 1} .gallery-lock-item-inner { display:flex; justify-content:center; gap:24px; align-items: center; margin:0; position: relative; height:calc(100vh - 180px); transition:.75s opacity ease-in-out; opacity:0;} .gallery-lock-item:last-child { height:160vh; padding-bottom:80vh;} .gallery-container.on .gallery-lock-item .gallery-lock-item-inner { position: fixed; top: 120px; left: calc(50% - 546px); width:calc(100% - 54px); max-width: 1146px; height: calc(100vh - 180px); z-index: 1; background:var(--darkplum); } .gallery-lock-item .gallery-lock-item-inner.active, .gallery-container.on .gallery-lock-item .gallery-lock-item-inner.active { opacity: 1; transition:.75s opacity ease-in-out; width:100%; } .gallery-container.locked .gallery-lock-item-inner { position: absolute !important; top: unset !important; bottom: 30px !important; left: 0 !important; } .gallery-category a.rel.relneg { top: 90px;} .partner_logo { position: relative; color: var(--tangerine-medium); margin-left: 26px; padding-left: 26px; font-size: 18px; font-weight: 500;} .partner_logo::before { content:'+'; color:var(--tangerine-medium); position: absolute; left:-7px; top:calc(50% - 10px)} .partner_logo img { max-width: 265px;} .single-chc_partner .py-6 {padding-top: .5rem;padding-bottom: .5rem;} .single-chc_partner .py-6 nav { height: 3.5rem;} .single-chc_partner .py-6 nav .partner_logo { max-height: 100%; height: 100%; position: relative; display: flex; align-items: center;} .single-chc_partner .py-6 nav .partner_logo img { max-height: 100%; width: auto;} @media (max-width:767px){ .single-chc_partner .py-6 nav { max-height: 50px;} } .single-chc_partner #main-panel-1.basic {margin-top: 40px;margin-bottom:75px;} .arrow-caption { position:relative; margin: -5px 0px 0 -20px;} .arrow-caption h4::before { position:absolute; content:''; background:url(/wp-content/uploads/2024/10/curve-arrow-1.svg) no-repeat; background-size:69px 100px; width: 69px; height: 0; left: -30px; bottom: 22px; background-position: bottom left; transition:2s height .5s cubic-bezier(0,1.52,0,.3)} .arrow-caption h4::after { position:absolute; content:''; background:url(/wp-content/uploads/2024/10/curve-arrow-2.svg) no-repeat; background-size:69px 100px; width: 0; height: 100px; right: calc(100% - 39px); bottom: 22px;background-position: bottom right; transition:.5s width 0s ease-in-out;} .arrow-caption.active h4::before { width:69px; height:100px; transition:2s height .5s cubic-bezier(0,.3,0,1.52);} .arrow-caption.active h4::after { width:69px; height:100px; transition:1s width 1s ease-in-out;} .arrow-caption h4 { color:var(--tangerine); margin-left:0 !important; position: relative;} .arrow-caption p:first-of-type { margin-top:0px;} .arrow-caption p:last-of-type { margin-bottom:10px;} .arrow-caption em { display:block; width:100%;} .arrow-caption-right {} .arrow-caption-right h4 { font-size:20px; line-height: 1.5em;} @media (max-width:767px){ .arrow-caption-right h4 { font-size:18px;} } .arrow-caption-right h4::before { background-image:url(/wp-content/uploads/2024/10/arrowcurve-2.svg); left:calc(100% - 20px); bottom: unset; top: calc(100% - 49px); background-position: top left;} .arrow-caption-right h4::after { background-image:url(/wp-content/uploads/2024/10/arrowcurve-1.svg); right:-49px; bottom: -55px;} .single-chc_partner .bg-mid-blue{ background:#0082BE;} .indiana-jones { position:relative; padding-left:24px; padding-bottom:150px;} .indiana-jones.first { padding-bottom:57px;} .indiana-jones::before { width:26px; height:26px; background: #ffffff; border-radius: 100vh; position: absolute; content:''; top:7px; left:-13px; opacity:0; transtion:.25s opacity ease-in-out; border:5px solid var(--plum); z-index: 3;} .indiana-jones.opaque::before { transition:.25s opacity .25s ease-in-out; opacity:1;} .indiana-jones::after { width:2px; max-height:0%; height: 100%; position: absolute; content:''; background:url(/wp-content/uploads/2024/10/dash.png) repeat-y; left:-1px; top:36px; transition:.05s max-height 0s ease-in-out;} .indiana-jones.opaque::after { transition:.5s max-height .5s ease-in-out; max-height:calc(100% - 16px);} .bg-yellow-light .indiana-jones::before {border-color:#fffcfa; background-color:var(--plum);} .bg-yellow-light .indiana-jones::after {background-image:url(/wp-content/uploads/2024/10/plum-dash.png);} .caddycorner { border-radius:0 20px; padding: 20px; margin-bottom:76px;} .caddycorner.left { border-radius:20px 0;} .caddycorner:last-child { margin-bottom: 0;} .caddycorner p { color:var(--plum) !important; margin: 4px 0;} .caddycorner p.strong { font-weight: 700; display: flex;} .caddycorner p.strong img { width:32px; height: 32px; margin: 0 12px 0 0;} .caddycorner ul.diamonds { margin:7px 0;} .caddycorner ul.diamonds li { color:var(--plum) !important; margin:3px 0;} .caddycorner ul.diamonds li::before { background-image: url(/wp-content/uploads/2023/05/diamond.svg); transform: none; background-size: contain; top: 4px;} .indiana-jones-outer .flexPanel > div:first-child .flex-panel-inner { position:relative;} .indiana-jones-outer .flexPanel > div:first-child .flex-panel-inner::after { content: '';} .indiana-jones-outer .flex-panel-inner::after { position: absolute; top:-150px; height:150px; max-height: 0%;background:url(/wp-content/uploads/2024/10/plum-dash.png) repeat-y; width:2px; left:-1px;transition:.5s max-height .5s ease-in-out;} .bg-plum .indiana-jones-outer .flexPanel > div:first-child .flex-panel-inner::after { background-image:url(/wp-content/uploads/2024/10/dash.png);} .indiana-jones-outer.opaque .flex-panel-inner::after { transition:.5s max-height .5s ease-in-out; max-height:150px;} .indiana-jones-outer .flexPanel .shift-up .flex-panel-inner img { margin-top:-150px;} .centered-feature h2 { text-align: center; justify-content: center;} .centered-feature h3 { text-align: center; justify-content: center; line-height: 1.25em;} .centered-feature h5 { text-align: center; justify-content: center; margin-bottom:10px;} .centered-feature .stats { padding:24px; margin-top: 38px;} .centered-feature .stats h4:first-of-type { margin:0;} .centered-feature .stats h4.down-arrow { margin:4px 0 0; padding-left:32px; position: relative; line-height: 1em;} .centered-feature .stats h4.down-arrow::before {background-image: url("/wp-content/uploads/2024/01/Arrow-Plum.svg");content: '';width: 26px;left: -7px;top: 4px;height: 32px;background-size: contain;background-repeat: no-repeat;position: absolute;} .centered-feature .stat {font-weight: 600;font-size: 42px;} .centered-feature .legal {font-size: 12px;margin-left: 32px;margin-top: 16px;} .single-chc_partner ul.greencheck { padding-left:0;} .single-chc_partner ul.greencheck li { margin-bottom:0;} .single-chc_partner ul.greencheck li::before { top: 3px;} .present ul.greencheck { padding-left:0; margin: 12px 20px 0 0;} .present ul.greencheck li { margin-bottom:0;} .present ul.greencheck li::before { top: 3px;} .single-chc_partner .flex-panel-inner .border-plum p { margin:24px 24px 0;} .single-chc_partner .flex-panel-inner .border-plum h4 { margin: 24px;line-height: 1.25em;} .single-chc_partner .flex-panel-inner .border-plum { border-width:2px; padding-bottom: 24px;} .single-chc_partner .flex-panel-inner .border-plum:first-child { border-bottom-width: 0px;} .single-chc_partner .flex-panel-inner .border-plum:last-child { border-bottom-width: 2px; padding-bottom:0;} .single-chc_partner .flex-panel-inner ul.circlelist { list-style: circle; display: flex; flex-wrap: wrap; margin-left: 24px;} .single-chc_partner .flex-panel-inner ul.circlelist li { width:50%;line-height: 1.5em; } .single-chc_partner .faq-boxes .flex.flexPanel {padding: 0 30px;} .flex-panel-inner .mustard-panel ul.circlelist { list-style: circle; display: flex; flex-wrap: wrap; margin-left: 24px;} .flex-panel-inner .mustard-panel ul.circlelist li { width:50%;line-height: 1.5em; } .faq-boxes.faq-30 .flex.flexPanel {padding: 0 30px;} h4.icon-h4 { position:relative; margin-left: 0 !important; padding-left: 50px;} h4.icon-h4 img { position:absolute; top:0; left:0;} @media (max-width:767px){ .navLogo {width: 100%;} .single-chc_partner #main-panel-1 .cell_5 img { max-width:calc(100% - 48px); margin: 0 auto;} .arrow-caption {position: relative;margin: 0;} .arrow-caption h4::before { left: -15px;bottom: 29px;} .arrow-caption h4::after { right:calc(100% - 54px);bottom: 29px;} .arrow-caption-right h4::before { left:calc(100% - 20px); bottom: unset; top: calc(100% - 37px); background-position: top left; width:0; height:0; background-size:48px 69px !important;} .arrow-caption-right h4::after { right:-28px; bottom: -35px; width:0; height:0; background-size:48px 69px !important;} .arrow-caption-right.active h4::before { width: 45px; height: 77px; } .arrow-caption-right.active h4::before { width: 45px; height: 77px; } .single-chc_partner #main-panel-1.basic {margin-bottom: 32px;} .partner_logo { margin-left: 16px;padding-left: 16px;font-size: 14px; width: calc(100% - 138px);} .partner_logo::before {top: calc(50% - 7px); left:-4px;} .partner_logo img { width:100%; max-width:265px;} .single-chc_partner .bg-mid-blue h5 { padding-left:24px; padding-right:24px;} .indiana-jones {padding:75px 0 0 !important;} .indiana-jones::before { top: 37px; left: calc(50% - 13px);} .indiana-jones::after { left: calc(50% - 1px); top: -6px; } .indiana-jones.opaque::before { transition:.5s opacity .5s ease-in-out;} .indiana-jones.opaque::after { transition: .25s max-height .25s ease-in-out; max-height: 48px; } .page-panel.no-bottom-desktop.indiana-jones-mobile::after { width:2px; max-height:0%; height: 100%; position: absolute; content:''; background:url(/wp-content/uploads/2024/10/dash.png) repeat-y; left:calc(50% - 1px); top:calc(100% - 75px); transition:.05s max-height 0s ease-in-out;} .bg-yellow-light .page-panel.no-bottom-desktop.indiana-jones-mobile::after { background-image:url(/wp-content/uploads/2024/10/plum-dash.png); } .page-panel.no-bottom-desktop.indiana-jones-mobile.opaque::after { transition:.5s max-height .5s ease-in-out; max-height:75px;} .indiana-jones-outer .flex-panel-inner::after {display:none;} .indiana-jones-outer .flex-panel-inner .indiana-jones { padding-top:0 !important;} .indiana-jones-outer .flex-panel-inner .indiana-jones::before { top: -38px;} .indiana-jones-outer .flex-panel-inner .indiana-jones::after { top:-102px;} .indiana-jones-outer .flex-panel-inner .indiana-jones.opaque::after {transition: .25s max-height .25s ease-in-out;max-height: 69px;} .indiana-jones-outer .flexPanel .shift-up .flex-panel-inner img {margin-top: 0;margin-bottom: 100px;} .centered-feature h3 { text-align: left; justify-content: flex-start; line-height: 1.25em;} .centered-feature h5 { text-align: left; justify-content: flex-start; margin-bottom:10px;} a.button-link.left {margin-left: 0;} .single-chc_partner ul.greencheck {padding-left: 24px;} .single-chc_partner ul.greencheck li::before {top: 0px;width: 22px; height: 22px;} .single-chc_partner ul.greencheck li { padding-left: 36px;} .single-chc_partner .flex-panel-inner ul.circlelist li {width: 100%;} .present ul.greencheck {padding-left: 0;} .present ul.greencheck li::before {top: 0px;width: 22px; height: 22px;} .present ul.greencheck li { padding-left: 36px; margin: 3px 0;} .mustard-panel ul.circlelist li {width: 100%;} .mainnavlogo {width: 80%;max-width: 300px;} .mainer-navver {width: 20%;} } .myvimeo_container_outer { max-width:800px; margin: 0 auto; position: relative; width:90%; } .myvimeo_container { position:relative; width:100%; margin:30px auto; position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; z-index: 44;} .myvimeo_container iframe, .myvimeo_container object, .myvimeo_container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .vimeo_button_1 { background:url(/wp-content/uploads/2024/10/Myles-Supplements-Demo-Cover-1.jpg); no-repeat; background-size:cover; width:100%; height: 0; padding-bottom:56.25%; position: absolute;top: 0;left: 0; background-position: center center;text-indent: -9999px; overflow: hidden; } .fadeout { opacity:0; visibility: hidden; transition:.25s opacity ease-in-out, 0s visibility .26s;} .vimeo_button_1::before { content:''; position: absolute; bottom:calc(50% - 60px); right:calc(50% - 60px); background-position: center !important; transform: scale(100%); background: url(/wp-content/uploads/2024/07/Group-290474.svg) no-repeat; background-size: contain; width: 120px; height: 120px; transition: .25s all ease-in-out; } .vimeo_button_1:hover::before { transform:scale(104%); transition: .25s all ease-in-out;} @media (max-width:767px){ .myvimeo_container_outer { width:100%; } .vimeo_button_1::before { width:50px; height: 50px; bottom:calc(50% - 25px); right:calc(50% - 25px);} } .colorbubbles { width:50%; height:0px; position:absolute; bottom:0; left:50%; transform:translateX(-50%); padding-bottom:28.25%; transition:.75s all ease-in-out !important;} .colorbubbles.opaque {width: 100%;padding-bottom: 38.25%;transition: 1s width ease-in-out, 1s padding cubic-bezier(.3,-0.01,0,.87) !important;} .colorbubbles div { width:33px; height:33px; border-radius:100vh; position: absolute; top:49.5%; left:49.5%; transition:1s top ease-in-out, 1s left ease-in-out;} @media (max-width:1250px){ .colorbubbles.opaque {padding-bottom:44%; width:104%;} } @media (max-width:767px){ .colorbubbles div { width:17px; height:17px;} .colorbubbles.opaque {padding-bottom:56.25%; width:calc(100% + 48px); margin-bottom: 42px;} } .colorbubbles div:nth-child(5n-4) {background-color:var(--pink);} .colorbubbles div:nth-child(5n-3) {background-color:var(--tangerine-medium);} .colorbubbles div:nth-child(5n-2) {background-color:var(--yellow-light);} .colorbubbles div:nth-child(5n-1) {background-color:var(--skyblue);} .colorbubbles div:nth-child(5n) {background-color:transparent; border:2px solid var(--plum);} .colorbubbles.opaque div { transition:1s top ease-in-out, 1s left ease-in-out;} .colorbubbles.opaque div.bubble1 { top:-12%; left:7%;} .colorbubbles.opaque div.bubble2 { top:-12%; left:16%;} .colorbubbles.opaque div.bubble3 { top:2%; left:14%;} .colorbubbles.opaque div.bubble4 { top:45%; left:95%;} .colorbubbles.opaque div.bubble5 { top:-35%; left:11%;} .colorbubbles.opaque div.bubble6 { top:45%; left:82%;} .colorbubbles.opaque div.bubble7 { top:79%; left:84%;} .colorbubbles.opaque div.bubble8 { top:50%; left:100%;} .colorbubbles.opaque div.bubble9 { top:0%; left:0%;} .colorbubbles.opaque div.bubble10 { top:18%; left:12%;} .colorbubbles.opaque div.bubble11 { top:28%; left:24%;} .colorbubbles.opaque div.bubble12 { top:35%; left:61%;} .colorbubbles.opaque div.bubble13 { top:44%; left:70%;} .colorbubbles.opaque div.bubble14 { top:62%; left:62%;} .colorbubbles.opaque div.bubble15 { top:25%; left:86%;} .colorbubbles.opaque div.bubble16 { top:65%; left:44%;} .colorbubbles.opaque div.bubble17 { top:58%; left:38%;} .colorbubbles.opaque div.bubble18 { top:71%; left:27%;} .colorbubbles.opaque div.bubble19 { top:52%; left:46%;} .colorbubbles.opaque div.bubble20 { top:60%; left:82.5%;} @media (max-width:767px){ .colorbubbles.opaque div.bubble1 { top:-19%; left:9%;} .colorbubbles.opaque div.bubble2 { top:-3%; left:6%;} .colorbubbles.opaque div.bubble3 { top:-6%; left:-1%;} .colorbubbles.opaque div.bubble4 { top:136%; left:91%;} .colorbubbles.opaque div.bubble5 { top:-10%; left:26%;} .colorbubbles.opaque div.bubble6 { top:142%; left:88%;} .colorbubbles.opaque div.bubble7 { top:114%; left:68%;} .colorbubbles.opaque div.bubble8 { top:166%; left:86%;} .colorbubbles.opaque div.bubble9 { top:20%; left:-2%;} .colorbubbles.opaque div.bubble10 { top:18%; left:12%;} .colorbubbles.opaque div.bubble11 { top:28%; left:24%;} .colorbubbles.opaque div.bubble12 { top:35%; left:81%;} .colorbubbles.opaque div.bubble13 { top:44%; left:70%;} .colorbubbles.opaque div.bubble14 { top:62%; left:62%;} .colorbubbles.opaque div.bubble15 { top:135%; left:98%;} .colorbubbles.opaque div.bubble16 { top:103%; left:44%;} .colorbubbles.opaque div.bubble17 { top:58%; left:38%;} .colorbubbles.opaque div.bubble18 { top:71%; left:27%;} .colorbubbles.opaque div.bubble19 { top:52%; left:46%;} .colorbubbles.opaque div.bubble20 { top:127%; left:82.5%;} } .waves { z-index: 100;} .waves::before { content:''; top:-15px; background-image:url(/wp-content/uploads/2024/10/waves-desktop-1.png); background-repeat: repeat-x; height: 15px; width:100%; position: absolute; left:0;} .waves::after { content:''; bottom:-14px; background-image:url(/wp-content/uploads/2024/10/waves-desktop-2.png); background-repeat: repeat-x; height: 14px; width:100%; position: absolute; left:0;} .fishoil { border:1px solid #FFBD5B; background:#ffdead; display:flex; padding:12px; } .fishoil-inner { padding-left:16px;} .fishoil h4 { color:#4d4d4d; margin: 0 !important; padding: 0;} .fishoil p { font-size:18px; margin: 0;} a.sixteen {font-weight: 600;font-size: 16px;} .flex-panel-inner ul.map-points { margin-left:0; list-style: none; padding-left: 0;} .flex-panel-inner ul.map-points li { margin-left:0; padding-left:48px; position: relative;} .flex-panel-inner ul.map-points li::before { content:''; position:absolute; top:0; left:0; background:url(/wp-content/uploads/2024/10/map-point.svg) no-repeat; background-size:contain; width:32px; height:32px;} .flex-panel-inner ul.map-points li h4 { margin:8px 0;} .flex-panel-inner ul.map-points li h4 a { margin-left:0; transition:.25s all ease-in-out; border-bottom: 1px solid var(--plum);} .flex-panel-inner ul.map-points li h4 a:hover { color:var(--tangerine); transition:.25s all ease-in-out; border-bottom: 1px solid var(--tangerine);} @media (max-width:1023px){ .flex-mobile .cards { margin-left:0px; height:unset; gap: 24px;} } @media (max-width:767px){ .flex-mobile .cards {margin-right: 0px !important;width: 100%;max-width: 100%;} .flex-mobile .cards .card {padding:15px 24px !important; margin: 0 !important;} .flex-mobile .cards p {margin: 10px 0 !important;font-size: 18px !important;} .flex-mobile .cards p.legal { font-size: 14px !important;} .flex-mobile .cards p.plum {font-size:15px !important} } .bg_image_assigned .mx-auto { margin-left: auto !important; margin-right: auto !important;} .bedazzled { position:relative;} .bedazzled::before, .bedazzled::after { background:url('/wp-content/uploads/2024/11/four-point-star-white.svg'); content: ''; position: absolute; background-size:contain; background-repeat:no-repeat;} .bedazzled::before { top:-14px; left:-60px; width:41px; height:41px; transition:.25s all ease-in-out; transform:scale(50%); opacity:0;} .bedazzled::after { top:-37px; left:-20px; width:24px; height:24px; transition:.25s all ease-in-out; transform:scale(50%); opacity:0;} .bedazzled.opaque::before { transition:.25s all .5s cubic-bezier(.46,1.52,.76,1.81) !important; transform:scale(100%); opacity:1;} .bedazzled.opaque::after { transition:.25s all 1s cubic-bezier(.46,1.52,.76,1.81) !important; transform:scale(100%); opacity:1;} .plum-fade-left::before { content: ''; width:60%; height:100%; position: absolute; left:0; top:0; background: linear-gradient(270deg, rgba(84, 5, 62, 0) 0%, #54053E 62.5%); z-index: 1} .basic.plum-fade-left::after { width:77.5%; height:100%; position:absolute; right:0; top:0; background-size:cover; content:''; z-index: 0; background-position: left top;} .gifttag img.fader {margin: 0px auto 0; } .gifttag img.fader.opaque {margin: -180px auto 0; opacity:1; transition: 0s opacity ease-in-out, .5s margin 0s ease-in-out !important;} .snowflakes em {font-style: normal;font-weight: 600;color: var(--white);display: inline-block;background: var(--tangerine);padding-left: 6px;padding-right: 6px;line-height: 1.4;} .snowflake-field { position:relative; width:100%; height:200px; margin-top:-140px !important; z-index: -1;} .snowflake-field img { position:absolute; transition:.25s opacity ease-in-out !important;} .snowflake-field img.fader { position:absolute; transition:.25s opacity ease-in-out !important;} .snowflake-field img.fader.opaque { transition:.25s opacity ease-in-out !important;} .star-1 { right:0; top:20%;} .star-3 { left:5%; top:0%;} .star-2 { left:12%; top:50%;} .snowflake-1 { right:10%; top:50%; max-width:189px; max-height:189px;} .snowflake-2 { left:23%; top:5%; max-width:138px; max-height:138px;} .snowflake-1 {animation:rotation 90s infinite linear;} .snowflake-2 {animation-duration:97s; animation-iteration-count:infinite; animation-name:clockwiseSpin; animation-timing-function:linear;} .star-1 {animation:rotation 56s infinite linear;} .star-2 {animation-duration:53s; animation-iteration-count:infinite; animation-name:clockwiseSpin; animation-timing-function:linear;} .star-3 {animation:rotation 60s infinite linear;} .present { position:relative;} .present-bow { position:absolute; top:0px; background: url(/wp-content/uploads/2024/11/bow.svg) no-repeat; background-size:contain; height:156px; width:100%; background-position: center top; transition: .5s top ease-in-out;opacity:1 !important; } .present-bow.fader.opaque { top:-120px; transition: .5s top ease-in-out;opacity:1 !important; } .present-top { position:absolute; top:0px; left:-12px; height:65px; width:calc(100% + 24px); border:2px solid var(--plum); background:var(--white); z-index: 2;} .present-wrapper {width: 100%;position: relative;padding: 79px 24px 0px;border: 2px solid var(--plum); background:var(--white); top: 0;} .present-wrapper p { margin-top:12px;} .mustard-panel {position: relative;display: block;background: #ffdead;padding: 2px;margin: 30px 0 0; border:2px solid var(--plum);} .left-icon { position:relative;} .left-icon .flex-title-image { margin:0; max-height:60px !important;} .left-icon h4 { margin-left:0 !important;} .left-icon::after {height: 2px;max-width: 0%;width: 300%;position: absolute;content: '';background: url(/wp-content/uploads/2024/11/dash-horiz.png) repeat-x;left: 70px;top: 54px;transition: .25s max-width 0s ease-in-out !important;z-index: -1;} .left-icon.opaque::after {transition: .25s max-width 0s ease-in-out !important;max-width: calc(100% - 40px);} .left-icon.faderdelay4.opaque::after {transition: .5s max-width 0s ease-in-out !important;max-width: calc(300% - 40px);} .tangerine-tabs { width:100%; left:-100px; position: relative;} .tangerine-tab { border-radius:0 32px; background:var(--tangerine); padding:16px 20px; color:var(--white); font-size:20px; line-height:28px; width:auto; display:inline-block; margin:8px 0; position: relative;} .tangerine-tab:nth-child(2n-2) { margin-left:75px;} .tangerine-tab strong { font-weight:600; display:block;} .tangerine-tab:last-child::before { content: ''; position: absolute; bottom: 50%; right: -91px; background:url(/wp-content/uploads/2023/05/diamond.svg) no-repeat; background-size: contain; width:37px; height:37px; transition:.25s all ease-in-out; transform:scale(50%); opacity:0;} .tangerine-tab:last-child::after { content: ''; position: absolute; bottom:32%; right:-49px; background:url(/wp-content/uploads/2023/05/diamond.svg) no-repeat; background-size: contain; width:18px; height:18px; transition:.25s all ease-in-out; transform:scale(50%); opacity:0;} .tangerine-tab:last-child.opaque::before { transition:.25s all .5s cubic-bezier(.46,1.52,.76,1.81) !important; transform:scale(100%); opacity:1;} .tangerine-tab:last-child.opaque::after { transition:.25s all 1s cubic-bezier(.46,1.52,.76,1.81) !important; transform:scale(100%); opacity:1;} @media (min-width:768px){ .no-left { padding-left:0 !important; margin-left:0 !important;} } .video-tangerine .legal {font-size: 12px;margin-left: 24px;margin-top: 16px; padding-bottom: 24px;} .cell_6.video-tangerine .flex-panel-inner {max-width:500px;} .powder-blue-stars { padding:30px 36px; display: flex; gap:24px; align-items: flex-end; margin-top:100px; position:relative;} .powder-blue-stars::before { content: ''; position: absolute; top: 40px; right: 51px; background:url(/wp-content/uploads/2024/11/four-point-star-white.svg) no-repeat; background-size: contain; width:37px; height:37px; transition:.25s all ease-in-out; transform:scale(50%); opacity:0;} .powder-blue-stars::after { content: ''; position: absolute; top:73px; right:93px; background:url(/wp-content/uploads/2024/11/four-point-star-white.svg) no-repeat; background-size: contain; width:18px; height:18px; transition:.25s all ease-in-out; transform:scale(50%); opacity:0;} .powder-blue-stars.opaque::before { transition:.25s all .5s cubic-bezier(.46,1.52,.76,1.81) !important; transform:scale(100%); opacity:1;} .powder-blue-stars.opaque::after { transition:.25s all 1s cubic-bezier(.46,1.52,.76,1.81) !important; transform:scale(100%); opacity:1;} .powder-blue-left { width:66.667%; } .powder-blue-left p:last-child { margin-bottom:0; } .powder-blue-right { width:33.333%; text-align: right; justify-content: flex-end;} .left-align-content .content-inner { width:584px; position: relative; display: flex;flex-wrap: wrap;height: 100%;align-items: center;align-content: center;} .snowflake-field-2 { position:absolute; width:100%; height:90%; z-index: 0;} .snowflake-field-2 .snowflake-1 { top:unset; left:unset; bottom:0; right:100px; position: absolute;} .snowflake-field-2 .star-2 { top:90px; left:-70px; position: absolute;} .snowflake-field-2 .star-3 { top:20px; left:0px; position: absolute;} @media (max-width:767px){ .plum-fade-left::before {width: 100%;height: 57%;background: linear-gradient(0deg, rgba(84, 5, 62, 0) 0%, #54053E 32.5%);} .gift2024 .removepadding { padding:0 !important;} .bedazzled { padding-right:50px;} .bedazzled::before {top: 3px;left: unset;width: 31px;height: 31px;right: 0;} .bedazzled::after {top: -12px;left: unset;width: 17px;height: 17px;right: 32px;} .gift2024 .flex-panel-inner p { text-align:left; padding:2px 0;} .gift2024 a.button-link.calendar-button { margin-left:0 !important;} .plum-fade-left { min-height: 80vh;} .basic.plum-fade-left::after {width: 100%;height: 60%;top: unset;bottom:0;} .gifttag img.fader {margin: 0px 0 0 -60px !important;max-width: 340px !important;} .gifttag img.fader.opaque {margin: 0px 0 0 -60px !important;max-width: 340px !important;} .snowflakes em {line-height: 1.24;} .snowflakes { padding-bottom:100px !important;} .snowflake-field { margin-top: -200px !important;z-index: -1;} .star-1 {right: -10px;top: -45%; height:31px; widht:31px;} .star-3 {left: -10%;top: -30%;width: 26px;height: 26px;} .star-2 {left: 0%;top: -10%;width: 52px;height: 52px;} .snowflake-1 { height:117px; width:117px;} .snowflake-2 { height:86px; width:86px;} .present {margin-top: 100px;} .present-top {height: 47px;} .present-bow.fader {height: 111px;} .present-bow.fader.opaque {top: -70px;} .present-wrapper { padding: 64px 17px 0px;} .present-wrapper h3 {font-size:22px; font-weight: 500;} .flex-panel-inner .mustard-panel ul.circlelist li {width: 100%;line-height: 1.5em;} .flexPanel .flex-panel-inner .mustard-panel h4 { margin: 24px 16px 0;} .flex-panel-inner .mustard-panel ul.circlelist { margin: 16px;} .left-icon .flex-title-image { margin:30px auto 0;} .left-icon.left-icon .flex-title-image { margin-left:0;} .left-icon::after {height: 50px;max-height: 0%;width: 2px;position: absolute;content: '';background: url(/wp-content/uploads/2024/10/dash.png) repeat-y;left: calc(50% - 1px);top: 0px;transition: .25s max-height 0s ease-in-out !important;z-index: -1;} .left-icon.opaque::after {transition: .25s max-height 0s ease-in-out !important;max-height: 47px;} .left-icon.opaque::after {transition: .25s max-height 0s ease-in-out !important;max-height: 47px;} .left-icon.faderdelay4.opaque::after {transition: .5s max-height 0s ease-in-out !important;max-width:50px;} .left-icon.fader .flex-title-image { opacity:0; transition:.25s opacity .3s ease-in-out;} .left-icon.opaque .flex-title-image { opacity:1; transition:.25s opacity .3s ease-in-out;} .left-icon.fader .flex-panel-inner { opacity:0; transition:.25s opacity .55s ease-in-out;} .left-icon.opaque .flex-panel-inner { opacity:1; transition:.25s opacity .55s ease-in-out;} .max-mobile-300 { max-width:300px; margin-left:auto; margin-right:auto;} .tangerine-tabs {width: calc(100% - 16px);left: 8px; margin-top: -60px;} .tangerine-tab { font-size:18px; line-height: 1.25em;} .tangerine-tab br { display:none;} .tangerine-tab:nth-child(2n-2) {margin-left: 0; max-width: 244px;display: block;} .tangerine-tab:last-child::before, .tangerine-tab:last-child::after, .tangerine-tab:last-child.opaque::before, .tangerine-tab:last-child.opaque::after { content:unset; display:none;} .tangerine-tab:first-child::before { content: ''; position: absolute; bottom: 0; right: -91px; background:url(/wp-content/uploads/2023/05/diamond.svg) no-repeat; background-size: contain; width:28px; height:28px; transition:.25s all ease-in-out; transform:scale(50%); opacity:0;} .tangerine-tab:first-child::after { content: ''; position: absolute; bottom:-10px; right:-59px; background:url(/wp-content/uploads/2023/05/diamond.svg) no-repeat; background-size: contain; width:15px; height:15px; transition:.25s all ease-in-out; transform:scale(50%); opacity:0;} .tangerine-tab:first-child.opaque::before { transition:.25s all .5s cubic-bezier(.46,1.52,.76,1.81) !important; transform:scale(100%); opacity:1;} .tangerine-tab:first-child.opaque::after { transition:.25s all 1s cubic-bezier(.46,1.52,.76,1.81) !important; transform:scale(100%); opacity:1;} .stat.mobilesmall {font-size: 31px;} .powder-blue-stars { flex-wrap: wrap; padding:16px;} .powder-blue-left { width:100%;margin-top:65px;} .powder-blue-stars::before {right: unset;left: 50px; top: 15px;} .powder-blue-stars::after {right: unset;left: 16px; top: 45px;} .powder-blue-right { width: 100%; text-align:left;} .powder-blue-right a.button-link{ margin-top:0; margin-left:0; width:75%;} .slider-panel-version-2 .dsp_slider .partner {grid-template-columns: 1fr 1.5fr;} .left-align-content.centermobile .content-inner * { text-align:center; margin-left:auto; margin-right:auto;} .left-align-content.centermobile .content-inner h2, .left-align-content.centermobile .content-inner h3, .left-align-content.centermobile .content-inner h4, .left-align-content.centermobile .content-inner p { position: relative; z-index: 2;} .left-align-content.centermobile .content-inner a.button-link { margin-top:0;} .snowflake-field-2 .star-3 { top: 20px; left: 60px; width: 24px; height: 24px;} .snowflake-field-2 .star-2 { top: 50px; left: -4px; position: absolute; width: 42px; height: 42px;} .snowflake-field-2 .snowflake-1 {left: unset;bottom: -48px; right: 40px;} .left-align-content .grid-item.grid2 {width: calc(100% - 32px) !important;margin-left: 16px;height: 0 !important;padding-bottom: 100%;} } @media (max-width:640px){ .slider-panel-version-2 .dsp_slider .partner {display: grid;grid-template-columns: 1fr;grid-template-rows: 550px 1fr;grid-column-gap: 0px;grid-row-gap: 0px;} .slider-panel-version-2 .dsp_slider .partner .dsp-image { grid-area: 1 / 1 / 2 / 2;} .slider-panel-version-2 .dsp_slider .partner .partner-slider-text { grid-area: 2 / 1 / 3 / 2; border-left: 1px solid var(--darksand); border-top:none;} .slider-panel-version-2 .dsp_slider .partner .dsp-image img {height: auto;object-fit: unset;top: -7%;} } @media (max-width:480px){ .slider-panel-version-2 .dsp_slider .partner {grid-template-rows: 450px 1fr;} } @media (max-width:480px){ .slider-panel-version-2 .dsp_slider .partner {grid-template-rows: 350px 1fr;} } .devices { font-size:18px; padding-left:50px; position: relative; font-weight: 600;} .devices::before{ content: ''; width: 32px; height: 32px; position: absolute; background:url(/wp-content/uploads/2024/10/Virtual.svg) center center no-repeat; background-size: contain; left:0; top:-3px;} @media (min-width:767px){ .grid1x2 .flexPanel { display: grid !important; grid-gap: 40px; grid-auto-flow:dense;grid-template-columns: repeat(7, 1fr);} .grid1x2 .flexPanel > div { width:100%;} .grid1x2 .flexPanel > div:nth-child(3n+1) { grid-area: span 2/span 4; /* take 2 row and 4 columns */} .grid1x2 .flexPanel > div:nth-child(3n+2) { grid-area: span 1/span 3; /* take 1 row and 3 columns */} .grid1x2 .flexPanel > div:nth-child(3n+3) { grid-area: span 1/span 3; /* take 1 row and 3 columns */} .grid1x2 .flexPanel > div blockquote { margin-top:0;} } @media (min-width:1024px){ .grid1x2 .flexPanel { display: grid !important; grid-gap: 40px; grid-auto-flow:dense;grid-template-columns: repeat(3, 1fr);} .grid1x2 .flexPanel > div:nth-child(3n+1) { grid-area: span 2/span 2; /* take 2 row and 2 columns */} .grid1x2 .flexPanel > div:nth-child(3n+2) { grid-area: span 1/span 1; /* take 1 row and 1 columns */} .grid1x2 .flexPanel > div:nth-child(3n+3) { grid-area: span 1/span 1; /* take 1 row and 1 columns */} } h1 span.litup { display: inline; -webkit-background-clip: text; -moz-background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; background-color: #f3ec78; background-image: linear-gradient(90deg, #df3ab1, #ff4d00); background-clip: text; text-fill-color: transparent; background-size: 100%; } @media (min-width:1024px){ .desktop-unslick {width: calc(100% - 48px) !important; max-width:1280px !important; margin:0 auto 30px !important; height: auto !important;max-height: 100000px !important; flex-wrap: wrap !important;} .page-panel.vertcenter .flex.flexGap24.desktop-unslick .patient_cards { height:auto !important;padding-bottom: 100px;padding-bottom: 250px;} .page-panel.vertcenter .flex.flexGap24.desktop-unslick .patient_cards .vid-panel.vid125 .pane { height: auto;padding-bottom: 125%;} .page-panel.vertcenter .flex.flexGap24.desktop-unslick .patient_cards .vid-panel.vid125 .pane img { object-fit: scale-down;} .page-panel.vertcenter .flex.flexGap24.desktop-unslick .patient_cards .vid-panel.vid125 {top: 0;position: relative;} .testimonial-panel .patient_cards .short-desc {font-weight: 600 !important;font-size: 18px !important;line-height: 24px !important;} } @media (min-width:1167px){ .page-panel.vertcenter .flex.flexGap24.desktop-unslick .patient_cards {padding-bottom: 200px;} .testimonial-panel .patient_cards .short-desc {font-weight: 600 !important;font-size: 20px !important;line-height: 28px !important;} } @media (min-width:1250px){ .page-panel.vertcenter .flex.flexGap24.desktop-unslick .patient_cards {padding-bottom: 160px;} } .capsule-grid .flex-panel-inner {display: grid;grid-template-columns: 1fr 2.75fr;grid-column-gap: 16px;grid-row-gap: 0px; padding:24px;} .capsule-grid .flex-panel-inner > h3 { grid-area: 1 / 1 / 3 / 2; } .capsule-grid .capsule { grid-area: 1 / 2 / 2 / 3; margin-bottom:16px;} .capsule-grid .capsule:last-child { grid-area: 2 / 2 / 3 / 3; margin-bottom: 0; } .capsule-grid .capsule { border-radius: 10px; background: var(--white); display: flex !important; padding: 24px; gap: 40px; align-content: center; align-items: flex-start; } .capsule-grid .capsule .capsule-image, .capsule-grid .capsule img { width:100%; max-width:180px; height: auto;} .capsule-grid .capsule > p { display:none;} .capsule-grid .capsule .capsule-inner *:last-child { margin-bottom: 0px;} .tangerine-capsule { padding: 10px 19px; border-radius: 10px; width: calc(100% + 32px); margin-left: -16px; } @media (max-width:990px){ .capsule-grid .flex-panel-inner {display: flex; flex-wrap: wrap;} .capsule-grid .flex-panel-inner > h3 { text-align:center; padding-bottom: 24px;} .capsule-grid .capsule .capsule-image, .capsule-grid .capsule img { width:100%; max-width:180px; height: auto;} .capsule-inner { width: calc(100% - 180px);} } @media (max-width:767px){ p.list-image { text-align:center; display:block !important;} p.list-image img { text-align:center; display:block; margin:0 auto 10px !important;} } @media (max-width:640px){ .capsule-grid .capsule { flex-wrap:wrap;} .capsule-grid .capsule .capsule-image { max-width:100%;} .capsule-grid .capsule img { max-width:75%; margin:0 auto;} .capsule-inner { width:100%;} } @media (max-width:481px){ .capsule-grid .border-plum h3 { width:100%;} .capsule-grid .border-plum { padding: 24px 6px;} .capsule-grid .border-plum .capsule { padding: 8px;} .capsule-grid .bg-tangerine-light.tangerine-capsule { padding: 14px !important; margin: 0 auto; width: 100%; text-align: center;} .capsule-grid .border-plum ul {margin: 0;} } p.list-image { display:flex; align-items: flex-start; } p.list-image img { width:49px; margin-right: 32px; height:auto;} .waves .myvimeo_container_outer {width: 100%;} .waves .arrow-caption.arrow-caption-right {max-width:230px;margin-left:0px;} .waves .arrow-caption.arrow-caption-right.title-espanol {max-width:250px; display:none;} .waves .arrow-caption-right h4 { margin-top: 0 !important;} .waves .arrow-caption h4::after { background-size: 47px 106px; bottom: -56px; right: -32px;} .waves .arrow-caption.active h4::after {width: 40px;} .waves .arrow-caption.active h4::before {width: 50px;} .waves .arrow-caption h4::before { background-size: 53px 95px;} .waves .arrow-caption h4::after { background-image: url(/wp-content/uploads/2025/01/curve-arrow-2.svg);} .waves .arrow-caption h4::before { background-image: url(/wp-content/uploads/2025/01/curve-arrow-1.svg);} .waves .arrow-caption-right h4::after { background-image: url(/wp-content/uploads/2025/01/arrowcurve-1.svg);} .waves .arrow-caption-right h4::before { background-image: url(/wp-content/uploads/2025/01/arrowcurve-2.svg);} .waves .vimeo_button_1::before, .waves .vimeo_button_2::before { content: ''; position: absolute; bottom: calc(50% - 40px); right: calc(50% - 40px); background-position: center !important; transform: scale(100%); background: url(/wp-content/uploads/2024/07/Group-290474.svg) no-repeat; background-size: contain; width: 80px; height: 80px; transition: .25s all ease-in-out; } @media (max-width:640px){ .waves .vimeo_button_1::before, .waves .vimeo_button_2::before { width: 50px; height: 50px; bottom: calc(50% - 25px); right: calc(50% - 25px); } } .vimeo_button_2 { background: url(/wp-content/uploads/2025/01/myles-spar.jpg); background-size: cover; width: 100%; height: 0; padding-bottom: 56.25%; position: absolute; top: 0; left: 0; background-position: center center; text-indent: -9999px; overflow: hidden; } .vimeo-espanol { display: none;} .flex-toggle { display:flex; justify-content: space-between;} .flex-toggle-right { width:calc(100% - 250px); display: flex; justify-content: flex-end; align-items: flex-start;} .flex-toggle-dropdown {} .waves .custom-select::before { background-image: url(/wp-content/uploads/2025/01/Language.svg); background-size: contain; background-repeat: no-repeat; position: absolute; top: 12px; left: 14px; height: 24px; width: 24px; content: ''; z-index: 3; } .waves .custom-select::after { background-image: url(/wp-content/uploads/2025/01/keyboard_arrow_up_24px.svg); border: none; height: 20px; width: 20px; top: 13px; right: 18px; } .waves .custom-select select { margin-top: 0; position:relative; padding-left:50px; font-weight:600; font-size: 20px; background:#F4C7E8; transition: .25s all ease-in-out; height: 48px; padding-right: 43px;} @media (max-width:767px){ .video-panel-supplements { padding-bottom:61px !important;} .video-panel-supplements .custom-select {position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);} .video-panel-supplements .flex-toggle { display:block !important;} .waves .arrow-caption.arrow-caption-right {max-width: 230px;margin-left: calc(50% - 115px);} .waves .arrow-caption.arrow-caption-right.title-espanol {max-width: 250px;margin-left: calc(50% - 125px);} .waves .arrow-caption h4::after {background-size: 47px 106px;bottom: -34px;right: -28px;} } .toggle-pill { display:inline-flex; width:auto; height: 48px; border:2px solid var(--plum); border-radius: 99px; position: relative; overflow: hidden; cursor: pointer; } .toggle-pill > div { padding:8px 40px 7px; color:var(--plum); font-size: 20px; font-weight: 600; line-height: 31px; } .toggle-pill > div.runner { position:absolute; height: calc(100% + 4px); min-width: 100px; top:-2px; left:-2px; background: var(--lightplum); z-index: -1; border-radius: 99px; transition:.5s all ease-in-out; border:2px solid var(--plum);} .target-migraine { display:none;} @media (max-width:767px){ .toggle-pill { display:flex;} .toggle-pill > div { padding:9px 8px 8px; font-size:18px; width:55%; text-align: center; line-height: 28px;} .toggle-pill > div.toggle-migraine { width: 45%;} .faq_panel.no-accordion-padding .faq { padding-left:0 !important; padding-right: 0 !important;} } .toggle-target {padding: 1px 24px 24px;} .toggle-target h4 { margin-left:0 !important;} .flex-panel-inner ul.two-columns { margin:0 10px; display:flex; flex-wrap: wrap;} .flex-panel-inner ul.one-column { margin:0 10px; display:flex; flex-wrap: wrap;} .flex-panel-inner ul.two-columns li { width:50%;} .flex-panel-inner ul.one-column li { width:100%;} .two-part-box-1 { border: 2px solid var(--plum); text-align: center; background: var(--lightyellow); max-width: 100%; margin: 0 auto; width: 331px; } .two-part-box-1 p.plum { padding: 0 12px;} .two-part-box-2 {border-top:2px solid var(--plum); display:flex; justify-content:space-evenly; align-items: center; padding:24px 12px;} .two-part-box-2 img { max-width:80px; max-height: 80px; height: auto; width:auto;} .colorbubbles-static { width:50%; height:0px; position:absolute; bottom:0; left:50%; transform:translateX(-50%); padding-bottom:28.25%; transition:.75s all ease-in-out !important;z-index: -1;} .colorbubbles-static.opaque {width: 100%;padding-bottom: 50%;transition: 1s width ease-in-out, 1s padding cubic-bezier(.3,-0.01,0,.87) !important; min-width: 530px; min-height: 259px;} .colorbubbles-static div { width:33px; height:33px; border-radius:100vh; position: absolute; top:49.5%; left:49.5%; transition:1s top ease-in-out, 1s left ease-in-out;} @media (max-width:1250px){ .colorbubbles-static.opaque {padding-bottom:44%; width:104%;} } @media (max-width:767px){ .colorbubbles-static.opaque {min-width: 100%; padding-bottom:67.89%; width:calc(100% + 48px); margin-bottom: 0;} } .colorbubbles-static div:nth-child(5n-4) {background-color:var(--pink);} .colorbubbles-static div:nth-child(5n-3) {background-color:var(--tangerine-medium);} .colorbubbles-static div:nth-child(5n-2) {background-color:var(--yellow-light);} .colorbubbles-static div:nth-child(5n-1) {background-color:var(--skyblue);} .colorbubbles-static div:nth-child(5n) {background-color:transparent; border:2px solid var(--plum);} .colorbubbles-static.opaque div { transition:1s top ease-in-out, 1s left ease-in-out;} .colorbubbles-static.opaque div.bubble1 { top:-12%; left:7%;} .colorbubbles-static div.bubble2 { top:-12%; left:16%; opacity:0;} .colorbubbles-static.opaque div.bubble3 { top:-12%; left:44%;} .colorbubbles-static div.bubble4 { top:45%; left:95%; opacity:0;} .colorbubbles-static.opaque div.bubble5 { top:-35%; left:11%;} .colorbubbles-static.opaque div.bubble6 { top:111%; left:76%;} .colorbubbles-static.opaque div.bubble7 { top:101%; left:54%;} .colorbubbles-static div.bubble8 { top:50%; left:100%; opacity:0;} .colorbubbles-static.opaque div.bubble9 { top:-20%; left:27%;} .colorbubbles-static div.bubble10 { top:18%; left:12%; opacity:0;} .colorbubbles-static.opaque div.bubble11 { top:28%; left:14%;} .colorbubbles-static.opaque div.bubble12 { top:35%; left:61%;} .colorbubbles-static.opaque div.bubble13 { top:44%; left:70%;} .colorbubbles-static.opaque div.bubble14 { top:85%; left:62%;} .colorbubbles-static div.bubble15 { top:25%; left:86%; opacity:0;} .colorbubbles-static.opaque div.bubble16 { top:135%; left:64%;} .colorbubbles-static.opaque div.bubble17 { top:58%; left:38%;} .colorbubbles-static.opaque div.bubble18 { top:71%; left:27%;} .colorbubbles-static.opaque div.bubble19 { top:52%; left:46%;} .colorbubbles-static div.bubble20 { top:60%; left:82.5%; opacity:0;} @media (max-width:767px){ .colorbubbles-static.opaque div.bubble1 { top:4%; left:3%;} .colorbubbles-static.opaque div.bubble2 { top:-3%; left:6%;} .colorbubbles-static.opaque div.bubble3 { top:6%; left:50%;} .colorbubbles-static.opaque div.bubble4 { top:136%; left:91%;} .colorbubbles-static.opaque div.bubble5 { top:30%; left:87%;} .colorbubbles-static.opaque div.bubble6 { top: 116%; left: 83%;} .colorbubbles-static.opaque div.bubble7 { top:106%; left:58%;} .colorbubbles-static.opaque div.bubble8 { top:166%; left:86%;} .colorbubbles-static.opaque div.bubble9 { top:-1%; left:31%;} .colorbubbles-static.opaque div.bubble10 { top:18%; left:12%;} .colorbubbles-static.opaque div.bubble11 { top:28%; left:24%;} .colorbubbles-static.opaque div.bubble12 { top:35%; left:81%;} .colorbubbles-static.opaque div.bubble13 { top:44%; left:70%;} .colorbubbles-static.opaque div.bubble14 { top:62%; left:62%;} .colorbubbles-static.opaque div.bubble15 { top:135%; left:98%;} .colorbubbles-static.opaque div.bubble16 { top:86%; left:-6%;} .colorbubbles-static.opaque div.bubble17 { top:58%; left:38%;} .colorbubbles-static.opaque div.bubble18 { top:71%; left:27%;} .colorbubbles-static.opaque div.bubble19 { top:91%; left:68%;} .colorbubbles-static.opaque div.bubble20 { top:127%; left:82.5%;} } .three-column-layout h3 { color:var(--slate);} .three-column-layout .blog-outer article {width: calc(33.33% - 24px);border: none;background: #fff;margin: 12px;padding: 16px;} @media (max-width:991px){ .three-column-layout h3 {padding-top: 20px;} .three-column-layout .blog-outer article {width: calc(50% - 24px);} .three-column-layout .blog-outer {width: calc(100% + 24px); margin: 30px -12px 0px;} } @media (max-width:767px){ .three-column-layout .blog-outer {width: calc(100% + 24px); margin-top: 12px !important;} } @media (max-width:640px){ .three-column-layout .blog-outer article {width: calc(100% - 24px);} } body:not(.single) .bg-grey-light .two-column-layout .blog-outer {display: grid;grid-template-columns: repeat(2, 1fr);grid-column-gap: 24px;grid-row-gap: 24px; grid-auto-rows: auto;} .two-column-layout h3 { color:var(--slate);} .two-column-layout .blog-outer article {width: 100%;border: none;background: #fff;margin: 0;padding: 16px;} @media (max-width:991px){ .two-column-layout h3 {padding-top: 20px;} .two-column-layout .blog-outer article {} .two-column-layout .blog-outer {margin: 30px -12px 0px;} body:not(.single) .bg-grey-light .two-column-layout .blog-outer {display: grid;grid-template-columns: repeat(1, 1fr);grid-column-gap: 24px;grid-row-gap: 24px; grid-auto-rows: auto; width: calc(100% + 24px);} } @media (max-width:767px){ .two-column-layout .blog-outer {margin-top: 12px !important;} } @media (max-width:640px){ .two-column-layout .blog-outer article {} } .two-column-layout .link-absolute.link-absoulte-button { width: auto; left: 27px; transform: translateX(0%) translateY(0px); bottom: 24px; } .two-column-layout p { margin-top:13px !important;} body:not(.single) .bg-grey-light .two-column-layout .blog-outer article.homepage-article { padding: 26px 26px 73px 26px; border-radius: 16px; position: relative; } body:not(.single) .bg-grey-light .two-column-layout .blog-outer article.homepage-article.no-blocker { padding: 26px; } .two-column-layout .link-absolute { position: absolute; bottom: 15px; left: 240px; width: auto; } .star-item-magenta p::before { position:absolute; left:0; top:-10px; height:calc(100% + 20px); width:3px; background:#DF3BB1; content:'';} .star-item-persimmon p::before { position:absolute; left:0; top:-10px; height:calc(100% + 20px); width:3px; background:#EE445C; content:'';} .star-item-crimson p::before { position:absolute; left:0; top:-10px; height:calc(100% + 20px); width:3px; background:#EE445C; content:'';} .star-item-tangerine p::before { position:absolute; left:0; top:-10px; height:calc(100% + 20px); width:3px; background:#ff4d00; content:'';} .star-item-magenta p, .star-item-persimmon p, .star-item-crimson p, .star-item-tangerine p { padding-left:16px; position: relative; margin-bottom: 40px;} .star-item-middle img { margin: 0 auto; max-width: 580px; width:100%; } @media (max-width:767px){ .star-item-magenta p, .star-item-persimmon p, .star-item-crimson p, .star-item-tangerine p { line-height:1.25em;} } @media (min-width:767px){ .star-shaped-grid .flex-panel-inner {display: grid;grid-template-columns: repeat(2, 1fr);grid-column-gap: 0px;grid-row-gap: 0px;} .star-item-magenta { grid-area: 1 / 1 / 2 / 2; } .star-item-persimmon { grid-area: 1 / 2 / 2 / 3; } .star-item-crimson { grid-area: 2 / 1 / 3 / 2; } .star-item-tangerine { grid-area: 2 / 2 / 3 / 3; } .star-item-middle { grid-area: 3 / 1 / 4 / 3; } } @media (min-width:1150px){ .star-shaped-grid .flex-panel-inner {display: grid;grid-template-columns: 1fr 1.5fr 1fr;grid-template-rows: repeat(2, 1fr);grid-column-gap: 24px;grid-row-gap: 24px;} .star-item-magenta { grid-area: 1 / 1 / 2 / 2; } .star-item-persimmon { grid-area: 2 / 1 / 3 / 2; } .star-item-crimson { grid-area: 1 / 3 / 2 / 4; } .star-item-tangerine { grid-area: 2 / 3 / 3 / 4; } .star-item-middle { grid-area: 1 / 2 / 3 / 3; } } @media (max-width:767px){ .no-mobile-margin { margin:0 !important;} .nav-on-bottom .manualrotation .slick-list { width: 100%;margin-top: 0;} .nav-on-bottom .manualrotation .slick-dots { top:708px; left:30px;} .nav-on-bottom .manualrotation .slick-arrow { top: 700px;} .nav-on-bottom .manualrotation .slick-arrow.slick-next { right:30px;} .nav-on-bottom .manualrotation .slick-arrow.slick-prev { right:82px; z-index: 968;} .page-panel.vertcenter.nav-on-bottom .flex.flexGap24 .patient_cards.cell_manual {height: 600px !important; min-height: 600px !important;} .testimonial-panel.manual.nav-on-bottom .page-panel.vertcenter .flex.flexGap24 .patient_cards .content-panel {top: unset;bottom: -60px;} .page-panel.vertcenter.nav-on-bottom .flex.flexGap24 .patient_cards .vid-panel.vid125 .pane { height: 107%;} .nav-on-bottom .vid-panel .pane { height: auto; width: 100%; position: relative; padding-bottom: 100%;} .nav-on-bottom .vid-panel .pane img {object-fit: contain;} } @media (max-width:500px){ .nav-on-bottom .vid-panel .pane {padding-bottom: 122%;} .nav-on-bottom .vid-panel .pane img {object-fit: cover;} .nav-on-bottom, .nav-on-bottom .mx-auto { padding-top:0 !important;} } .diamond-list .flex-panel-inner ul { list-style:none; margin:0; padding-left:0;} .diamond-list .flex-panel-inner ul li { margin:0; padding:0 0 0 32px; position: relative; margin-bottom:10px; font-style: italic; font-weight: 600; color:var(--plum);} .diamond-list .flex-panel-inner ul li::before { position:absolute; content: ''; width:15px; left:0; top:3px; height:15px;background:url(/wp-content/uploads/2023/12/diamond.svg) center center no-repeat; background-size:contain; } .faq_panel.faq_2025 .accordion_title {display: flex;align-items: center;} .faq_panel.faq_2025 .accordion_title img {width:80px; height: 80px; margin-right:20px;} .faq_panel.faq_2025 .faq { border:none !important; padding:0 !important; margin-bottom:32px;} .faq_panel.faq_2025 h4 { margin:0 !important; color:#4d4d4d !important;} .faq_panel.faq_2025 h4 p{ margin:0 !important; color:#4d4d4d !important;} @media (max-width:767px){ .faq_panel.faq_2025 h4 p{ font-size: 20px; padding-right:10px;} } .faq_panel.faq_2025 .operand {top: 30px;} .faq_panel.faq_2025 .operand .minus { background:#4d4d4d; height:3px; width:21px;} .faq_panel.faq_2025 .operand .plus { background:#4d4d4d; width:3px; height:21px;} .no-dashes .left-icon::after { display:none; visibility:hidden;} .ellipse-pink, .ellipse-tangerine, .ellipse-blue { position: relative;} .ellipse-tangerine::after { content:''; position: absolute; top:10%; left:-65%;width: 130%;height: 130%; z-index: -1; background: radial-gradient(50% 50% at 50% 50%, rgba(255, 227, 214, 0.75) 0%, rgba(255, 252, 250, 0) 100%); } .ellipse-blue::after { content:''; position: absolute; top:-25%; left:-40%;width: 150%;height: 150%; z-index: -1; background: radial-gradient(50% 50% at 50% 50%, rgba(227, 243, 253, 0.75) 0%, rgba(255, 252, 250, 0) 100%); } .ellipse-pink::after { content:''; position: absolute; top:-10%; left:-10%;width: 150%;height: 150%; z-index: -1; background: radial-gradient(50% 50% at 50% 50%, rgba(255, 237, 249, 0.8) 0%, rgba(255, 252, 250, 0) 100%); } .diamond-ul .flex-panel-inner ul, .diamond-ul-panel ul { list-style:none; margin:20px 0 0; padding-left:0;} .diamond-ul .flex-panel-inner ul li, .diamond-ul-panel ul li { margin:0; padding:0 0 0 24px; position: relative; margin-bottom:10px;} .diamond-ul .flex-panel-inner ul li::before, .diamond-ul-panel ul li::before { position:absolute; content: ''; width:15px; left:0; top:3px; height:15px;background:url(/wp-content/uploads/2023/12/diamond.svg) center center no-repeat; background-size:contain; } .diamond-ul-panel ul { margin:0px;} .diamond-ul-panel ul li::before { top: 7px;} .diamond-ul .ellipse-tangerine .flex-panel-inner ul li::before { background-image:url(/wp-content/uploads/2025/01/diamond-tangerine.svg);} .diamond-ul .ellipse-blue .flex-panel-inner ul li::before { background-image:url(/wp-content/uploads/2025/01/diamond-blue.svg);} .diamond-ul .ellipse-pink .flex-panel-inner ul li::before { background-image:url(/wp-content/uploads/2025/01/diamond-pink.svg);} .icon-72 .flex-title-image { max-height: 72px !important; max-width: 72px !important;} .reverse-desktop-order .staticcc.flex.flexPanel.flexGap24.manualrotation.desktop-unslick {flex-direction: row-reverse;} .stats-arrows .down-arrow { background:url(/wp-content/uploads/2024/01/Arrow-Plum.svg) no-repeat; background-position:0px 7px; padding-left:32px; background-size:24px 24px; margin-left: 16px !important;} .stats-arrows .up-arrow { background:url(/wp-content/uploads/2025/01/Arrow-Plum-1.svg) no-repeat; background-position:0px 7px; padding-left:32px; background-size:24px 24px; margin-left: 16px !important;} .stats-arrows .legal { padding-left:32px; padding-right: 24px; line-height: 1.25em;} .place_circles.shift-up { margin-top:-125px; z-index: 0; overflow: visible; min-height: 351px; margin-top:-150px} .hover-cards .flex.flexPanel {display: grid !important; grid-template-columns: repeat(2, 1fr); grid-column-gap: 0px; grid-row-gap: 0px;} .hover-cards .flex.flexPanel .cell_12 { grid-area: 1 / 1 / 2 / 3; } .hover-cards .flex.flexPanel .cell_6 { grid-area: 2 / 1 / 3 / 2; width:100%; height: 100%;} .hover-cards .flex.flexPanel .cell_6 .flex-panel-inner { transition: .25s all ease-in-out;} .hover-cards .flex.flexPanel .cell_6:last-child { grid-area: 2 / 2 / 3 / 3; width:100%;} .hover-cards .flex.flexPanel .cell_6 .flex-panel-inner { cursor: pointer;height: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-content: space-between;} .hover-cards .flex.flexPanel .cell_6 .flex-panel-inner p { margin-bottom:0;} .hover-cards .flex.flexPanel .cell_6 .flex-panel-inner .hover-card-first p { margin-left:24px; margin-right:24px;} .hover-cards .flex.flexPanel .cell_6:hover .flex-panel-inner { box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.2); transition: .25s all ease-in-out; transform: scale(102%);} .hover-card.linker:hover h4 { filter:none !important;} .hover-cards .flex.flexPanel h4 { position:relative; padding-right: 50px;} .hover-cards .flex.flexPanel h4:after{ content:''; position:absolute; top:0; right:0; width:34px; height:34px; background:url(/wp-content/uploads/2025/01/Arrow-Plum-1.svg) no-repeat; background-size: contain; background-position: center center; transform:rotate(90deg); transition: .25s all ease-in-out;} .hover-card.linker:hover h4:after{ right:-6px; transition: .25s all ease-in-out;} .funkles { border:1px solid var(--plum);} ul.leadership li.funkles h5 { text-align:left;} .flex-override .flex-panel-inner { display:flex; justify-content: flex-start;} .flex-override a.arrow-link.heading4.icon-link { margin:26px 40px 26px 0; padding-left:88px;} .flex-override a.arrow-link.heading4.icon-link .icon-top {height: 80px;width: 80px; top: 50%; transform: translateY(-50%); font-weight: 600;} .flex-override a.arrow-link.heading4.icon-link .icon-top::before, .flex-override a.arrow-link.heading4.icon-link .icon-top::after { height:80px; width:80px} .flex-override a.arrow-link.heading4::before, .flex-override a.arrow-link.heading4::after {top: -2px;} .full-slide .leadershipMobile .slick-list {overflow: visible !important;} .leadershipMobile .slick-list::before, .leadershipMobile .slick-list::after { display:none !important; } ul.leadership li div.greencheck { text-align: left !important;} div.greencheck { padding-left:22px;font-weight: 400;font-size: 12px;line-height: 16px;color: #4E6747; position:relative; margin:0px 20px 0 20px; text-align: left; } div.greencheck::before { content:''; background:url(/wp-content/themes/doc_rheum/images/Check-Bullets.svg) no-repeat; background-size:contain; width:16px; height:16px; position:absolute; top:5px; left:0; position: absolute;} div.greencheck.gc-large { text-align:left; background:#d5eacc; border-radius: 100vh; margin: 10px 0; width: auto; padding-left: 30px; display: inline-block; padding-right: 18px;} div.greencheck.gc-large p { margin:0; width: auto; display:inline-block;} div.greencheck.gc-large::before { top: 7px;left: 7px;} .bg-tangerine div.greencheck::before { background-image:url("/wp-content/themes/doc_rheum/images/tangerine-check.svg"); width:24px; height:24px; top:2px;} .bg-tangerine div.greencheck.gc-large { background:none; padding-left: 36px;} .bg-tangerine div.greencheck.gc-large strong { font-weight:500;} .page-panel.vertcenter.full-slide .leadership .flex { margin-top: 0px; padding-bottom: 15px; } .full-slide ul.leadership li a img { margin-bottom:15px;} @media (max-width:767px){ div.greencheck.gc-large {padding-top: 3px;padding-bottom: 3px; border-radius: 20px;} div.greencheck.gc-large::before { top: 9px; } .flex-override .flex-panel-inner {flex-wrap: wrap;gap: 10px;} .full-slide ul.leadership li img {max-width: 100%;margin: 0 auto;} .left-align-li.faq_panel .faq { padding-left:0;} .circle_animation.bottom_yellow {z-index: -1;} .circle_animation.bottom_white { z-index:-1;} .hover-cards .flex.flexPanel { display:flex !important;} } .full-slide .slick-track .funkles { margin-right:0px;} .full-slide .slick-track .funkles:last-child { margin-right:24px;} .icon-badges .flexPanel > div { padding-left:0; padding-right:0;} .icon-badges .flexPanel .flex-panel-inner { display:flex; justify-content: space-between; } .icon-badges .flexPanel .flex-panel-inner p { display:flex; justify-content: flex-start; align-items: center; gap:12px; margin: 12px 0;} @media (max-width:767px){ .icon-badges .flexPanel .flex-panel-inner { flex-wrap: wrap;} .icon-badges .flexPanel .flex-panel-inner p { width:100%; justify-content: center;} } @media (min-width:1024px){ .directory-panel .page-panel .max-w-7xl {padding:0 !important;} } .location-link { color:var(--plum); font-weight: 600; text-align: center;} .location-link a { color:var(--plum); font-weight: 600; text-decoration: underline; transition: .25s all ease-in-out;} .location-link a:hover { color:var(--plumhover); transition: .25s all ease-in-out;} .region.accordion { } .region-features.accordion-handle { position:relative; cursor: pointer;} .region-features.accordion-handle::before{ content:''; height:14px; width:2px; background: var(--plum); right:6px; position: absolute; top:6px; transition:.25s all ease-in-out;} .region.actively .region-features.accordion-handle::before { transform:rotate(90deg); transition:.25s all ease-in-out;} .region-features.accordion-handle::after{ content:''; width:14px; height:2px; background: var(--plum); right:0; position: absolute; top:12px;} .region .accordion-shelf { overflow:hidden; max-height: 0; transition:.5s all ease-in-out; width:100%;} .region.actively .accordion-shelf { max-height: 678px; transition:.5s all ease-in-out;} .region p.region-features span { margin:0;} p.region-features.specialtypharmacy{margin-top: 0 !important; margin-bottom: 0; } p.region-features.specialtypharmacy .specialtypharmacy{margin-top: 0 !important;} .accordion-shelf p { margin-top:10px;} .accordion-shelf p:first-child { margin-top:0 !important;} .accordion-shelf p:last-child { margin-bottom:30px !important;} h3.tangerine-tic { margin-left:0; position: relative;} h3.tangerine-tic::before { background:var(--tangerine); width:40px; height:4px; position: absolute; content: ''; bottom:-10px; left:0;} .cell_12.region-name { padding:75px 0 24px !important;} .cell_12.region-name:first-child { padding:0 0 24px !important;} .regional-panel a.button-link { margin-top: 0 !important; } @media (max-width:767px) { .cell_12.region-name { padding:0 0 24px !important;} .cell_12.region-name:first-child {padding: 16px 0 24px !important;} .directory-panel .cell_4.regional-panel {padding: 16px 16px 30px;} .region-features.accordion-handle::before {top: 3px;} .region-features.accordion-handle::after {top: 9px;} .directory-panel .button-link { margin:0 auto 16px;} } .directory-panel .cell_12.flexPanel.directoryFlex { padding-top:0px; align-items: flex-start} .regional-panel {background: #FFFFFF;box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.08);} .directory-panel .directory .flexPanel .flex-panel-inner h4 {margin-left: 0;margin-top: -7px;} .directory-panel .accordion-shelf p a { text-decoration: underline;} .directory-panel .accordion-shelf p a::after {display:none;} ul.bluecheck { list-style:none; margin:7px 0 0; padding:0; transition:.5s max-height ease-in-out;} ul.bluecheck li {background:url('/wp-content/uploads/2025/02/check_24px.svg') no-repeat; margin:0; padding:7px 0 7px 36px; background-position: 0px 7px;} .see-more ul { overflow:hidden;} .see-more-handle { color:var(--plum); margin-top:20px; font-weight:600; font-size:16px; cursor: pointer;} .see-more-handle::before { content:'+ ';} .see-more-handle.active::before { content:'– ';} .single-teammember .blog-masthead img { width: 100% !important; max-width: 100% !important;} .border-panelness { margin-top:25px; margin-bottom:0px;} @media (max-width:767px) { .border-panelness { margin-top:75px; margin-bottom: 0px; padding: 10px 0 !important;} .single-teammember .default-header {min-height: 169px;margin-top: 94px;} .blog-content.teammember-content {margin-top: 0px;} .blog-content.teammember-content .cell_6 {width:100% !important; position: relative; padding-left:50px !important;} .blog-content.teammember-content .cell_6:first-child { padding-bottom:5px;} .blog-content.teammember-content .cell_6 img.badge { position:absolute; top:0; left:0; width:40px; height: 40px;} } a.faq-title { color:var(--plum); font-weight:600; text-decoration: underline; margin: 0 0 10px 2px; display: inline-block;transition: .25s all ease-in-out;} a.faq-title:hover {color: #BE3E9A; transition: .25s all ease-in-out;} .answer-panel p:first-child { margin-top:12px;} .faq-linker .basic .page-panel { padding-left: 50px; padding-right: 50px; padding-top: 80px; padding-bottom: 0; } @media (max-width:1023px) { .faq-linker .basic .page-panel { padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; } .blog-content-panel.faq-linker { margin-left:auto; margin-right: auto; max-width:800px;} .blog-content-panel.faq-linker .flexPanel {padding-left:0 !important;} .blog-content-panel.faq-linker .flexPanel .cell_12 {padding-left:0 !important;} } .tangerine-tabs.tabs-left { width: calc(100% - 100px); left: 0; position: relative; } @media (max-width: 767px) { .tangerine-tabs.tabs-left { left: 8px; } } .basic.open-roles { display:flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100% !important; text-align: center; padding-top:35px; padding-bottom:41px; background: #FF4D00;background: radial-gradient(at center bottom, #FF824D, #FF4D00);} .open-roles h4 {margin-top: 4px !important;} .jazzhr-title { display:flex; justify-content: space-between; align-items: center;} .jazzhr-title .custom-select select { margin-top:2px; padding: 16px 60px 15px 34px;} .jazzhr-title .custom-select::after {top: calc(50% - 3px);} .jazzhr-title .flex-toggle-right { justify-content: flex-start; width:100%;} .jazzhr-title p.legal { margin-top:0; margin-bottom: 0;} .jazzhr-list-header {display:flex;border-bottom:1px solid #FAEADE; margin-top:10px;} .jazzhr-list-header p {color:#a6a6a6; margin-bottom:10px;} .jazzhr-list {border-bottom:1px solid #FAEADE; } .jazzhr-role { width:calc(54% - 27px); padding:0 15px;} .jazzhr-team { width:calc(25% - 26px); padding:0 15px 0 0;} .jazzhr-location { width:calc(21% - 26px); padding:0;} .jazzhr-role h4 { margin-left:0 !important;} .jazzhr-role p.time { margin-left:0 !important; padding-left:26px; display:inline-block; position: relative; color:#a6a6a6; margin-top: 6px;} .jazzhr-role p.time::before { position:absolute; content: ''; top:4px; left:0; width:21px; height: 21px; background:url("/wp-content/themes/doc_rheum/images/access_time_24px.svg") no-repeat;; background-size: contain; background-position: center;} a.jazzhr-list-item { display:flex;box-shadow: none; position:relative; transition:.25s all ease-in-out; border-top:1px solid #FAEADE;background:none; cursor: pointer;} a.jazzhr-list-item:hover {box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); transition:.25s all ease-in-out; transform:scale(100.5%);} a.jazzhr-list-item::after { content:''; width:40px; height:40px; background-position:center center; background-size:contain; position:absolute; right:40px; top:calc(50% - 20px); opacity:0; transition:.25s all ease-in-out; background-image: url('data:image/svg+xml,');} a.jazzhr-list-item:hover::after { opacity:1; transition:.25s all ease-in-out; right:20px;} a.jazzhr-list-item.active { animation-name: pulse; animation-duration: 1s;animation-timing-function: ease-out;} @keyframes pulse { from {background-color: rgba(255,184,153,.1);} to {background-color: none;} } .jazzhr-title.non-clinical-location-filter { margin-top:50px;} @media (max-width: 767px) { .jazzhr-title {flex-wrap: wrap;flex-direction: column-reverse;} .jazzhr-title h3 { width:100%;margin-top: 30px; margin-bottom: 16px;} .jazzhr-title .location-filter { width:100%;} .custom-select, .custom-select select {width: 100%;} .non-clinical-location-filter .location-filter, .jazzhr-list-header { display:none;} .jazzhr-role { width:calc(100% - 40px);} .jazzhr-list { width: calc(100% + 48px);margin-left: -24px;} .jazzhr-role h4 {margin-left: 10px !important;} .jazzhr-role p {margin: 0px 10px;} .jazzhr-role p.time {margin: 6px 0 24px 10px !important;} a.jazzhr-list-item::after { opacity:1; right:24px !important; top:unset; bottom:24px; width:32px; height:32px;} } .menu-main-nav-container .parent_menu.open .sub-menu li a::before {content: ''; position: absolute;height:2px; bottom:15px; transition:all 0.3s ease 0s; left:65px;} .menu-main-nav-container .parent_menu.open .sub-menu li a:hover::before {content: ''; position: absolute;transition: all 0.3s ease 0s;width: calc(100% - 89px);bottom: 15px;height: 2px;left: 65px;} .jazzhr-list-item-not-exist { display:none; padding:20px 24px; text-align: center; background:#f9f7f5;} .calendly-panel {background: #FFFFFF;/* Light Gray 2 */border: 1px solid #E8E8E8;box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.05);border-radius: 8px; margin-bottom: 40px;} .cal-upper { padding:16px; border-bottom:1px solid #E8E8E8;} .cal-upper p.grey { font-style: normal;font-weight: 400;font-size: 16px;line-height: 22px; color: rgba(0, 0, 0, 0.4) !important; margin:0;} .cal-upper p { margin: 0; line-height: 1.2em} .cal-upper p strong { font-style: normal;font-weight: 600;font-size: 18px;line-height: 24px;color: rgba(0, 0, 0, 0.9); margin: 0; } .cal-lower { padding:16px; font-weight: 600;font-size: 16px;line-height: 34px;/* or 212% *//* Text Dark */color: rgba(0, 0, 0, 0.9);} .cal-lower div { padding-left:30px; position: relative;} .cal-lower div::before { content:''; position: absolute; top:6px; left:0; width:19px; height:19px; background:url("/wp-content/themes/doc_rheum/images/calendar.svg") no-repeat; background-size: contain; background-position: center center; } .cal-lower div.cal-time::before { background-image:url("/wp-content/themes/doc_rheum/images/clock.svg"); } .cal-lower div.cal-location::before { background-image:url("/wp-content/themes/doc_rheum/images/pin.svg");} .page-template-template-schedule #main-panel-1.basic {margin-top: 0 !important;} @media(min-width:1024px){ #main-panel-00 .page-panel {padding-top: 130px;} } .forminator-ui#forminator-module-4507.forminator-design--flat .forminator-label { font-size: 18px !important; font-family: inherit !; font-weight: 700 !important; color: var(--plum) !important; margin-bottom: 24px !important; } .forminator-ui.forminator-custom-form[data-design="flat"] .forminator-radio input:checked + .forminator-radio-bullet::before { opacity: 1; -khtml-opacity: 1; } .forminator-ui.forminator-custom-form[data-design="flat"] .forminator-radio input:checked ~ .forminator-radio-label { border-color:var(--plum) !important; background:var(--lightplum) !important; color:var(--plum) !important; transition: .25s all ease-in-out; } .forminator-ui#forminator-module-4507.forminator-design--flat .forminator-radio .forminator-radio-bullet { visibility: hidden; width: 2px !important; height: 2px !important; flex: 0 0 14px; } .forminator-ui#forminator-module-4507.forminator-design--flat .forminator-radio .forminator-radio-label {color: rgba(0, 0, 0, 0.9);transition: .25s all ease-in-out;font-size: 16px;padding: 12px 16px;border: 1px solid #eee;border-radius: 4px;display: block;width: calc(100% - 60px);} .forminator-ui#forminator-module-4507.forminator-design--flat .forminator-radio .forminator-radio-label:hover {transition: .25s all ease-in-out;color:var(--plum); background:var(--lightpink);border-color:var(--lightplum);} .forminator-ui.forminator-design--flat .forminator-button-submit, .forminator-ui.forminator-design--default .forminator-button-submit.form-poll {margin-left: 24px !important; margin-top:10px; min-width: 200px !important;} .forminator-ui#forminator-module-4507.forminator-design--flat .forminator-error-message {margin: 0px 24px;width: calc(100% - 60px);max-width: 540px;} .forminator-ui.forminator-custom-form[data-design="flat"] .forminator-button { width:auto !important;} #forminator-module-4507.forminator-design--flat .forminator-response-message.forminator-success { background:#D5EACC !important; border-radius:4px; padding:20px 20px 18px; } #forminator-module-4507.forminator-design--flat .forminator-response-message.forminator-success p.thumbs-up { color:rgba(0,0,0,.9); padding-left:36px; position: relative;font-size: 16px !important; font-weight: 400 !important;} #forminator-module-4507.forminator-design--flat .forminator-response-message.forminator-success p.thumbs-up::before { content:''; position: absolute; top: -3px;left: 0;width: 24px;height: 24px; background:url("/wp-content/themes/doc_rheum/images/thumb_up_alt_24px.svg") no-repeat; background-size: contain; background-position: center center; } .forminator-ui.forminator-custom-form[data-design="flat"] .forminator-radio:not(.forminator-radio-inline) {margin: 10px 0 0 !important;} .forminator-ui.forminator-custom-form[data-design="flat"] .forminator-field {max-width: 443px;margin: 0 auto !important;} .cl-test { margin:200px !important;} .basic.bg-yellow-light.vari-height.show-on-schedule { display:none;} .forminator-button.forminator-button-submit { display:none !important;} .diamond-list .flex-panel-inner ul.no-bold li {color: #4d4d4d;font-weight: 400;font-style: normal;line-height: 1.4;} .diamond-list .flex-panel-inner ul.no-bold li::before { top: 6px;} .home-contact-panel { border-radius: 16px; padding:20px 30px; margin-top: 0; position: relative;} .home-contact-panel h4 { color:#4d4d4d !important;} .home-contact-panel p { margin:0; !important;} .home-contact-panel a.button-link { margin:17px 16px 12px 0;} .home-contact-panel p.legal{font-style: normal;font-weight: 400;font-size: 16px !important;line-height: 28px;/* or 175% */color: #4D4D4D; margin-bottom:0;} .homepage-masthead-panel {max-width: 550px;} .button-image {display: inline-block;height: 14px;position: relative;top: 2px;margin-right: 5px;} .mainnav ul li.telephone a { padding-left:40px; position: relative;} .mainnav ul li.telephone a::before { height:14px; width:14px; top:12px; left: 16px; position: absolute; content: ''; background:url("/wp-content/themes/doc_rheum/images/phone_icon_slate.svg"); background-size:contain; background-position: center center; background-repeat:no-repeat; opacity:1; transition:.25s all ease-in-out; } .mainnav ul li.telephone a::after { height:14px; width:14px; top:12px; left: 16px; position: absolute; content: ''; background:url("/wp-content/themes/doc_rheum/images/phone_icon.svg"); background-size:contain; background-position: center center; background-repeat:no-repeat; opacity:0; transition:.25s all ease-in-out; } .mainnav ul li.telephone a:hover::before { transition:.25s all ease-in-out; opacity:0;} .mainnav ul li.telephone a:hover::after { transition:.25s all ease-in-out; opacity:1;} @media (max-width:1023px){ .mainnav ul li.telephone a::before, .mainnav ul li.telephone a:hover::before { transition:.25s all ease-in-out; opacity:1; height:14px; width:14px; top:unset; left: unset; position: absolute; content: ''; background-image:url("/wp-content/themes/doc_rheum/images/phone_icon.svg"); transform: translateX(-20px);} .mainnav ul li.telephone a::after {display:none;} .home-contact-panel { padding:20px 12px;} .home-contact-panel p { text-align:center;} .home-contact-panel h4 { text-align:center;} .home-contact-panel p.home-contact-p { text-align:center; justify-content: center; display: flex; gap:12px;} .home-contact-panel p.home-contact-p a.button-link { padding-left:10px !important;padding-right:10px !important; margin-right: 0 !important; margin-left: 0 !important;} } body #hubspot-messages-iframe-container, body #hubspot-messages-iframe-container.widget-align-right { bottom:-100% !important; right:-100% !important; opacity: 0; visibility: hidden;} body #hubspot-messages-iframe-container.active, body #hubspot-messages-iframe-container.widget-align-right.active { bottom:0 !important; right:0 !important; opacity: 1; visibility: visible;} .tangerine-arrow-module { position:absolute; right:0; top:50px; z-index:0; height:100px; width:100px; } .tangerine-arrow-module .tangerine-text { transform: rotate(24deg) scale(85%); position: absolute; top: 13px; right: 13px; opacity: 0; transition:.25s all 1s ease-in-out;} .tangerine-arrow-module.active .tangerine-text { transform: rotate(24deg) scale(100%); position: absolute; top: 3px; right: 9px; opacity: 1; transition:.25s all 2.5s ease-in-out;} .tangerine-arrow-module .tangerine-arrow { transform: rotate(-9deg); position: absolute; bottom: -3px; left: 8px; } .tangerine-arrow-module .tangerine-arrow::after { position: absolute; content: ''; background: url(/wp-content/uploads/2025/03/arrow-332.svg) no-repeat; background-size: 69px 50px; width: 0; height: 100px; right: calc(100% - 39px); bottom: 47px; background-position: bottom right; transition: .5s width 0s ease-in-out; } .tangerine-arrow-module.active .tangerine-arrow::after { width: 69px; height: 50px; transition: .75s width 1s ease-in-out; } .tangerine-arrow-module .tangerine-arrow::before { position: absolute; content: ''; background: url(/wp-content/uploads/2025/03/arrow-331.svg) no-repeat; background-size: 69px 30px; width: 69px; height: 0; left: -30px; bottom: 57px; background-position: bottom left; transition: 2s height .5s cubic-bezier(0,1.52,0,.3); } .tangerine-arrow-module.active .tangerine-arrow::before { width: 69px; height: 30px; transition: 3s height 2s cubic-bezier(0,.3,0,1.52); } @media (max-width:1250px){ .tangerine-arrow-module {top: 38px;} } @media (max-width:1100px){ .tangerine-text { font-size:14px;} } @media (max-width:1023px){ .tangerine-arrow-module { display:none !important;} } .phone-number-switch {display: inline-flex !important; gap:1px; width:auto;} @media (max-width:767px){ .phone-number-switch.desktop-only-768 {display: none !important; gap:1px; width:auto;} } a.button-link.plum.phone-number-switch {display: inline-flex; gap:1px; width:auto;width: calc(70% - 12px);margin-right: 0;} #chat-button {display: inline-flex; gap:1px;} .phone-number-switch .phone-number-span { overflow:hidden; width:100%; position: relative; max-width:0; display: inline-grid; transition: .25s all ease-in-out; height:16px; max-height: 16px; } .phone-number-switch .call-now-span { overflow:hidden; width:100%; position: relative; max-width:250px; display: inline-grid; transition: .25s all ease-in-out;height:16px; max-height: 16px; } .phone-number-switch.active .phone-number-span { max-width:250px; transition: .5s all .15s ease-in-out; } .phone-number-switch.active .call-now-span { max-width:0px; transition: .3s all ease-in-out; } h4.teamh4 { margin:0;} .badge { display:block; width:48px; height: 48px; margin: 0 0 6px; padding:3px; border-radius: 100vh;} .blog-content.teammember-content.flexPanel .cell_12 { padding: 0 25px 25px 0; max-width:500px; } .flexPanel .cell_12 .flexPanel { display: flex !important; padding: 0; width: calc(100% + 40px); max-width: 1330px; flex-wrap: wrap; margin: 0 -20px; } .noptop p:first-child{ margin-top:0 !important;} .cell_10_full { width:100% !important; padding-bottom: 0 !important;} .flexPanel.vertcenter { align-items:center; } .icon-green { padding:10px 10px 10px 67px; position:relative;border-radius: 16px;} .icon-green p { margin :0 !important;} .icon-green::before { content:''; position: absolute; background-image: url("/wp-content/themes/doc_rheum/images/VideoVisit.svg"); background-color: var(--black); background-repeat: no-repeat; background-size: 32px 32px; background-position: center center; top:19px; left:15px; border-radius: 100vh; width:40px; height: 40px;} .icon-green.icon-wallet {min-height: 68px; margin-top:30px;display: flex;align-items: center;} .icon-green.icon-wallet::before { background-image:url(https://drgregorybellrheumatologist.com/wp-content/uploads/2025/05/wallet.svg); background-color:transparent; top: 14px;} .item-wide.uninsured { padding:35px 10px 35px 74px; position:relative; background:var(--lightgreen); border:1px solid var(--midgreen); max-width: 400px;} .item-wide.uninsured p { margin :0 !important; font-weight: 600;} .item-wide.uninsured::before { content:''; position: absolute; background-image: url("/wp-content/themes/doc_rheum/images/Uninsured.svg"); background-repeat: no-repeat; background-size: 40px 40px; background-position: center center; top: calc(50% - 20px); left: 17px; width:40px; height: 40px;} .already-a-patient { padding-top:94px;} .already-a-patient::before { background-color: var(--white); border-radius: 100vh; content:''; position: absolute; background-image: url("/wp-content/themes/doc_rheum/images/Calendar-1.svg"); background-repeat: no-repeat; background-size: 32px 32px; background-position: center center; top: 24px; left: calc(50% - 27px); width:54px; height: 54px;} .flexPanel.flexCenter { justify-content:center; } .circle-image { width: 125px; height: 125px; overflow: hidden; margin-bottom: 24px; border-radius: 100vh; } @media (max-width:1023px){ #bg-page .default-inner {display: block;} } @media (max-width:767px){ .blog-content.teammember-content.flexPanel .cell_12 {padding: 0 0 25px 0;} .flexPanel .cell_12 .flexPanel {width: calc(100% + 0px);margin: 0;} .home-contact-panel p.home-contact-p {flex-wrap: wrap;} .home-contact-panel p.home-contact-p a.button-link { width:calc(100% - 10px);} #chat-button {justify-content: center; margin-top:0 !important} .home-contact-panel p.home-contact-p {gap: 1px;} a.button-link.mobile-only-768 { margin-left: 0;} .cell_7.fader iframe { height:300px !important;} #gallery_grid_manual {display: flex;flex-wrap: wrap;column-gap: 24px;align-items: center;justify-content: flex-start;} #gallery_grid_manual figure {width: calc(50% - 12px); height: 110px;} #gallery_grid_manual figure.item-wide {width: 100%;} #gallery_grid_manual figure img {max-height: 100%; width:auto;} #gallery_grid_manual p.lightgrey.mobile-only-768 {margin-top: 0;text-align: center;display: flex;justify-content: center;width: calc(50% - 12px);} .already-a-patient {padding-top: 94px;margin-top: 0 !important; margin-bottom: 60px;} span.mobile-block { display:block;} } .no-text { width:0; height: 0; display: block; overflow: hidden; opacity: 0;} .runner a { padding:12px 12px 12px 44px; position: relative; font-weight: 700; font-size: 16px; margin-right:25px; z-index: 1;} .runner a::after { content:''; position: absolute; width:100%; height: 0; bottom: 0; left:0; transition: .25s all ease-in-out; background:var(--plum); z-index: -1;} .runner a:hover::after { height: 100%; transition: .25s all ease-in-out;} .runner a::before { position: absolute; content: ''; background-repeat:no-repeat; background-size: contain; background-position: center center; width:20px; height:20px; top:calc(50% - 10px); left:12px;} .runner a.phone::before { background-image:url("/wp-content/themes/doc_rheum/images/phone.svg");} .runner a.email::before { background-image:url("/wp-content/themes/doc_rheum/images/email.svg");} .runner a:last-child {margin-right:0px;} .runner-style a { padding:12px 12px 8px 32px; position: relative; margin-right:25px; z-index: 1; display:block} .runner-style a::before { position: absolute; content: ''; background-repeat:no-repeat; background-size: contain; background-position: center center; width:17px; height:17px; top:calc(50% - 8px); left:2px;} .runner-style a.phone::before { background-image:url("/wp-content/themes/doc_rheum/images/phone_slate.svg");} .runner-style a.email::before { background-image:url("/wp-content/themes/doc_rheum/images/email_grey.svg");} .mx-auto.max-w-65xl.flexPanel { flex-wrap:nowrap; justify-content: space-between; align-items: center;} .worldFlex { align-items:center; margin-top:50px;} .world { border-radius:100vh; margin-left:20px;} .world p { margin:0; display:flex; padding:1px 16px 1px 8px; font-weight: 500;} .world p img { margin-right:8px;} a.button-link.plum.phone-number-switch.bg-tangerine { background-color:var(--tangerine) !important; border-color:var(--tangerine) !important;} a.button-link.plum.phone-number-switch.bg-tangerine:hover { background-color:var(--plum) !important; border-color:var(--plum) !important;} .stars img { width:20px !important; margin-right:4px!important; height:auto !important;} @media (min-width:1023px){ .image-shift-up { margin-top: -100px;margin-left: -40px;width: calc(100% + 40px);max-width: calc(100% + 40px);} } p.buttonFlex { display:flex; gap:24px;} p.buttonFlex a.button-link { width:calc(50% - 12px); margin-right:0;} .badge-icon .flex-title-image { max-height: 50px; max-width:50px;} .badge-icon.badge-icon-bump .flex-title-image { transform: scale(115%); position: relative;} .rounded-padded {border-radius: 16px;padding: 30px 30px !important;} @media (min-width:1024px){ .flexPanel .cell_12.flexPanel { width:calc(100% + 48px); margin-left:-24px;} .rounded-padded {padding: 30px 45px !important;} } @media (max-width:767px){ .more-or-less { display:none;} } p.more-or-less-handle { color:var(--tangerine); text-decoration:underline;} a.button-link.plum.mobile-only { width:100%;} a.button-link.plum.bg-white { background-color:var(--white) !important; color:var(--tangerine) !important;} a.button-link.plum.bg-tangerine { background-color:var(--tangerine) !important; border:2px solid var(--tangerine) !important;} a.button-link.plum.border-tangerine { border:2px solid var(--tangerine) !important;} .testimonial_slide_item { background:var(--white); border-radius:16px; padding:5px 24px 24px 60px;} ul.leadership li .testimonial_quote p { font-style: italic;font-weight: 450;font-size: 28px;line-height: 40px !important; color: var(--black); text-align:left !important;} @media (max-width:767px){ ul.leadership li .testimonial_quote p { font-size:18px !important; line-height: 26px !important;} .page-panel.squatbottom.testimonial-slider {padding-top:12px !important;padding-bottom:24px !important;} .leadershipMobile .slick-arrow {width: 34px;height: 34px;} .leadershipMobile .slick-arrow.slick-prev {right:70px;} .leadershipMobile .slick-dots { left: 25px;} } ul.leadership li p.left {text-align: left !important;font-size: 16px;margin-left: 12px;margin-top: 3px;margin-bottom: 0;} .patient-feedback.leadershipMobile .slick-list { overflow:unset !important;} ul.patient-feedback.leadership li.testimonial_slide_item { width: 100%; text-align: center; display: flex !important; flex-wrap: wrap; align-content: space-between; position: relative; } ul.patient-feedback.leadership li.testimonial_slide_item::before { content:''; position: absolute; top:30px; left:27px; width:30px; height:20px; background:url("/wp-content/themes/doc_rheum/images/quote-tangerine.svg") no-repeat; background-size:contain; background-position: left top;} ul.patient-feedback.leadership li.testimonial_slide_item .testimonial_quote p:last-child::after { content:'”';} .flexPanel .cell_12.flexPanel .cell_12 { margin: 24px 48px; } .flexPanel .cell_12.flexPanel .cell_12.flexcard { display: flex; border-radius: 16px; overflow: hidden; padding: 0; } .pane { position:relative; width:100%; height:100%; } .pane img { position:absolute; top:0; left:0; object-fit: cover; width:100%; height:100%;} .flexPanel .cell_12.flexPanel .cell_12.flexcard .pane { width:calc(50% + 8px);} .flexPanel .cell_12.flexPanel .cell_12.flexcard .content-area { width:calc(50% - 8px); background:var(--lightestgrey); padding:30px 30px 80px 40px; } .flexPanel .cell_12.flexPanel .cell_12.flexcard .content-area p:first-of-type { margin-top:12px;} .flexPanel .cell_12.flexPanel .cell_12.flexcard .content-area p:last-child { margin-bottom:0px;} .flexPanel .cell_12.flexPanel .cell_12.flexcard:nth-child(2n){ flex-direction: row-reverse;} @media (max-width:1023px){ .flexPanel .cell_12.flexPanel .cell_12.flexcard { display: flex; width: 100%; flex-wrap: wrap; background: var(--lightestgrey); align-content: flex-start;} .flexPanel .cell_12.flexPanel .cell_12.flexcard .pane { position: relative;width: 100%; height: 0; padding-bottom: 50%;} .flexPanel .cell_12.flexPanel .cell_12.flexcard .content-area { width:100%; padding-bottom: 30px;} .flexPanel .cell_12 .flexPanel.aoi_mobile { width: calc(100% + 0px);margin: 0; display: block !important; padding-bottom: 42px !important;} .flexPanel .cell_12.flexPanel .cell_12.flexcard:nth-child(2n){ flex-direction: row;} .aoi_mobile .slick-arrow { top:unset; bottom: 0;} .aoi_mobile .slick-dots { left: 25px;background: var(--lighttangerine);top: unset;bottom: 8px;left: 12px;height: 6px;background: none;border-radius: 10px;} .aoi_mobile .slick-arrow {top:unset; bottom:0px; background-color:transparent; width:40px; height:40px;} .aoi_mobile .slick-dots {top:unset; bottom:8px; left:0; height:6px; background:none; border-radius:10px; background:var(--lighttangerine);} .aoi_mobile .slick-dots li { padding:0; width:47px; background:var(--lighttangerine); border:none; border-radius:10px; height: 6px; z-index: 67889888; display: flex; position: relative;margin:0; background:none; } .aoi_mobile .slick-dots li.slick-active {width:47px;} .aoi_mobile.slick-slider {padding-top:0; padding-bottom:64px;} .aoi_mobile .slick-dots li button {width:10px; height:6px; top:0; background:none; border:none; transition:none;} .aoi_mobile .slick-dots li.slick-active button {width:47px; height:6px; transition:none; background:var(--tangerine);} .aoi_mobile .slick-arrow.slick-prev {right:56px; transform:rotate(180deg);} .aoi_mobile .slick-arrow.slick-next { right: 0; } .aoi_mobile .slick-arrow.slick-prev { right: 46px; } .aoi_mobile .slick-arrow { width: 34px; height: 34px; } .flexPanel .cell_12.flexPanel.aoi_mobile .cell_12 { margin-left:0; margin-right:24px !important;} .flexPanel .cell_12.flexPanel.aoi_mobile .cell_12:last-child { margin-right:0 !important;} footer .max-w-6xl{padding-right: 0 !important; padding-left: 0 !important;} footer .grid.max-w-6xl{padding-right: 12px !important; padding-left: 12px !important;} } @media (max-width:1023px){ .footerinner {margin-bottom: 0px;padding: 0 12px;} } footer .button-link { background:var(--white); border:2px solid var(--tangerine);} footer .button-link:hover { background:var(--tangerine);} footer .button-link a { color:var(--tangerine) !important;font-weight: 600} footer .button-link a:hover { text-decoration: none !important; color:var(--white) !important;} footer .button-link:hover a { text-decoration: none !important; color:var(--white) !important;} footer .order-2 li a {font-weight: 600;} .left { text-align: left;} .right { text-align: right;} .center { text-align: center;} .cell_12.carded { padding:25px;} .carded .card {border-radius: 16px;} .carded .card p, .carded .card h4 {text-align: center; color: var(--black);} .carded .card ul { border-top:1px solid var(--tangerine); margin: 0 !important; padding:24px 0 0 !important; list-style: none !important;} .carded .card ul li { padding:0 0 24px 24px; position:relative; list-style: none !important; font-size:16px; color: var(--black);} .carded .card ul li::before { content:''; position: absolute; top:4px; left:0; width:10px; height: 10px; background: url("/wp-content/themes/doc_rheum/images/plus-tangerine.svg") center center no-repeat; background-size: contain;} .carded .card img.aligncenter { max-width:55px; margin-top: 7px;} .carded .card .button-link {width: calc(100% - 50px);text-align: center;bottom: 25px;left: 25px;position: absolute;} .carded .card .button-link:hover { background: var(--white); color:var(--plum); transition:.25s all ease-in-out; } .carded a.card {transition:.25s all ease-in-out; padding-bottom:83px;} .carded a.card:hover {transform:scale(104%); background: var(--lightestplum) !important; transition:.25s all ease-in-out; } .carded a.card:hover .button-link { background:var(--plum); color:var(--white); transition:.25s all ease-in-out; } .carded a.card:hover .button-link:hover { background:var(--plum); color:var(--white); transition:.25s all ease-in-out; } .round-cta { border-radius: 16px; max-width: unset; margin: 0 auto; padding: 1px 54px; display: inline-block; } @media (max-width:1023px){ .round-cta p { text-align: center;} } .fullpanel .team-image-panel { padding:0; border:1px solid var(--plum); position:relative; padding-bottom: 50%;} .fullpanel .team-image-panel img { position:absolute; object-fit: cover; object-position: center top; width:100%; height: 100%; top:0; left:0; margin:0 !important; border-radius:0px;} .fullpanel .team-text-panel { border:1px solid var(--plum); border-left:none; position:relative;} .fullpanel .flex.vertcenter.verttop.max-w-7xl { padding-left: 48px; padding-right: 48px;} @media (max-width:767px){ .fullpanel .flex.vertcenter.verttop.max-w-7xl { padding-left: 24px; padding-right: 24px; } .fullpanel .team-text-panel { border:1px solid var(--plum); border-top:none; position:relative;} .fullpanel .flex.vertcenter.verttop.max-w-7xl .leadership_cell { margin-left:0px !important;} .fullpanel .flex.vertcenter.verttop.max-w-7xl h2 { margin-left:0px !important;} } .state-selector { display:flex; justify-content: flex-start; margin:30px 0; gap:24px;} .state-selector h3 { transition:.25s all ease-in-out;} .state-selector h3.active { text-decoration: underline;} .state-selector h3:not(.active) { color:#A6A6A6;} .state-selector h3:not(.active):hover { color:var(--darkpink); transition:.25s all ease-in-out;} .state-select { display:none !important;} .state-select.active { display:block !important;} .justify-left .flex { justify-content: flex-start !important;} ul.icon-list { list-style:none; font-size: 20px; line-height: 28px; margin-left:0; padding: 0;} ul.icon-list li { padding-left:56px; position: relative; margin-bottom: 30px;} ul.icon-list li::before { content:''; position: absolute; top:0; left:0; width:40px; height: 40px; background-position: center top; background-repeat: no-repeat; background-size: contain;} ul.icon-list li.icon-heart::before { background-image: url(/wp-content/uploads/2025/04/icon-heart.svg);} ul.icon-list li.icon-mixer::before { background-image: url(/wp-content/uploads/2025/04/icon-mixer.svg);} ul.icon-list li.icon-devices::before { background-image: url(/wp-content/uploads/2025/04/icon-devices.svg);} @media (max-width:1023px){ ul.list-list { font-size:18px; line-height: 24px;} } .no-link a { cursor: default !important;} .no-link a:hover { text-decoration: none !important; color:var(--white) !important;} @media (max-width:767px){ h3.mobile-h4{font-style: normal;font-weight: 500;font-size: 20px;line-height: 28px;/* or 140% *//* Text Dark */color: #4D4D4D;} .header-nav-wrapper-outer { padding-left:24px; padding-right: 24px;} .badge-icon {padding: 12px 0 12px 64px !important; position: relative;} .badge-icon img { position: absolute !important; top:12px; left:0;} .badge-icon .flex-panel-inner.border-none.bg-none { margin-top:0;} .badge-icon .flex-panel-inner.border-none.bg-none h4 { margin-top:0;} } @media (max-width:1023px){ .leadershipMobile.slick-slider {padding-top: 24px;padding-bottom: 64px;} ul.leadership { width: calc(100% + 0px);margin-left: 0;} .fullpanel .team-image-panel {padding: 0;position: relative;padding-bottom: 50%;} .fullpanel .team-image-panel img {max-width: 100%;} .team-default-inner {margin-left: auto;margin-right: auto;flex-wrap: wrap;} } @media (max-width:767px){ .fullpanel .team-image-panel {padding: 0;position: relative;padding-bottom: 100%;} .flex-attributes { display:none !important;} .team-default-inner .greencheck.gc-large { margin-left:12px; margin-right:12px; width: calc(100% - 24px);} .single-teammember .team-default-inner .greencheck.gc-large { margin-left:0; margin-right:0; width: 100%;} .fullpanel .flex.vertcenter.verttop.max-w-7xl .team-default-inner h2 {text-align: left;width: 100%;margin: 0 12px !important;} .team-text-panel p.teamh4 {width: 100%; margin: 0 12px 24px !important;} .teammember-content a.button-link.plum { margin:0 12px !important; width: calc(100% - 24px);} .leadershipMobile.overflow-hidden-desktop-768 .slick-slide {margin-right: 1%;} .state-select .flex-panel-inner .blog-content { flex-direction: column-reverse;} .state-select .flex-panel-inner .blog-content iframe {width: 100%;height: 340px;} .state-select .flex-panel-inner .blog-content a.button-link { margin-left:0;} } @media (min-width:768px) and (max-width:1023px){ .team-text-panel h2, .team-text-panel p.teamh4 { width:100%; text-align: left;} .team-text-panel div.greencheck.gc-large { margin-left:0; margin-right:0; width: 100%;} .team-text-panel div.greencheck.gc-large p { text-align: left; margin:0 10px; width:100%} .state-select .flex-panel-inner .blog-content iframe {width: 100%;height:550px;} } .blue_testimonial { background: #dff3fe; height: 100%; padding: 16px; display: flex; flex-wrap: wrap; align-content: space-between; border-radius: 30px 30px 30px 0; } .blue_testimonial p:first-child { margin-top:0;} .aof p:first-of-type { margin-top:0;} .aof div.p { margin-bottom:0;} .accordion_list_outer { width: 100%; margin: 50px 0 0; display: flex; flex-wrap: wrap;justify-content: space-between;} .accordion_list_outer .cell_4 { width:calc(33.333% - 18px);} .accordion_list_outer h4 { margin:0; text-align: left;} .page-template-template-faq .faq-outer { margin-bottom:50px;} @media (max-width:1023px){ .page-template-template-faq .faq-outer { margin-bottom:30px;} .white-panel.faq.accordion-entry {margin: 0px;} } .white-panel.faq.accordion-entry .accordion_title { padding-right: 20px; } .flex-links { display:flex !important; gap:24px;} @media (max-width:767px){ .flex-links { flex-wrap:wrap; gap:12px;} .flex-links a.button-link { width:100%; margin:0;} } .square .leadershipMobile .slick-list { overflow: visible !important; } .top-non-pad p:first-child{ margin-top: 0 !important; } .callback p { font-size:16px !important;} @media (min-width:991px){ .page-template-template-schedule .basic .page-panel { padding: 200px 24px; } }