#Navigation-Container,#Content-Container{ width:100%; margin:0px; padding:0px; position:relative; } #Banner,#Navigation,#Content{ max-width:1200px; min-width:300px; margin:0px auto; padding:0px; position:relative; } .img-l{ float:left; margin:0px 15px 10px 0px; } .img-r{ float:right; margin:0px 0px 10px 15px; } .img-c,.textCenter{ text-align:center; } img.img-c{ display:block; margin:15px auto; } .textMain .img-c ul{ margin:0px; padding:0px; display:flex; flex-direction:row; flex-wrap:wrap; gap:5px; } .textMain .img-c li{ margin:0px; padding:0px; border:1px solid rgba(0,0,0,0.1); } #Banner-Container{ background:url(https://assets.yourpractice.online/2012/new-images/banner-s-bg.jpg) no-repeat center; background-size:cover; } #Banner{ padding:85px 0px 85px 0px; text-align:center; } #Banner h1,#Banner h2{ font:500 40px/46px var(--headingFont); color:#161616; } #Navigation-Container{ background:#f4f6fa; } #Navigation,.navigation{ font:700 14px/20px var(--siteFont); padding:10px; } #Navigation a,.navigation a{ font:300 14px/20px var(--siteFont); } #Navigation a:hover,.navigation a:hover{ text-decoration:underline; } #Content-Container{ border-bottom:1px solid #e5e5e5; } #Content{ display:grid; grid-template-columns:minmax(0,1fr) 300px; grid-template-areas:'Article Sidebar'; align-items:start; gap:40px; } #Content.noSidebar{ grid-template-columns:minmax(0,1fr); grid-template-areas:'Article'; } #Article{ grid-area:Article; position:relative; } .textMain h1{ font:600 54px/60px var(--headingFont); color:var(--siteFontColor); padding:10px 0px 10px 0px; } .textMain h1 span{ font:400 30px/40px var(--siteFont); color:var(--themeTwoBg); } .textMain h1 span,.textMain h2 span{ display:block; } .textMain h2,.textMain h3,.textMain h4,.hTag2,.hTag3,.hTag4{ padding:15px 0px 5px 0px; } .textMain h1 a,.textMain h2 a,.textMain h3 a,.textMain h4 a,.hTag2 a,.hTag3 a,.hTag4 a{ text-decoration:none; } .textMain h2,.hTag2,.textMain h3.hTag2,.textMain h4.hTag2{ font:700 34px/40px var(--headingFont); color:var(--themeOneBg); } .textMain h2 span{ font:400 20px/30px var(--siteFont); color:var(--themeFourBg); } .textMain h2 a,.hTag2 a,.textMain h3.hTag2 a,.textMain h4.hTag2 a{ color:var(--themeOneBg); } .textMain h3,.hTag3,.textMain h2.hTag3,.textMain h4.hTag3{ font:500 30px/34px var(--headingFont); color:var(--fontDark); } .textMain h3 a,.hTag3 a,.textMain h2.hTag3 a,.textMain h4.hTag3 a{ color:var(--fontDark); } .textMain h4,.hTag4,.textMain h2.hTag4,.textMain h3.hTag4{ font:600 24px/28px var(--headingFont); color:var(--themeOneBg); } .textMain h4 a,.hTag4 a,.textMain h2.hTag4 a,.textMain h3.hTag4 a{ color:var(--themeOneBg); } .textMainBold{ font-weight:700; } .textMain p.textMainBold{ padding:15px 0px 5px 0px; } .PDFtext{ font:400 12px var(--siteFont); color:#666; } .mandatory{ font:400 14px var(--siteFont); color:rgba(190,0,0,1); } .textMain{ padding:40px 10px 50px 10px; font:400 16px/30px var(--siteFont); color:var(--siteFontColor); overflow-wrap:break-word; } .textMain a{ color:var(--themeOneBg); } .textMain a:hover{ color:var(--themeTwoBg); } .textMain p{ padding:5px 0px 10px 0px; } .textMain ul{ padding:0px 0px 10px 0px; } .textMain ol{ padding:0px 0px 10px 30px; } .textMain ul li{ background:url(https://assets.yourpractice.online/2012/new-images/bullet-b.gif) no-repeat 10px 15px; padding:5px 5px 5px 30px; } .textMain ol li{ padding:5px 5px 5px 5px; list-style:decimal; } .textMain ul ul,.textMain ol ol,.textMain ul ol,.textMain ol ul{ padding:5px 5px 5px 20px; } .textMain ul ul li,.textMain ol ul li,.textMain ul ol li{ background:none; list-style:disc; } .textMain ul ul ul li,.textMain ol ul ul li{ list-style:square; } .textMain ul ul ul ul li,.textMain ol ul ul ul li{ list-style:circle; } .textMain ol ol li,.textMain ul ol li{ list-style-type:lower-alpha; } .textMain ol ol ol li,.textMain ul ol ol li{ list-style:lower-roman; } .textMain ul ul li,.textMain ol ol li,.textMain ol ul li,.textMain ul ol li{ padding:5px; } .textMain li p{ padding:5px; } #Sidebar{ width:320px; grid-area:Sidebar; padding:50px 0px 50px 0px; } .relatedTabs,.subLinkTabs{ padding:20px 0px; } .textMain .relatedTabs p{ padding:10px 0px 20px 0px; } .textMain .relatedTabs ul{ padding:0px; margin:0px; display:flex; flex-direction:row; flex-wrap:wrap; gap:20px; } .textMain .subLinkTabs ul{ padding:0px; margin:0px; display:grid; grid-template-columns:repeat(2,1fr); gap:20px; } .textMain .relatedTabs li,.textMain .subLinkTabs li{ padding:0px; margin:0px; font:500 16px/30px var(--siteFont); color:var(--fontLight); background:none; } .textMain .relatedTabs li{ text-align:center; } .textMain .relatedTabs li a,.textMain .subLinkTabs li a{ display:block; padding:10px 60px 10px 20px; text-decoration:none; border:2px solid rgba(0,0,0,0.1); color:var(--siteFontColor); border-radius:10px; position:relative; transition:0.45s ease; overflow:hidden; } .textMain .relatedTabs li a:hover,.textMain .subLinkTabs li a:hover{ border:2px solid var(--themeTwoBg); box-shadow:0 10px 10px 2px rgba(0,0,0,0.1); transform:translateY(-3px); } .textMain .relatedTabs li a::after,.textMain .subLinkTabs li a::after{ position:absolute; z-index:1; right:20px; top:50%; transform:translateY(-50%); content:'\f178'; font-family:'fontello'; transition:right 0.45s ease; } .textMain .relatedTabs li a:hover::after,.textMain .subLinkTabs li a:hover::after{ right:10px; } .textMain .relatedTabs li a::before,.textMain .subLinkTabs li a::before{ position:absolute; z-index:1; left:0px; bottom:0px; content:''; transition:0.35s ease; width:0px; height:5px; background:var(--themeOneBg); } .textMain .relatedTabs li a:hover::before,.textMain .subLinkTabs li a:hover::before{ width:100%; } .textMain .impNote{ padding:10px 20px; border:1px solid var(--themeFourBg); border-radius:20px; border-left:4px solid var(--themeTwoBg); } .textMain .impList{ padding:20px 0px 0px 0px; } .textMain .impList ul{ margin:0px; padding:0px; display:flex; flex-direction:row; flex-wrap:wrap; gap:5px; } .textMain .impList li{ margin:0px; padding:5px; font:600 16px/20px var(--siteFont); background:none; text-transform:uppercase; } .textMain .impList li a{ background:var(--themeOneBg); color:var(--fontLight); display:block; padding:10px 20px; } .textMain .impList li a:hover{ background:var(--themeThreeBg); color:var(--fontLight); text-decoration:none; } .textMain .drTitle{ font:700 50px/60px var(--headingFont); color:var(--fontDark); position:relative; padding-bottom:40px; text-transform:uppercase; } .textMain .drTitle span{ display:block; font:500 20px/30px var(--siteFont); color:var(--themeTwoBg); text-transform:none; } #DoctorProfile{ position:relative; height:540px; text-align:center; } .drContent{ padding:35px 20px 55px 20px; background:#fff; border-radius:35px; bottom:-30px; box-shadow:rgba(100,100,111,0.2) 0px 7px 29px 0px; position:absolute; } .drName{ font:400 36px/38px var(--headingFont); } .drName span{ font:400 12px/15px var(--siteFont); color:#60aea1; display:block; text-transform:uppercase; letter-spacing:0.6px; margin:12px 0px 32px 0px; } .drProfile a{ min-width:245px; padding:19px 30px; border:0; border-radius:40px; background:#003434; color:#fff; font:500 15px/18px var(--siteFont); letter-spacing:1px; text-transform:uppercase; cursor:pointer; transition:background .3s ease,transform .3s ease; } #PatientResources{ box-shadow:rgba(100,100,111,0.2) 0px 7px 29px 0px; margin:75px 0px 0px 0px; border-radius:30px; padding:0px 0px 30px 0px; } .ptitle{ font:500 35px/35px var(--headingFont); text-align:center; padding:35px 0px 25px 0px; } .quickLinksList{ display:flex; margin:0; padding:0; list-style:none; flex-direction:column; } .quickLinksList li{ flex:1; position:relative; border-bottom:2px solid #f3f3f3; } .quickLinksList li:last-child{ border-bottom:0; } .quickLinksList li:not(:last-child)::after{ content:""; position:absolute; top:18px; right:0; width:1px; height:110px; background:#e5e5e5; } .quickLinksList a{ display:flex; flex-direction:row; align-items:center; padding:10px 20px 0px 40px; text-align:left; text-decoration:none; color:#1a1a1a; transition:.3s ease; } .quickLinksList img{ transition:transform .35s ease; margin:10px 22px 18px 0px; max-width:50px; width:50px; } .quickLinksList span{ font:400 15px/18px var(--siteFont); text-transform:uppercase; letter-spacing:.5px; transition:color .3s ease; } .quickLinksList a:hover img{ transform:translateY(-6px) scale(1.08); } .quickLinksList a:hover span{ color:#6d2c84; } .staff-profiles{ padding:40px 0 0px; } .staff-profile{ display:flex; align-items:flex-start; gap:28px; padding:28px; margin-bottom:30px; background:#f8f8f8; border:1px solid #eeeeee; border-radius:5px; } .staff-profile-image{ flex:0 0 202px; } .staff-profile-image img{ display:block; width:100%; height:auto; border-radius:0; } .staff-profile-content{ flex:1; min-width:0; padding-top:4px; } .staff-profile-content h2{ margin:0 0 4px; padding:0; font:700 30px/34px var(--headingFont); } .staff-profile-designation{ margin:0 0 10px; font:400 20px/26px var(--siteFont); } .staff-profile-contact{ display:flex; flex-wrap:wrap; gap:8px 28px; margin-bottom:18px; } .staff-profile-contact p{ display:flex; align-items:center; gap:7px; margin:0; } .staff-profile-contact a{ color:#005f7d; text-decoration:none; } .staff-profile-contact a:hover{ text-decoration:underline; } .staff-profile-contact .font-icon{ display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; font-size:15px; color:#005f7d; } .staff-profile-contact .font-icon:before{ content:var(--icon); } .staff-profile-description p:last-child{ margin-bottom:0; } .txt-note{ display:flex; justify-content:space-between; align-items:center; background:#d1eeec; padding:20px; border-radius:10px; } .textLeft h3{ padding:0; } .flexMain{ display:flex; justify-content:space-around; align-items:center; gap:40px; } .flexImg{ min-width:300px; } .flexImg img{ padding:4px; border:1px solid #e1e1e1; border-radius:4px; } .txtFloat a{ text-align:center; background:#d1eeec; display:block; border-radius:50px; margin-bottom:10px; padding:10px; font:600 21px/21px var(--siteFont); } .newsCard{ box-shadow:rgba(149,157,165,0.2) 0px 8px 24px; padding:20px; border-left:4px solid #d1eeec; border-radius:10px; margin-bottom:40px; } .textMain .newsCard h3{ margin:0px; padding:0px 0px 15px 0px; border-bottom:1px solid #d1eeec; margin-bottom:15px; } .newsMore{ margin:15px 0px 10px 0px; } .newsMore a{ background:var(--themeOneBg); color:#fff; padding:15px 30px; border-radius:50px; } .textMain .ctScan{ padding-bottom:20px; border-bottom:1px solid #d1eeec; margin-bottom:40px; } .form-container::before{ content:""; position:absolute; top:0; left:45px; right:45px; height:4px; border-radius:0 0 5px 5px; background:#85c7bc; } .form-container{ position:relative; width:100%; border-radius:14px; background:linear-gradient(#f9f9f9,#ecf9f7) padding-box,linear-gradient(135deg,#83b9b0,#d0eee8 50%,#83b9b0) border-box; margin-top:30px; } #topCta{ margin-bottom:30px; } .topCtaWrap{ position:relative; overflow:hidden; display:flex; gap:35px; padding:30px; border:1px solid rgba(255,255,255,.12); border-radius:18px; } .topCtaWrap::before{ content:""; position:absolute; inset:0; background:rgba(7,141,131,0.09); } .topCtaIcon,.topCtaContent{ position:relative; z-index:2; } .topCtaIcon{ width:60px; height:60px; flex:0 0 60px; border-radius:50%; background:var(--themeOneBg); display:flex; align-items:center; justify-content:center; } .topCtaIcon svg{ width:32px; height:32px; stroke:#fff; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; fill:none; } .topCtaContent h2{ margin:0 0 10px; padding:0; font:700 34px/46px var(--headingFont); } .topCtaContent p{ margin:0 0 28px; color:#000; font:400 19px/26px var(--siteFont); padding:0; } .topCtaBtns{ display:flex; gap:16px; flex-wrap:wrap; } .textMain .topCtaBtn,.topCtaPhone{ height:56px; padding:0 26px; border-radius:8px; display:flex; align-items:center; justify-content:center; gap:12px; background:var(--themeOneBg); color:#fff; text-decoration:none; font:600 17px/17px var(--siteFont); transition:.3s; } .textMain .topCtaBtn:hover{ background:var(--themeTwoBg); color:#fff; } .topCtaPhone{ background:transparent; color:#fff; border:1px solid var(--themeOneBg); } .topCtaBtn svg,.topCtaPhone svg{ width:18px; height:18px; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; fill:none; transition:.3s; } .topCtaBtn svg{ color:#fff; } .topCtaPhone svg{ color:var(--themeOneBg); } .introSection{ margin:0 0 30px; background:#fdfdfd; padding:40px 20px; border-radius:10px; box-shadow:rgba(99,99,99,0.2) 0px 2px 8px 0px; } .introHeading{ position:relative; padding-left:22px; margin-bottom:22px; } .introHeading:before{ content:""; position:absolute; left:0; top:4px; width:4px; height:calc(100% - 8px); background:#008b91; border-radius:4px; } .sectionLabel{ display:block; margin-bottom:7px; font:700 13px/17px var(--siteFont); letter-spacing:1.4px; color:#008b91; text-transform:uppercase; } .introText{ padding-left:26px; } .introText p{ margin:0 0 15px; } .sectionHeading{ margin-bottom:28px; } .sectionHeading h2{ margin:0 0 12px; } .expertiseSection{ margin:40px 0px; } .expertiseGrid{ display:grid; grid-template-columns:repeat(2,1fr); gap:18px; } .expertiseCard{ display:flex; gap:17px; padding:24px; background:#fff; border:1px solid #e1e8e8; border-radius:12px; box-shadow:0 5px 18px rgba(0,0,0,0.04); transition:all 0.3s ease; } .expertiseCard:hover{ transform:translateY(-4px); border-color:#abd4d5; box-shadow:0 10px 25px rgba(0,0,0,0.08); } .expertiseNumber{ flex:0 0 42px; width:42px; height:42px; display:flex; align-items:center; justify-content:center; background:#edf7f7; border-radius:50%; font:700 12px/1 var(--siteFont); color:#008b91; } .expertiseContent h3{ margin:0 0 7px; } .expertiseContent p{ margin:0; } .faqSection{ margin:50px 0px; padding:42px 40px; background:#f7f9f9; border-radius:16px; } .faqList{ max-width:950px; } .faqItem{ margin-bottom:10px; background:#fff; border:1px solid #e0e7e7; border-radius:8px; overflow:hidden; } .faqItem summary{ font-weight:600; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px 20px; cursor:pointer; list-style:none; } .faqItem summary::-webkit-details-marker{ display:none; } .faqItem summary i{ flex:0 0 28px; width:28px; height:28px; display:flex; align-items:center; justify-content:center; background:#edf6f6; border-radius:50%; font:normal 19px/1 Arial,sans-serif; color:#008b91; transition:transform 0.3s ease; } .faqItem[open] summary{ color:#008b91; } .faqItem[open] summary i{ transform:rotate(45deg); } .faqAnswer{ padding:0 20px 20px; border-top:1px solid #edf0f0; } .faqAnswer p{ margin:15px 0 0; } .consultationSection{ position:relative; margin-bottom:20px; padding:45px; background:#173f44; border-radius:16px; overflow:hidden; } .consultationSection:before{ content:""; position:absolute; width:300px; height:300px; right:-120px; top:-130px; border:45px solid rgba(255,255,255,0.04); border-radius:50%; } .consultationInner{ position:relative; z-index:2; display:grid; gap:40px; align-items:center; } .consultationContent .sectionLabel{ color:#9dd7d8; } .consultationContent h2{ margin:0 0 16px; color:#fff; } .consultationContent p{ margin:0 0 13px; color:rgba(255,255,255,0.85); } .consultationContent strong{ color:#fff; } .textMain .consultationButton{ display:inline-flex; align-items:center; gap:14px; margin-top:12px; padding:13px 21px;background:var(--themeTwoBg); border-radius:30px; color:var(--themeOneBg); text-decoration:none; transition:all 0.3s ease; } .consultationButton span{ font-size:18px; transition:transform 0.3s ease; } .consultationButton:hover{ background:#e7f4f4; } .consultationButton:hover span{ transform:translateX(4px); } .consultationCard{ padding:27px 22px; background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.14); border-radius:12px; text-align:center; } .consultationIcon{ width:46px; height:46px; margin:0 auto 14px; display:flex; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,0.4); border-radius:50%; font-size:23px; color:#fff; } .consultationCard h3{ margin:0 0 8px; font:700 15px/1.4 var(--siteFont); color:#fff; } .consultationCard p{ margin:0; font:400 12px/1.65 var(--siteFont); color:rgba(255,255,255,0.75); } .textMain .consultationContent p a,.textMain .consultationContent p a:hover { color:var(--themeTwoBg); } .textMain .consultationButton:hover{ color:var(--themeOneBg); } .raterMain{ background:#f5f9fb; border-radius:10px; margin-bottom:50px; } .raterMain h3{ padding:40px 0px 50px 0px; text-decoration:underline; text-underline-offset:10px; } .insurance-list{ display:grid; grid-template-columns:repeat(2,1fr); gap:8px 30px; padding-left:20px; } #syk_mako_shoulder h1{ text-transform:capitalize; } @media screen and (max-width:1200px){ #Navigation, .navigation{ padding:10px 20px; } .textMain{ padding:40px 20px; } } @media screen and (max-width:1100px){ #Content{ gap:25px; } } @media screen and (max-width:900px){ #Banner{ padding:30px 0px; } #Content{ grid-template-columns:minmax(0,1fr); grid-template-areas:'Article''Sidebar'; } #Sidebar{ padding:20px 0px; } .img-l, .img-r{ float:none; display:block; margin:10px auto 20px auto; } .expertiseGrid{ grid-template-columns:1fr; } .consultationInner{ grid-template-columns:1fr; } } @media screen and (max-width:700px){ .textMain .subLinkTabs ul{ grid-template-columns:1fr; } .textMain .relatedTabs li{ flex:1 auto; } .textMain h1{ font:700 36px/40px var(--headingFont); } .textMain h1 span{ font:700 24px/30px var(--siteFont); } .textMain h2, .hTag2, .textMain h3.hTag2, .textMain h4.hTag2{ font:700 30px/34px var(--headingFont); } .introSection{ padding:28px 22px; } .faqSection{ padding:30px 20px; } .faqItem summary{ padding:16px; } .faqAnswer{ padding:0 16px 16px; } .consultationSection{ padding:32px 22px; } .staff-profile{ flex-direction:column; } .flexMain{ align-items:self-start; gap:10px; flex-direction:column; } .textMain .relatedTabs li{ text-align:left; } } @media (max-width:575px){ .insurance-list{ grid-template-columns:1fr; } } @media screen and (max-width:480px){ .textMain h1{ font:700 32px/40px var(--headingFont); } .textMain h1 span{ font:700 20px/30px var(--siteFont); } .textMain h2, .hTag2, .textMain h3.hTag2, .textMain h4.hTag2{ font:700 26px/30px var(--headingFont); } .textMain h3, .hTag3, .textMain h2.hTag3, .textMain h4.hTag3{ font:700 24px/30px var(--headingFont); } .introSection{ padding:25px 18px; } .expertiseCard{ padding:20px 17px; } .expertiseNumber{ flex-basis:36px; width:36px; height:36px; } .consultationSection{ padding:28px 18px; } } .accessible_on .textMain .relatedTabs li a:hover,.accessible_on .textMain .subLinkTabs li a:hover{ transform:translateY(0px); } html[data-theme='dark'] .textMain .relatedTabs li a:hover,html[data-theme='dark'] .textMain .subLinkTabs li a:hover{ box-shadow:0 5px 5px 2px rgba(255,255,255,0.5); }.textMain .reviewsList{ position:relative; padding:20px 0px; } .textMain .reviewsList ul{ margin:0px; padding:0px; display:flex; flex-direction:row; flex-wrap:wrap; gap:10px; justify-content:center; } .textMain .reviewsList li{ margin:0px; padding:0px; background:none; font:400 16px/20px var(--siteFont); position:relative; } .textMain .reviewsList a{ display:block; padding:10px 25px; text-decoration:none; color:var(--themeOneBg); border-radius:40px; border:2px solid rgba(0,0,0,0.1); } .textMain .reviewActive a{ background:var(--themeOneBg); color:var(--fontLight); } .bg-icon::before{ content:''; position:relative; width:37px; height:20px; display:inline-block; vertical-align:middle; margin-top:-4px; } .textMain .googleReview a::before{ background:url(https://assets.yourpractice.online/2012/new-images/google-review.png) no-repeat center center; } .textMain .healthReview a::before{ background:url(https://assets.yourpractice.online/2012/new-images/healthgrade-review.png) no-repeat center center; } .reviewMain,.textMain .reviewList{ position:relative; padding:20px 0; } .rating{ margin-bottom:20px; } .textMain .reviewMain > ul, .textMain .reviewList .Slider1{ margin:0; padding:0; display:block; columns:3; column-gap:20px; } .textMain .reviewMain > ul > li, .textMain .reviewList > ul > li{ margin:0 0 20px; padding:20px; background:none; border:1px solid rgba(0,0,0,0.1); border-radius:10px; font:400 17px/27px var(--siteFont); position:relative; overflow:hidden; display:inline-flex; flex-direction:column; width:100%; min-width:0; height:auto; box-sizing:border-box; break-inside:avoid; transition:transform 0.3s ease,box-shadow 0.3s ease; } .textMain .reviewMain > ul > li:hover,.textMain .reviewList > ul > li:hover{ transform:translateY(-5px); box-shadow:0 0 10px 2px rgba(0,0,0,0.1); } .textMain .reviewMain > ul > li p,.textMain .reviewList > ul > li p{ margin-top:0; } .textMain .reviewMain > ul > li > a:last-child,.textMain .reviewList > ul > li > a:last-child{ margin-top:auto; align-self:flex-start; } .textMain .reviewMain > ul > li .readMore,.textMain .reviewList > ul > li .readMore{ margin-top:auto; align-self:flex-start; } .all-imgs.inner-only ul{ display:grid; grid-template-columns:auto auto auto; align-items:center; gap:10px; } .im-r.img-r-spl.only-one-in img{ float:left; margin:0px 40px 20px 0px; border:1px solid #e1e1e1; padding:10px; } .all-imgs.inner-only ul li{ padding:0px; background:none; } @media (max-width:991px){ .textMain .reviewMain > ul,.textMain .reviewList > ul{ grid-template-columns:repeat(2,minmax(0,1fr)); } .textMain .reviewMain > ul, .textMain .reviewList .Slider1{ columns:2; } } @media (max-width:600px){ .textMain .reviewMain > ul,.textMain .reviewList > ul{ grid-template-columns:1fr; } .textMain .reviewMain > ul > li,.textMain .reviewList > ul > li{ min-height:300px; } } @media (max-width:575px){ .textMain .reviewMain > ul, .textMain .reviewList .Slider1{ columns:1; } } .reviewDiv{ padding:20px; flex:1; display:flex; flex-direction:column; } .reviewDiv::before{ content:'\f10d'; position:relative; color:var(--themeOneBg); font:400 30px/30px 'fontello'; padding-bottom:10px; display:block; } .reviewMore{ margin-top:auto; padding:10px 0px 0px 0px; font:400 16px/20px var(--siteFont); text-align:right; } .textMain .reviewMore ul{ margin:0px; padding:0px; display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; } .textMain .reviewMore li{ margin:0px; padding:0px; background:none; list-style:none; } .Slider1 > li .revMore{ margin:22px 0 0; padding:0; } .Slider1 > li .revMore a{ display:inline-flex; align-items:center; gap:8px; width:auto; margin:0; padding:12px 20px; border:1px solid #ddd9d0; border-radius:20px; background:transparent; font-size:11px; line-height:1; font-weight:600; letter-spacing:1px; text-transform:uppercase; color:#4d554f; text-decoration:none; } .Slider1 > li .revMore a::after{ content:"→"; font-size:16px; line-height:1; } .patientReview .font-icon::before,.writeReview .font-icon::before,.videoReview .font-icon::before,.raterReview .font-icon::before{ margin-right:10px; } .stars{ margin:5px 0px; display:flex; flex-direction:row; flex-wrap:nowrap; gap:5px; align-items:center; } .textMain .rSource{ margin-left:auto; font:600 italic 16px/20px var(--siteFont); white-space:nowrap; } .rating-display{ color:var(--themeOneBg); font:400 16px/26px var(--siteFont); text-align:center; display:none; margin:0px auto; } .reviewName{ margin-top:auto; font-style:italic; text-align:center; background:var(--themeOneBg); color:var(--fontLight); padding:15px; } .textMain li.rMore a{ display:inline-block; vertical-align:top; margin:0px; padding:10px 20px; border:2px solid rgba(0,0,0,0.1); border-radius:40px; } .textMain li.rMore a:hover{ text-decoration:none; background:var(--themeOneBg); color:var(--fontLight); } .revName{ font-style:italic; text-align:right; } .textMain .galleries ul{ margin:0px; padding:0px; } .textMain .galleries li{ margin:3px; padding:0px; display:inline-block; vertical-align:top; } .textMain .galleries li img{ border:2px solid var(--fontDark); padding:2px; } .stars{ margin:5px; text-align:center; display:inline-block; vertical-align:top; } .rating-display{ color:#9f9fa2; font:400 16px/26px 'Open Sans',sans-serif; text-align:center; display:none; margin:0px auto; } svg .star1{ fill:var(--themeOneBg) !important; stroke:var(--themeTwoBg) !important; } svg .star1_stroke{ fill:var(--themeOneBg) !important; stroke:var(--themeTwoBg) !important; } svg .star4{ fill:var(--themeOneBg) !important; stroke:var(--themeTwoBg) !important; } svg .star4_stroke{ stroke:#fff !important; } .dfw-whitemode svg .star1{ fill:#00e !important; stroke:#00e !important; } .dfw-whitemode svg .star1_stroke{ fill:#00e !important; stroke:#00e !important; } .dfw-whitemode svg .star4_stroke{ stroke:#00e !important; } .dfw-blackmode svg .star1{ fill:#fc0 !important; stroke:#fc0 !important; } .dfw-blackmode svg .star1_stroke{ fill:#fc0 !important; stroke:#fc0 !important; } .dfw-blackmode svg .star4_stroke{ stroke:#fc0 !important; } .dfw-greymode svg .star1{ fill:#000 !important; stroke:#000 !important; } .dfw-greymode svg .star1_stroke{ fill:#000 !important; stroke:#000 !important; } .dfw-greymode svg .star4_stroke{ stroke:#000 !important; } html[data-theme='dark'] .accessible_on .textMain .reviewList > ul > li{ box-shadow:inset 0 5px 5px 2px rgba(255,255,255,0.5); } .accessible_on svg .star1{ fill:var(--linkColor) !important; stroke:var(--linkColor) !important; } .accessible_on svg .star1_stroke{ fill:var(--linkColor) !important; stroke:var(--linkColor) !important; } .accessible_on svg .star4_stroke{ stroke:var(--linkColor) !important; } @media only screen and (max-width:991px){ .textMain .reviewMain > ul{ grid-template-columns:repeat(2,1fr); } } @media only screen and (max-width:600px){ .textMain .reviewMain > ul{ grid-template-columns:1fr; } .textMain .reviewMain > ul > li{ min-height:auto; } .textMain .reviewMore ul{ flex-wrap:wrap; } }:root[data-theme='light'], html[data-theme='light']{ --primarybgColor:#ffffff; --secondarybgColor:#cccccc; --textColor:#000000; --linkColor:#0000ee; --borderColor:#000000; } :root[data-theme='dark'], html[data-theme='dark']{ --primarybgColor:#000000; --secondarybgColor:#333333; --textColor:#ffffff; --linkColor:#ffcc00; --borderColor:#ffffff; } :root[data-theme='grey'], html[data-theme='grey']{ --primarybgColor:#cccccc; --secondarybgColor:#eeeeee; --textColor:#333333; --linkColor:#000000; --borderColor:#999999; } html[data-theme='grey'] .accessible_on #Container{ -webkit-filter:grayscale(100%); filter:grayscale(100%); } .dfwOff, .dfwOn{ display:none; } .adaActive.dfwOff, .adaActive.dfwOn{ display:block; } .dfwOff{ position:fixed; z-index:99999; left:10px; bottom:10px; width:60px; height:60px; } .dfwOff ul{ width:100%; height:100%; } .adaOn{ position:relative; z-index:1; width:100%; height:100%; display:block; } .adaOn a{ width:100%; height:100%; display:block; border-radius:100%; background:var(--themeOneBg); color:var(--fontLight); } .adaOn span{ width:100%; height:100%; display:block; font-family:'fontello'; font-size:36px; } .adaOn span::before{ content:'\f29a'; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); } .dfwOff li.adaClose{ position:absolute; } .dfwOff.adaHide{ left:-50px; } .adaClose{ font: bold 11px/24px Verdana, Arial, Helvetica, sans-serif; color:var(--fontLight); left:50%; top:50%; transform:translate(-50%,-50%); } .adaClose a{ border-radius:5px; display:block; padding:0px 10px; background:var(--themeOneBg); } .dfwOff:hover .adaClose, .dfwOff:focus .adaClose{ left:85%; transform:translate(0,-50%); } .dfwOff:focus-within .adaClose{ left:85%; transform:translate(0,-50%); } .dfwClose{ position:absolute; font: bold 11px/24px Verdana, Arial, Helvetica, sans-serif; left:50%; top:0px; z-index:-1; } .dfwClose a{ border-radius:0px 5px 5px 0px; display:block; padding:0px 10px; background:var(--primarybgColor); border:1px solid var(--borderColor); color:var(--textColor); } .dfwOn.adaActive.dfwHide .dfwClose{ visibility:visible; left:70%; } .dfwOn.adaActive.dfwHide .dfwClose a{ padding:0px 30px 0px 8px; } .dfwOn.adaActive.dfwHide .dfwClose a::before{ position:absolute; z-index:1; content:'\f29a'; left:calc(100% - 24px); top:50%; transform:translate(0,-50%); font:400 20px/24px 'fontello'; } .dfwOn:hover .dfwClose, .dfwOn:focus .dfwClose, .dfwOn.adaActive.dfwHide:hover .dfwClose, .dfwOn.adaActive.dfwHide:focus .dfwClose{ left:100%; } .dfwOn:focus-within .dfwClose, .dfwOn.adaActive.dfwHide:focus-within .dfwClose{ left:100%; } .dfwOn{ position:fixed; left:0px; top:50%; transform:translate(0,-50%); font:normal 12px/20px var(--siteFont); z-index:9999; width:200px; background:var(--primarybgColor); border:1px solid var(--borderColor); color:var(--textColor); } html[data-theme='grey'] .dfwOn{ background:var(--fontLight); } .dfwOn.adaActive li.dfwActive a{ background:var(--primarybgColor); color:var(--linkColor); } .dfwOn.dfwHide{ left:-200px; } .dfwOn li:not(:last-child){ border-bottom:1px dotted var(--borderColor); } .dfwOn li a{ padding:10px 15px; display:block; } .dfwOn li a::before{ margin-right:10px; } .dfwOff, .dfwOff.adaHide, .adaClose, .dfwOff:hover .adaClose, .dfwOff:focus .adaClose, .dfwClose, .dfwOn:hover .dfwClose, .dfwOn:focus .dfwClose, .dfwOn.adaActive.dfwHide:hover .dfwClose, .dfwOn.adaActive.dfwHide:focus .dfwClose, .dfwOn, .dfwOn.dfwHide{ -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; } .dfwOff:focus-within .adaClose, .dfwOn:focus-within .dfwClose, .dfwOn.adaActive.dfwHide:focus-within .dfwClose{ -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; } .dfwHead{ font:bold 14px/20px var(--siteFont); padding:15px; position:relative; z-index:1; background:var(--primarybgColor); } html[data-theme='grey'] .dfwHead{ background:var(--fontLight); } .dfwHide .dfwHide a{ padding-left:20px; } .dfwHide.dfwOn:hover .dfwHide, .dfwHide.dfwOn:focus .dfwHide{ right:-65px; } .dfwHide.dfwOn:focus-within .dfwHide{ right:-65px; } .dfwHide.dfwOn:hover .dfwHide a, .dfwHide.dfwOn:focus .dfwHide a{ padding-left:50px; } .dfwHide.dfwOn:focus-within .dfwHide a{ padding-left:50px; } .dfw-skip{ overflow:hidden; vertical-align:top; right:5px; top:0px; position:absolute; font:normal 12px/20px var(--siteFont); display:none; z-index:99; padding:2px; } .dfw-skip a{ display:block; padding:0px 5px; } .accessible_on a:focus{ outline:1px solid red; box-shadow:0px 0px 5px 2px rgba(255,0,0,0.2); outline-offset:1px; } .accessible_on a:focus-within{ outline:1px solid red; box-shadow:0px 0px 5px 2px rgba(255,0,0,0.2); outline-offset:1px; } html[data-theme='dark'] .accessible_on #Container.slideRight.slideContainer, html[data-theme='dark'] .accessible_on #Container.slideLeft.slideContainer{ background:rgba(255,255,255,0.4); } html[data-theme='light'] .accessible_on #Container.slideRight.slideContainer, html[data-theme='light'] .accessible_on #Container.slideLeft.slideContainer{ background:rgba(0,0,0,0.4); } html[data-theme='grey'] .accessible_on #Container.slideRight.slideContainer, html[data-theme='grey'] .accessible_on #Container.slideLeft.slideContainer{ background:rgba(204,204,204,0.4); } .accessible_on, .accessible_on #Accessibility, .accessible_on .dfw-skip, .accessible_on #gdpCookie, html[data-theme='grey'] .accessible_on #dfw-GreyMode.dfwActive a{ background:var(--primarybgColor); } .accessible_on #Container, .accessible_on #Container:not(a) *, .accessible_on #Container *:not(a), .accessible_on #gdpCookie, .accessible_on #gdpCookie *{ border-color:var(--borderColor) !important; color:var(--textColor); } .accessible_on #Container a, .accessible_on #Container a:hover, .accessible_on #Container a *, .accessible_on #Container a:hover *, .accessible_on #Container * a, .accessible_on #Container * a:hover, .accessible_on #Container * a *, .accessible_on #Container * a:hover *, .accessible_on #dfw-WhiteMode.dfwActive a, .accessible_on #gdpCookie a, .accessible_on #gdpCookie * a{ color:var(--linkColor) !important; transition:none !important; } .accessible_on #Container * u{ text-decoration:none !important; } .accessible_on .menu ul, .accessible_on .Wrapper{ background:var(--secondarybgColor); } .accessible_on .menu, .accessible_on .menu li.menu-home, .accessible_on .socLogo, .accessible_on .socLogo li{ width:auto; } .accessible_on .socLogo li, .accessible_on .menu li{ height:auto; } .accessible_on .socLogo li a{ border-radius:0px; padding:5px 10px; } .accessible_on [class*='logo'], .accessible_on #Container *::selection{ isolation:isolate; mix-blend-mode:difference; } .accessible_on #Container *:not(.menu *,.dfw-skip a,.textMain a){ color:inherit; } .accessible_on .theme-L, .accessible_on .theme-R, .accessible_on #Container *::after, .accessible_on #Container *:not(.font-icon,.notImg,.thankImg,[class$='icon'])::before, .accessible_on #Container [class$='Appoint'] span, .accessible_on #Container [class$='More'] span, .accessible_on #Container .menu-home a::before, .accessible_on .socLogo li a::before{ display:none; } .accessible_on .menu li.menu-home span, .accessible_on .socLogo li span, .accessible_on .dfw-skip{ display:block; } .accessible_on #Container *:not(.dfw-skip,.menu ul,.ypoLogo *,.logo *,.pdf-icon,.hr,.textMain li,.thankImg), .accessible_on .textMain *:not(.accessKeys) ul li, .accessible_on #gdpCookie *, .accessible_on .blogMain li[class^='blog-post'], .accessible_on .blogMain li[class^='pagelet-post']{ background:none !important; } .accessible_on [id$='Container']{ padding:0px !important; } .accessible_on [class$='More'] a, .accessible_on [class$='Appoint'] a, .accessible_on [class$='Tabs'] li a{ padding:10px 20px !important; } .accessible_on [class$='Appoint'] li, .accessible_on [class$='Tabs'] li, .accessible_on [class$='List'] li a{ padding:5px; } .accessible_on [class$='Head']{ padding-bottom:20px; } .accessible_on [class$='Sub']{ padding-bottom:10px; } .accessible_on .dfw-skip, .accessible_on #Sidebar, .accessible_on #gdpCookie, .accessible_on .socLogo li, .accessible_on [class$='More'] a, .accessible_on [class$='Appoint'] a, .accessible_on [class$='List']:not(.keysList) li a{ border:1px solid var(--borderColor); } .accessible_on header, .accessible_on nav, .accessible_on section, .accessible_on #Container > [id], .accessible_on #Container section > [id]{ border-bottom:1px solid var(--borderColor); } .accessible_on [class$='Tabs'] li a, .accessible_on [class$='Border'], .accessible_on #gdpCookie .cookie-main .cookie-button .accept{ border:2px solid var(--borderColor); } .accessible_on #Container > [id], .accessible_on #Container section > [id]{ padding:40px 20px; min-height:unset; height:auto; } .accessible_on [class$='Main']:not(.conMain){ min-height:unset; height:auto; width:auto; max-width:unset; display:block; margin:0px; border:0px; padding:0px; } html[data-theme='grey'] .accessible_on{ background:var(--fontLight); } @media screen and (max-width:640px){ .dfwOn li.table-cell{ text-align:center; padding:5px 0px; } .accessible_on .dfw-skip{ display:none; } }