#Banner-Container, #Care-Container, #Doctor-Container, #Education-Container, #Specialties-Container, #Media-Container, #ReviewContainer, #Map-Container, #Robotic-Container, #Replacement-Container{ width:100%; margin:0px; padding:0px; position:relative; } #Banner, #Replacement, #Media, #Robotic, #Map, #Review, #Specialties, #Education, #Doctor, #Care{ max-width:1200px; min-width:300px; margin:0px auto; padding:0px; position:relative; } #Banner{ height:880px; background-color:rgba(255,255,255,0.01); } #Banner .rslides .slider{ aspect-ratio:3 / 2; background-position:right bottom; } .bannerDiv{ position:absolute; width:50%; min-width:300px; left:10px; top:57%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); padding:10px; color:var(--fontLight); } .bannerHead{ font:700 60px/60px var(--siteFont); padding:13px 0px 19px; } .bannerSub{ text-transform:uppercase; font:300 20px/24px var(--siteFont); letter-spacing:1px; } .bannerText{ font:400 20px/30px var(--headingFont); display:block; } .banner1 .theme-L{ background:url(https://assets.yourpractice.online/3349/banner1-l-bg.jpg) no-repeat right bottom; } .banner1 .theme-R{ background:url(https://assets.yourpractice.online/3349/banner1-r-bg.jpg) no-repeat left bottom; } .banner2 .theme-L{ background:url(https://assets.yourpractice.online/3349/banner2-l-bg.jpg) no-repeat right bottom; } .banner2 .theme-R{ background:url(https://assets.yourpractice.online/3349/banner2-r-bg.jpg) no-repeat left bottom; } .banner3 .theme-L{ background:url(https://assets.yourpractice.online/3349/banner3-l-bg.jpg) no-repeat right bottom; } .banner3 .theme-R{ background:url(https://assets.yourpractice.online/3349/banner3-r-bg.jpg) no-repeat left bottom; } .banner4 .theme-L{ background:url(https://assets.yourpractice.online/3349/banner4-l-bg.jpg) no-repeat right bottom; } .banner4 .theme-R{ background:url(https://assets.yourpractice.online/3349/banner4-r-bg.jpg) no-repeat left bottom; } .bannerMore{ padding:24px 0px 0px 0px; } .bannerMore a{ font:600 15px/46px var(--siteFont); padding:0px 20px; border-radius:5px; color:var(--fontDark); transition:all 0.6s ease-in-out; display:inline-block; text-transform:uppercase; position:relative; background:var(--themeTwoBg); letter-spacing:1px; } .bannerMore a:hover{ background:var(--themeOneBg); color:var(--fontLight); } .bannerTabs{ position:absolute; z-index:9; left:65px; bottom:30px; transform:translateX(-50%); } .bannerTabs ul{ display:flex; flex-direction:row; flex-wrap:wrap; gap:5px; } .bannerTabs li{ width:15px; height:15px; } .bannerTabs li a{ width:100%; height:100%; display:block; border-radius:100%; border:1px solid var(--themeTwoBg); } .bannerTabs li a:hover, .bannerTabs li.Banner_here a{ background:var(--themeTwoBg); } .bannerTabs li span{ display:none; } #Specialties-Container{ background:url(https://assets.yourpractice.online/3349/specialties-bg.jpg) no-repeat center top; } #Specialties{ min-height:1191px; padding:134px 15px 30px; color:var(--fontDark); text-align:right; } .Specialtiestabs{ display:inline-block; width:700px; text-align:left; } .SpecialtiesSub{ letter-spacing:4px; font:300 20px/28px var(--siteFont); text-transform:uppercase; text-align:center; color:var(--themeOneBg); } .SpecialtiesHead{ font:600 45px/54px var(--siteFont); padding:10px 13% 37px; text-align:center; } #Specialties p{ font:500 17px/28px var(--headingFont); padding:0px 0px 57px; text-align:center; } #Specialties ul{ padding:15px 0px 0px 0px; } #Specialties ul ul{ padding:0px 0px 0px 0px; } #Specialties li{ display:block; vertical-align:top; position:relative; margin:17px 0px; padding:0px 0px 0px 335px; height:190px; background-color:rgba(255 255 255 / 0.01); } #Specialties li li{ display:block; margin:0px; text-align:left; padding:4px 0px 4px 25px; height:inherit; font:400 17px/28px var(--headingFont); background:url(https://assets.yourpractice.online/3349/spe-list-icon.png) no-repeat center left; } .speTab2 li{ background:url(https://assets.yourpractice.online/3349/knee-list-icon.png) no-repeat center left !important; } #Specialties li li a{ color:var(--fontDark); } #Specialties li li a:hover{ color:var(--themeTwoBg); } .speH{ color:var(--fontDark); font:600 26px/30px var(--siteFont); padding:5px 0px 10px 0px; display:block ruby; } .speTab1{ background:url(https://assets.yourpractice.online/3349/hip-home-icon.png) no-repeat left center; } .speTab2{ background:url(https://assets.yourpractice.online/3349/knee-home-icon.png) no-repeat left center; } .speTab3{ background:url(https://assets.yourpractice.online/3349/general-home-img.png) no-repeat left center; } .speTab1:hover{ background:url(https://assets.yourpractice.online/3349/hip-home-icon-h.png) no-repeat left center; } .speTab2:hover{ background:url(https://assets.yourpractice.online/3349/knee-home-icon-h.png) no-repeat left center; } .speTab3:hover{ background:url(https://assets.yourpractice.online/3349/general-home-img-h.png) no-repeat left center; } .speMore span{ display:none; padding:0px; } .speMore{ width:47px; position:absolute; height:47px; right:12px; bottom:12px; margin:auto; text-align:center; font:400 15px/52px var(--siteFont); z-index:0; background:url(https://assets.yourpractice.online/3349/hip-more-icon.png) no-repeat; } .speTab2 .speMore{ background:url(https://assets.yourpractice.online/3349/knee-more-icon.png) no-repeat; } .speMore a{ display:block; height:100%; width:100%; } #Specialties li:hover .speMore{ background:url(https://assets.yourpractice.online/3349/knee-more-icon.png) no-repeat; } .speTab2 .speMore:hover{ background:url(https://assets.yourpractice.online/3349/hip-more-icon.png) no-repeat; } #Doctor{ min-height:1118px; text-align:right; padding:95px 5px 10px 5px; position:relative; } .docmain{ vertical-align:top; padding:0px 0px 0px 30px; text-align:left; display:inline-block; width:550px; color:var(--fontDark); position:relative; z-index:2; } .docImg{ position:absolute; z-index:1; left:-625px; top:60px; margin:auto; } .RecoveryHead{ font:500 14px/24px var(--siteFont); text-transform:uppercase; letter-spacing:2px; text-align:center; color:var(--fontLight); } .fellowshipHead{ font:300 48px/60px var(--siteFont); color:var(--themeOneBg); text-align:center; padding:10px 0px 97px 0px; } .fellowshipHead span{ display:block; } .Meet{ font:300 20px/30px var(--siteFont); text-transform:uppercase; letter-spacing:4px; padding:80px 0px 0px; color:var(--themeOneBg); } .docHead h1{ display:block; font:700 65px/65px var(--siteFont); padding:25px 0px 0px; position:relative; } .boardHead{ font:500 20px/26px var(--siteFont); padding:8px 0 5px 0px; text-transform:uppercase; letter-spacing:1.5px; color:#1b6693; } .boardHead span{ font:500 21px/26px var(--headingFont); padding:3px 0 15px 0px; display:block; text-transform:none; letter-spacing:5px; color:var(--fontDark); } .docmain p{ font:300 16px/30px var(--headingFont); text-align:left; padding:25px 0px 5px 0px; } .docmainList{ margin:39px 0 0px; } .docmainList li a{ display:block; } .docmainList li{ display:inline-block; margin:5px 0px 0; } .docmainList li:last-child{ margin:5px 5px 5px 10px !important; } .docmainList li a{ display:inline-block; transition:all 0.6s ease-in-out; text-align:center; padding:0px 15px 0px 15px; border-radius:5px; text-transform:uppercase; font:400 16px/56px var(--siteFont); position:relative; } .doc-more a::before{ background:url(https://assets.yourpractice.online/3349/profile-icon.png) no-repeat center center; content:""; display:inline-block; vertical-align:middle; width:25px; height:26px; margin-right:10px; } .doc-req a::before{ background:url(https://assets.yourpractice.online/3349/req-profile-icon.png) no-repeat center center; content:""; display:inline-block; vertical-align:middle; width:25px; height:26px; margin-right:10px; } .doc-more a{ color:var(--fontDark); background:var(--themeTwoBg); } .doc-req a{ background:var(--themeOneBg); color:var(--fontLight); } .doc-more a:hover{ background:var(--themeOneBg); color:var(--fontLight); } .doc-req a:hover{ background:var(--themeTwoBg); color:var(--fontDark); } .medicalIntra{ display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; gap:5px; margin:125px 0px 0px; background:#b9b9b9; width:98%; height:143px; border-radius:10px; } .medicalIntra li{ text-align:center; display:inline-block; vertical-align:middle; margin:0px 0px; position:relative; } .ExpTab{ position:absolute; z-index:9; top:255px; left:41%; } #Care-Container{ background:url(https://assets.yourpractice.online/3349/care-bg.jpg) no-repeat center top; } #Care{ text-align:center; position:relative; padding:85px 5px 45px; color:var(--fontLight); min-height:383px; background-color:rgba(255,255,255,0.01); } .careHead{ padding:0px 0px 30px 0px; font:600 30px/40px var(--siteFont); } #Care p{ font:400 16px/35px var(--headingFont); padding:0px 4%; position:relative; } #Care p::before{ background:url(https://assets.yourpractice.online/3349/qout-icon.png) no-repeat; width:43px; height:40px; content:''; left:0px; top:-40px; position:absolute; } #Replacement{ min-height:1015px; text-align:left; padding:215px 5px 10px 5px; position:relative; } .hipdocmain{ vertical-align:top; padding:0px 30px 0px 0px; text-align:left; display:inline-block; width:610px; position:relative; z-index:2; height:520px; } .hipImg{ position:absolute; z-index:1; right:-50px; top:129px; margin:auto; } .hipHead{ font:300 20px/25px var(--siteFont); text-transform:uppercase; color:var(--themeOneBg); letter-spacing:3px; padding:50px 0px 0px; } .hipSub{ font:600 55px/55px var(--siteFont); color:var(--fontDark); padding:18px 30px 0px 0px; } .hipSub span{ display:block; font:200 55px/60px var(--siteFont); } .hipdocmain p{ font:300 16px/30px var(--headingFont); padding:32px 20px 0px 0px; color:var(--fontDark); } .hipMore{ display:inline-block; padding:50px 0px 0px 0px; } .hipMore a{ display:inline-block; font:300 16px/57px var(--siteFont); padding:0px 20px; transition:all 0.6s ease-in-out; border-radius:5px; color:var(--fontDark); background:var(--themeTwoBg); } .hipMore a:hover{ background:var(--themeOneBg); color:var(--fontLight); } #Robotic{ position:relative; padding:50px 5px 139px 5px; color:var(--fontDark); } .RoboticDiv{ min-height:610px; position:relative; padding:0px 2px 0px 0px; text-align:left; background:url(https://assets.yourpractice.online/3349/mako-bg.png) no-repeat center top; width:1170px; margin:0px auto; } .MakoDiv{ width:385px; text-align:left; } .PlacementDiv{ position:relative; height:510px; text-align:left; padding:0px 0px 0px 500px; } .makoImg{ width:465px; background:var(--fontLight); border-radius:0px 0px 20px 0px; } .stykerImg{ margin:-2px 0px 0px -5px; } .PlacementDiv img{ position:absolute; left:40px; top:-33px; } .PlacementDiv p{ font:300 16px/30px var(--headingFont); padding:68px 30px 0px 0px; } .enhancedName{ font:300 20px/24px var(--siteFont); color:var(--themeOneBg); letter-spacing:5px; text-transform:uppercase; padding:9px 0px 0px; } .makoHead{ font:600 55px/55px var(--siteFont); padding:24px 0px 0px 0px; text-align:left; } .makoSub{ font:200 55px/55px var(--siteFont); padding:0px 0px 50px 0px; text-align:left; } .placementMore{ display:inline-block; padding:48px 0px 0px 0px; } .placementMore a{ display:inline-block; font:400 16px/57px var(--siteFont); padding:0px 20px; transition:all 0.6s ease-in-out; border-radius:5px; color:var(--fontDark); background:var(--themeTwoBg); letter-spacing:1px; } .placementMore a:hover{ background:var(--themeOneBg); color:var(--fontLight); } #Media-Container{ background:var(--themeOneBg); } #Media{ min-height:765px; padding:122px 5px 20px 5px; color:var(--fontLight); text-align:center; } #Media ul{ display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; gap:75px; padding:0; margin:0; } #Media li{ width:526px; height:270px; display:inline-block; vertical-align:top; position:relative; text-align:center; list-style:none; } #Media .vid-pop{ width:526px; height:270px; position:relative; } #Media .media-video-link{ display:block; width:100%; height:100%; position:relative; overflow:hidden; border:5px solid #fff; border-radius:7px; background:#fff; text-decoration:none; } #Media .media-video-link img{ display:block; width:100%; height:100%; object-fit:cover; transition:transform 0.5s ease; } #Media .media-video-link:hover img{ transform:scale(1.04); } #Media .youtube-play{ position:absolute; top:50%; left:50%; width:50px; height:50px; transform:translate(-50%,-50%); background:#ff0000; border-radius:50%; display:flex; align-items:center; justify-content:center; z-index:2; transition:all 0.3s ease; } #Media .youtube-play span{ display:block; width:0; height:0; margin-left:3px; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left:12px solid #fff; } #Media .media-video-link:hover .youtube-play{ transform:translate(-50%,-50%) scale(1.12); } #Media .video-title{ position:absolute; left:8px; right:8px; bottom:0px; min-height:29px; padding:7px 10px; background:#fff; color:#8d8d8d; font:400 16px/25px var(--siteFont); text-align:center; border-radius:5px 5px 0 0; z-index:3; box-sizing:border-box; } #Media li p{ font:400 16px/24px var(--siteFont); padding:17px 0px 0px; } #Media li p span{ font:700 16px/24px var(--siteFont); } .mediaHead{ font:300 20px/24px var(--siteFont); letter-spacing:3px; text-transform:uppercase; } .mediaSub{ font:600 45px/50px var(--siteFont); padding:13px 0 62px 0px; } .mediaMore{ display:block; padding:69px 0px 0px 0px; position:relative; text-align:center; } .mediaMore a{ display:inline-block; font:400 16px/57px var(--siteFont); padding:0px 20px; transition:all 0.6s ease-in-out; border-radius:5px; color:var(--fontDark); background:var(--themeTwoBg); letter-spacing:2px; } .mediaMore a:hover{ border:1px solid var(--themeTwoBg); color:var(--fontLight); } @media (max-width:1150px){ #Media ul{ gap:30px; } #Media li{ width:48%; height:auto; } #Media .vid-pop{ width:100%; height:auto; aspect-ratio:526 / 270; } #Media .media-video-link{ height:100%; } } @media (max-width:767px){ #Media{ min-height:auto; padding:70px 15px 50px; } #Media ul{ display:block; } #Media li{ width:100%; height:auto; margin-bottom:25px; } #Media .vid-pop{ width:100%; height:auto; aspect-ratio:526 / 270; } .mediaSub{ font-size:32px; line-height:38px; padding-bottom:40px; } .mediaMore{ padding-top:30px; } } @media (max-width:480px){ #Media .video-title{ font-size:11px; line-height:14px; padding:5px 7px; } #Media .youtube-play{ width:38px; height:38px; } } #ReviewContainer{ background:url(https://assets.yourpractice.online/3349/story-bg.png) no-repeat center 155px; } #Review{ background-color:rgba(255,255,255,0.01); text-align:center; min-height:880px; position:relative; padding:157px 5px 10px; color:var(--fontDark); } .ReviewHead{ padding:80px 0px 15px; font:300 20px/30px var(--siteFont); text-align:center; text-transform:uppercase; letter-spacing:5px; color:var(--themeOneBg); } .ReviewSub{ font:600 45px/52px var(--siteFont); padding:0px 0px 30px; } .ReviewSub span{ display:block; } .rating-stars{ display:inline-flex; gap:2px; font-size:24px; } .star{ position:relative; color:#ddd; font-size:29px; } .star.full{ color:#ff8400; } .star.half{ color:#ddd; } .star.half::before{ content:"★"; position:absolute; left:0; top:0; width:50%; overflow:hidden; color:#f5b301; } .testadress{ width:385px; padding:0px 30px 0px 0px; } .ReviewList{ margin:56px 0px 0px 0px; } .ReviewList li{ display:inline-block; margin:10px 10px 0 0; border-radius:10px; } .ReviewList li a{ display:block; font:400 16px/33px var(--siteFont); padding:10px 25px; transition:all 0.6s ease-in-out; border-radius:5px; } .revMore a{ background:var(--themeTwoBg); color:var(--fontDark); } .revMore a:hover{ background:var(--themeOneBg); color:var(--fontLight); } .subMore a{ background:var(--themeOneBg); color:var(--fontLight); } .subMore a:hover{ background:var(--themeTwoBg); color:var(--fontDark); } #Review .rev-more a{ color:var(--fontLight); border:1px solid #c3c3c3; border-radius:50px; text-transform:uppercase; background:var(--themeTwoBg); } #Review .rev-more a:hover{ background:var(--themeOneBg); color:var(--fontLight); } .testlist #Slider2 li{ width:98% !important; float:none !important; text-align:center; } .Intra-Tabs{ width:200px; margin:15px auto 0px; z-index:20; position:absolute; right:0px; left:0px; bottom:-73px; } .Intra-Tabs li{ width:12px; height:12px; display:inline-block !important; margin:20px 5px 0px; } .Intra-Tabs li a{ display:block; width:100%; height:100%; background:var(--themeFourBg); color:var(--fontLight); border-radius:50%; } .Intra-Tabs li a:hover, .Intra-Tabs li.Story_here{ background:var(--themeTwoBg); color:var(--fontLight); border-radius:50%; } .patientName{ padding:5px 0px 0px; font:300 16px/28px var(--siteFont); color:var(--themeFourBg); } .testDiv{ height:auto; width:auto; margin:0px auto 0px; padding:10px 5px; position:relative; } .testDiv p{ font:300 16px/30px var(--siteFont); padding:7px 25px 15px; text-align:center; position:relative; } .testDiv p .viewMore a{ font-style:italic; } .testDiv p .viewMore a:hover{ text-decoration:underline; text-underline-offset:4px; } .reiwstart{ position:relative; } .testDiv span a{ color:var(--themeOneBg); font:300 16px/24px var(--siteFont); display:inline-block; } .testImg{ position:relative; } .testName{ color:var(--themeOneBg); font:600 17px/28px var(--siteFont); } .reviewDiv .nbs-flexisel-nav-left{ background:url(https://assets.yourpractice.online/3349/rev-arrow-l.png) no-repeat; width:32px; height:32px; position:absolute; bottom:95px; left:auto; right:66px; top:auto; } .reviewDiv .nbs-flexisel-nav-right{ background:url(https://assets.yourpractice.online/3349/rev-arrow-r.png) no-repeat; width:32px; height:32px; position:absolute; left:auto; bottom:95px; top:auto; right:27px; } .quotIcon{ padding-top:12px; } #Review .slideNext span, #Review .slidePrev span{ display:none; } #Review .nbs-flexisel-nav-right::before, #Review .nbs-flexisel-nav-left::before{ display:none; } .readmore a:hover{ color:var(--themeTwoBg); } .storyDiv{ text-align:left; position:relative; } .storyHead{ padding:88px 0 10px; font:300 20px/30px var(--siteFont); text-align:center; text-transform:uppercase; letter-spacing:4px; color:var(--fontLight); } .storySub{ padding:0 0 34px; font:600 45px/52px var(--siteFont); color:var(--fontLight); text-align:center; } .mainStoryVideo{ width:462px; margin:0 auto; text-align:center; } .storyVideoLink{ position:relative; display:block; width:462px; height:258px; overflow:hidden; border:9px solid #fff; border-radius:16px; background:#000; text-decoration:none; } #mainStoryImage{ display:block; width:100%; height:100%; object-fit:cover; object-position:center; opacity:1; transition: opacity 0.3s ease-in-out, transform 0.4s ease; } #mainStoryImage.changing{ opacity:0; } .storyVideoLink:hover #mainStoryImage{ transform:scale(1.04); } .playButton{ position:absolute; left:50%; top:50%; width:42px; height:42px; transform:translate(-50%,-50%); background:#f00000; border-radius:50%; transition: transform 0.3s ease, background 0.3s ease; z-index:2; } .playButton::after{ content:""; position:absolute; left:16px; top:11px; width:0; height:0; border-left:14px solid #fff; border-top:9px solid transparent; border-bottom:9px solid transparent; } .storyVideoLink:hover .playButton{ transform:translate(-50%,-50%) scale(1.1); } #mainStoryTitle{ color:var(--fontLight); font:300 16px/40px var(--headingFont); text-align:center; } .storyVideoBottom{ position:relative; width:100%; height:149px; } .storyTabs{ position:absolute; z-index:9; left:149px; bottom:22px; transform:translateX(-50%); } .storyTabs ul{ margin:0; padding:0; list-style:none; white-space:nowrap; } .storyTabs li{ display:inline-block; width:99px; height:72px; margin:2px; vertical-align:top; } .story-thumb{ position:relative; display:block; width:99px; height:72px; overflow:hidden; border:2px solid transparent; border-radius:5px; background:#e9edf1; transition: border-color 0.3s ease, transform 0.3s ease; } .story-thumb img{ display:block; width:100%; height:100%; object-fit:cover; object-position:center; transition: transform 0.4s ease, opacity 0.4s ease; } .story-thumb:hover{ border-color:#fff; } .story-thumb:hover img{ transform:scale(1.06); } .thumbPlay{ position:absolute; left:50%; top:50%; width:23px; height:23px; transform:translate(-50%,-50%); background:#f00000; border-radius:50%; z-index:2; transition:transform 0.3s ease; } .thumbPlay::after{ content:""; position:absolute; left:9px; top:6px; width:0; height:0; border-left:8px solid #fff; border-top:5px solid transparent; border-bottom:5px solid transparent; } .story-thumb:hover .thumbPlay{ transform:translate(-50%,-50%) scale(1.1); } .storyMore{ position:absolute; right:77px; bottom:49px; width:200px; } .storyMore a{ display:inline-block; padding:0 15px; color:var(--fontLight); font:300 16px/40px var(--headingFont); text-decoration:none; transition:opacity 0.3s ease; } .storyMore a:hover{ opacity:0.75; } @media (max-width:1199px){ #Review{ min-height:auto; padding:120px 20px 80px; } .ReviewHead{ padding-top:50px; } .ReviewSub{ font-size:40px; line-height:48px; } .testadress{ width:auto; max-width:385px; margin:0 auto; padding:0 20px; } .testDiv{ width:90%; height:auto; min-height:280px; } .mainStoryVideo{ width:462px; max-width:100%; } .storyVideoLink{ width:100%; height:auto; aspect-ratio:462 / 258; } .storyVideoBottom{ height:auto; min-height:145px; } .storyTabs{ left:50%; bottom:20px; transform:translateX(-50%); width:100%; text-align:center; } .storyMore{ right:20px; bottom:20px; width:auto; } } @media (max-width:991px){ #ReviewContainer{ background-position:center 100px; background-size:cover; } #Review{ padding:100px 20px 70px; } .ReviewHead{ padding:35px 0 10px; font-size:18px; line-height:28px; letter-spacing:3px; } .ReviewSub{ font-size:36px; line-height:44px; padding-bottom:25px; } .ReviewList{ margin:0; } .ReviewList li{ margin:5px; } .testDiv{ width:100%; min-height:250px; padding:10px 15px; } .testDiv p{ padding:7px 0px 15px; } .reviewDiv .nbs-flexisel-nav-left, .reviewDiv .nbs-flexisel-nav-right{ bottom:30px; } .reviewDiv .nbs-flexisel-nav-left{ right:55px; } .reviewDiv .nbs-flexisel-nav-right{ right:15px; } .Intra-Tabs{ position:relative; bottom:auto; margin:15px auto 0; } .mainStoryVideo{ width:80%; max-width:462px; } .storyVideoBottom{ width:100%; min-height:150px; } .storyTabs{ position:relative; left:auto; bottom:auto; transform:none; padding:15px 0 0; overflow-x:auto; overflow-y:hidden; white-space:nowrap; -webkit-overflow-scrolling:touch; } .storyTabs ul{ text-align:center; white-space:nowrap; } .storyTabs li{ width:90px; height:65px; } .story-thumb{ width:90px; height:65px; } .storyMore{ position:relative; right:auto; bottom:auto; width:100%; text-align:center; margin-top:18px; } } @media (max-width:767px){ #ReviewContainer{ position:relative; width:100%; overflow:hidden; background:linear-gradient( to bottom, #eaf5fb 0%, #dceef8 42%, #f8fbfd 62%, #ffffff 100% ); } #Review .tableCell{ display:block; } #Review{ position:relative; width:100%; min-height:auto; padding:0 15px 70px; box-sizing:border-box; background:transparent; } .storyDiv{ position:relative; display:block; width:100%; text-align:center; padding:0; box-sizing:border-box; } .storyHead{ display:block; width:100%; padding:0; color:var(--themeOneBg); text-align:center; box-sizing:border-box; } .storySub{ display:block; width:100%; padding:0 0 25px; font:600 30px/38px var(--siteFont); color:var(--themeOneBg); text-align:center; box-sizing:border-box; } .mainStoryVideo{ display:block; width:100%; max-width:462px; margin:0 auto; text-align:center; } .storyVideoLink{ position:relative; display:block; width:100%; height:auto; aspect-ratio:462 / 258; overflow:hidden; border:6px solid #ffffff; border-radius:12px; background:#000; box-sizing:border-box; } #mainStoryImage{ display:block; width:100%; height:100%; object-fit:cover; object-position:center; transition:transform .4s ease; } .storyVideoLink:hover #mainStoryImage{ transform:scale(1.03); } .playButton{ position:absolute; left:50%; top:50%; width:48px; height:48px; transform:translate(-50%,-50%); background:#f00000; border-radius:50%; z-index:2; } .playButton::after{ content:""; position:absolute; left:19px; top:13px; width:0; height:0; border-left:15px solid #fff; border-top:10px solid transparent; border-bottom:10px solid transparent; } #mainStoryTitle{ display:block; width:100%; padding:8px 0 12px; color:var(--themeOneBg); font:400 15px/25px var(--headingFont); text-align:center; } .storyVideoBottom{ position:relative; display:block; width:100%; height:auto; padding:0 0 35px; box-sizing:border-box; } .storyTabs{ position:relative; display:block; left:auto; right:auto; bottom:auto; width:100%; margin:0 auto; padding:5px 0 10px; transform:none; overflow-x:auto; overflow-y:hidden; text-align:center; box-sizing:border-box; scrollbar-width:none; } .storyTabs::-webkit-scrollbar{ display:none; } .storyTabs ul{ display:inline-flex; width:max-content; margin:0 auto; padding:0 5px; gap:7px; list-style:none; } .storyTabs li{ display:block; flex:0 0 82px; width:82px; height:60px; margin:0; } .story-thumb{ position:relative; display:block; width:82px; height:60px; overflow:hidden; border:2px solid #ffffff; border-radius:6px; background:#000; box-sizing:border-box; } .story-thumb img{ display:block; width:100%; height:100%; object-fit:cover; transition:transform .4s ease; } .story-thumb:hover img{ transform:scale(1.05); } .thumbPlay{ width:25px; height:25px; background:#f00000; } .thumbPlay::after{ left:10px; top:7px; border-left-width:8px; border-top-width:5px; border-bottom-width:5px; } .storyMore{ position:relative; display:block; left:auto; right:auto; bottom:auto; width:100%; margin:8px auto 0; text-align:center; } .storyMore a{ display:inline-block; padding:0; color:var(--themeOneBg); font:400 17px/35px var(--headingFont); text-decoration:none; } .storyVideoBottom{ position:relative; } .ReviewHead{ position:relative; z-index:2; display:block; width:100%; padding:0; text-align:center; box-sizing:border-box; } .ReviewSub{ position:relative; z-index:2; display:block; width:100%; padding:0 0 25px; font:600 30px/38px var(--siteFont); color:var(--fontDark); text-align:center; box-sizing:border-box; } .ReviewSub span{ display:block; } .rating-stars{ position:relative; z-index:2; display:flex; justify-content:center; align-items:center; gap:2px; width:100%; margin:0 auto 20px; } .star{ font-size:25px; } .star.full{ color:#ff8400; } .quotIcon{ position:relative; z-index:2; display:block; padding:5px 0 10px; font-size:38px; color:#c8cdd0; } .testlist{ display:block; width:100%; } .testlist #Slider2{ display:block; width:100%; } .testlist #Slider2 li{ display:block !important; width:100% !important; float:none !important; text-align:center; box-sizing:border-box; } .testDiv{ display:block; width:100%; height:auto; min-height:0; margin:0 auto; padding:0 10px 20px; box-sizing:border-box; } .testDiv p{ display:block; width:100%; margin:0 auto; color:var(--fontDark); text-align:center; box-sizing:border-box; } .testDiv p .viewMore a{ color:var(--themeOneBg); } .testadress{ display:block; width:100%; max-width:385px; margin:0 auto; padding:0; text-align:center; } .patientName{ display:block; padding:5px 0; font:300 15px/25px var(--siteFont); color:var(--themeOneBg); } .testName{ display:block; color:var(--themeOneBg); font:600 16px/26px var(--siteFont); } .ReviewList{ position:relative; z-index:3; display:block; width:100%; margin:15px 0 0; text-align:center; } .ReviewList li{ display:block; width:100%; margin:10px 0; } .storyHead{ letter-spacing:0px; } .ReviewList li a{ display:inline-block; width:100%; min-width:175px; padding:9px 22px; font:400 15px/28px var(--siteFont); border-radius:6px; box-sizing:border-box; } .revMore a{ background:#8acb32; color:#111; } .revMore a:hover{ background:#8acb32; color:#111; } .subMore a{ background:#702070; color:#fff; } .subMore a:hover{ background:#702070; color:#fff; } .ReviewSub,.storySub{ font-size:27px; line-height:40px; } .reviewDiv .nbs-flexisel-nav-left, .reviewDiv .nbs-flexisel-nav-right{ position:absolute; top:auto; bottom:15px; width:27px; height:27px; background-size:contain; } .reviewDiv .nbs-flexisel-nav-left{ left:calc(50% + -55px); right:auto; } .reviewDiv .nbs-flexisel-nav-right{ left:calc(50% + 10px); right:auto; } .Intra-Tabs{ position:relative; display:block; left:auto; right:auto; bottom:auto; width:100%; margin:20px auto 0; text-align:center; } .Intra-Tabs li{ display:inline-block !important; width:9px; height:9px; margin:5px 4px; } } @media (max-width:480px){ #Review{ padding:20px 15px 50px; } .ReviewHead{ font-size:14px; letter-spacing:1.5px; } .rating-stars .star{ font-size:22px; } .mainStoryVideo{ width:100%; } .storyVideoLink{ border-width:5px; border-radius:10px; } .playButton{ width:40px; height:40px; } .playButton::after{ left:15px; top:11px; border-left-width:13px; border-top-width:8px; border-bottom-width:8px; } #mainStoryTitle{ font-size:13px; line-height:22px; } .storyTabs li{ flex-basis:75px; width:75px; height:55px; } .story-thumb{ width:75px; height:55px; } .storyMore{ margin-top:12px; border:1px solid #ccc; } .rating-stars{ margin:0 auto 0px; } .reviewDiv .nbs-flexisel-nav-left, .reviewDiv .nbs-flexisel-nav-right{ bottom:0; } } @media (max-width:360px){ .storyTabs li{ flex-basis:68px; width:68px; height:50px; } .story-thumb{ width:68px; height:50px; } } #Education{ min-height:833px; padding:150px 20px 0px 5px; text-align:left; position:relative; color:var(--fontDark); } .helpingDiv{ position:relative; } .helpingDiv::before{ content:''; position:absolute; right:48%; width:170px; height:440px; top:43px; bottom:0px; background:url(https://assets.yourpractice.online/3349/botton-bg.png) no-repeat; z-index:99; } .helpingDiv::after{ content:''; position:absolute; right:50%; width:53px; height:53px; top:236px; bottom:0px; background:url(https://assets.yourpractice.online/3349/yotub-botton.png) no-repeat; z-index:999; } .multi{ position:absolute; right:70px; bottom:4px; top:0px; margin:0px auto; } .multi a{ display:inline-block; } .eduHead{ font:300 20px/28px var(--siteFont); letter-spacing:4px; text-transform:uppercase; padding:91px 0px 0px 0px; color:var(--themeOneBg); } .eduHead span, .eduSub span{ display:block; } .eduSub{ font:600 45px/50px var(--siteFont); padding:10px 0px 44px 0px; } .ResourcesList{ padding:0px 0px 0px 0px; width:330px; } .ResourcesList li{ font:500 16px/24px var(--siteFont); text-align:left; position:relative; margin:40px 0px 0px 0px; display:block; height:85px; } .ResourcesList li a{ display:inline-flex; color:var(--fontDark); transition:background 700ms ease-out; padding:28px 0px 20px 0px; width:100%; border-radius:10px 10px 10px 20px; text-transform:uppercase; height:100%; background:url(https://assets.yourpractice.online/3349/resources-bg.png) no-repeat center top; } .ResourcesList li span{ width:130px; height:111px; margin:-68px 0px 0px -15px; display:inline-block; } .ResourcesList li.resources-tab1 span{ background:url(https://assets.yourpractice.online/3349/first-icon.png) no-repeat 0px 0px; } .ResourcesList li.resources-tab2 span{ background:url(https://assets.yourpractice.online/3349/form-ic.png) no-repeat 0px 0px; } .ResourcesList li.resources-tab3 span{ background:url(https://assets.yourpractice.online/3349/post-icon.png) no-repeat 0px 0px; } .ResourcesList li.resources-tab4 span{ background:url(https://assets.yourpractice.online/3349/insu-icon.png) no-repeat 0px 0px; } .ResourcesList li.resources-tab1:hover span{ background:url(https://assets.yourpractice.online/3349/first-icon-h.png) no-repeat 0px 0px; } .ResourcesList li.resources-tab2:hover span{ background:url(https://assets.yourpractice.online/3349/form-ic-h.png) no-repeat 0px 0px; } .ResourcesList li.resources-tab3:hover span{ background:url(https://assets.yourpractice.online/3349/post-icon-h.png) no-repeat 0px 0px; } .ResourcesList li.resources-tab4:hover span{ background:url(https://assets.yourpractice.online/3349/insu-icon-h.png) no-repeat 0px 0px; } .ResourcesList li a:hover{ color:var(--fontLight); background:var(--themeOneBg); } .VideosMore{ font:400 16px/45px var(--siteFont); } .VideosMore a{ padding:6px 25px; border-radius:5px; color:var(--fontDark); transition:all 0.6s ease-in-out; position:relative; display:inline-block; background:var(--themeTwoBg); letter-spacing:1px; } .VideosMore a:hover{ background:var(--themeOneBg); color:var(--fontLight); } #Map-Container{ background:url(https://assets.yourpractice.online/3349/map-bg.jpg) no-repeat center top; } #Map{ min-height:863px; position:relative; padding:48px 0px 0px 0px; color:var(--fontLight); background-color:rgba(255,255,255,0.01); } .mapDiv{ background:var(--themeFourBg); border-radius:10px; padding:5px; } .Mapappoint li{ display:inline-block; } .mapIntra{ padding:0px 0px 0px 80px; } .mapHead{ font:300 20px/30px var(--siteFont); color:var(--themeOneBg); letter-spacing:3px; text-transform:uppercase; padding:56px 0px 0px 20px; text-align:center; position:relative; } .mapHead span{ display:block; font:600 45px/55px var(--siteFont); padding:9px 0px 51px 0px; color:var(--fontDark); letter-spacing:0px; text-transform:none; } .mapslide{ padding:5px 5px 2px 5px; color:var(--fontDark); padding:33px 5px 2px 5px; } .footcall{ background:url(https://assets.yourpractice.online/3349/foot-call-icon.png) no-repeat 7px 17px; font:600 17px/30px var(--headingFont); padding:10px 17px 0px 33px; position:relative; margin:0px 0px 10px 0px; } .footcall a, .footfax a{ color:var(--fontLight); } .footfax{ background:url(https://assets.yourpractice.online/3349/fax-icon.png) no-repeat 7px 17px; font:600 17px/30px var(--headingFont); padding:10px 0px 0px 33px; margin:0px 0px 10px 0px; } .foottime{ font:600 16px/24px var(--headingFont); position:relative; padding:10px 0px 10px 0px; color:var(--fontLight); } .foottime span{ font:400 16px/24px var(--headingFont); } .footadd{ font:600 20px/30px var(--siteFont); padding:10px 0px 0px 0px; position:relative; } .footadd::before{ background:url(https://assets.yourpractice.online/3349/location-icon.png) no-repeat; width:16px; height:20px; content:''; position:absolute; left:-26px; top:13px; } .practiceTime{ width:300px; } .location{ font:300 16px/26px var(--headingFont); padding:3px 0px 10px 0px; position:relative; } .footDiect{ position:absolute; right:27px; bottom:7px; } .footDiect a{ font:400 15px/26px var(--headingFont); padding:0px 0px 0px 0px; color:var(--fontLight); border-bottom:1px solid; } .mapSlide{ position:relative; text-align:center; } .MapTabs li{ display:block; margin:5px 3px; width:385px; position:relative; padding:5px 0px 4px 5px; text-align:left; color:var(--fontLight); } .Map2::before{ width:385px; height:1px; left:0px; content:''; position:absolute; background:#407fa4; top:0px; margin:auto; } .Map_here .footDiect a:hover{ color:#ccc !important; } .Map_here{ border-radius:10px; background:var(--themeTwoBg); color:var(--fontDark); background-color:rgba(255,255,255,0.01); } .footAppoint{ margin:14px 0px 0px; width:320px; } .footAppoint a{ font:600 17px/38px var(--siteFont); text-transform:uppercase; display:inline-block; transition:all 0.6s ease-in-out; background:var(--themeTwoBg); color:var(--fontDark); padding:9px 15px 9px 7px; border-radius:5px; } .footAppoint span{ background:url(https://assets.yourpractice.online/3349/req-icon.png) no-repeat 9px 3px; } .footAppoint:hover span{ background:url(https://assets.yourpractice.online/3349/req-icon-h.png) no-repeat 9px 3px; } .footAppoint a:hover{ background:var(--themeThreeBg); color:var(--fontDark); } .footAppoint span{ display:inline-block; vertical-align:middle; width:32px; height:32px; margin-right:10px; } @media screen and (max-width:1190px){ #Banner{ height:600px; } .bannerHead{ font:700 30px/40px var(--siteFont); } .helpingDiv::before{ display:none; } .medicalIntra{ background:none; margin:10px 0px 0px; height:inherit; } #Doctor{ min-height:inherit; padding:20px 10px; } .docImg{ position:inherit; left:inherit; top:inherit; } .docmain{ text-align:center; width:100%; padding:0px 0px 0px 0px; } .docmain p{ text-align:center; } .Meet{ padding:25px 0px 0px; } .ExpTab{ display:none; } .docmainList{ margin:6px 0 0px; } #Doctor-Container, #Replacement-Container{ border-bottom:1px solid #c3c3c3; } #Media ul{ gap:5px; } .hipImg{ display:none; } #Replacement{ padding:25px 15px 20px 15px; min-height:inherit; text-align:center; } .hipdocmain{ padding:0px 0px 0px 0px; text-align:center; width:inherit; position:relative; height:inherit; } .hipdocmain p{ padding:30px 0px 0px 0px; } .RoboticDiv{ background:none; min-height:inherit; text-align:center; width:inherit; } .PlacementDiv{ height:inherit; text-align:center; padding:0px 0px 0px 0px; } #Robotic .tableCell{ display:block; } .MakoDiv{ width:inherit; text-align:center; } .makoImg{ width:100%; } .PlacementDiv img{ display:none; } .makoHead, .makoSub{ text-align:center; } .PlacementDiv p{ padding:0; } #Robotic{ padding:20px 15px 20px 15px; } .stykerImg{ width:160px; } #Education-Container{ border-top:1px solid #c3c3c3; } #Education{ min-height:inherit; padding:25px 5px 20px 5px; } #Education .tableCell{ display:block; padding-top:30px; } #Media{ padding:20px 15px 20px 15px; } .multi{ position:inherit; right:inherit; bottom:inherit; top:inherit; text-align:center; width:300px; } .VideosMore{ margin:15px 0px 0px; text-align:center; } .eduHead span, .eduSub span{ display:inline-block; text-align:center; } .eduHead{ text-align:center; padding:5px 0px 0px 0px; } .eduSub{ text-align:center; } .ResourcesList{ width:inherit; text-align:center; } .ResourcesList li{ width:300px; display:inline-block; } .helpingDiv::after{ right:46%; top:326px; } } @media screen and (max-width:1023px){ #Media{ min-height:inherit; padding:20px 5px 20px 5px; } .mediaSub{ padding:5px 0 20px 0px; font:600 45px/50px var(--siteFont); } .mediaMore{ padding:20px 0px 0px 0px; } } @media screen and (max-width:960px){ #Specialties{ padding:20px 15px 10px; min-height:inherit; } .SpecialtiesHead{ font:600 25px/35px var(--siteFont); padding:5px 0% 10px; text-align:center; } #Specialties p{ font:500 17px/30px var(--headingFont); padding:0px 0px 20px; } .Specialtiestabs{ display:block; } #Specialties li{ width:90%; } #Care{ padding:20px 5px 20px; min-height:inherit; } #Care p{ font:400 16px/24px var(--headingFont); padding:0px 5px; } .medicalIntra{ height:inherit; } .mapSlide{ display:none; } #Map .tableCell{ display:block; } .mapIntra{ padding:0px 0px 0px 0px; width:400px; margin:0px auto; } .footAppoint{ margin:20px 0px 10px; } } @media screen and (max-width:640px){ #Banner-Container{ padding-top:0px; } #Banner{ height:400px; } .bannerTabs{ position:absolute; z-index:9; left:0; bottom:20px; transform:translateX(50%); right:0; text-align:center; margin:0 auto; } .speTab1, .speTab2, .speTab3, .speTab1:hover, .speTab2:hover, .speTab3:hover{ background:none; } #Specialties li{ width:300px; padding:0px 0px 0px 10px; } .Specialtiestabs{ width:300px; margin:0px auto; } #Care p::before{ display:none; } .careHead{ padding:0px 0px 14px 0px; } .bannerHead{ padding:0; } .bannerHead{ font:700 22px/28px var(--siteFont); } #Banner .rslides .slider{ background-size:cover !important; } .bannerSub{ font:300 16px/22px var(--siteFont); letter-spacing:0px; } } @media screen and (max-width:639px){ .docHead h1{ font:700 40px/50px var(--siteFont); padding:0; } .boardHead{ font:500 17px/26px var(--siteFont); } .boardHead span{ letter-spacing:2px; font:500 20px/30px var(--headingFont); } .docmainList li{ display:block; width:100%; }.docmainList li:last-child{ margin:5px 0 !important; } .docmainList li a{ width:100%; } #Care-Container{ background-size:cover; } #Care{ padding:30px 20px; min-height:inherit; } #Care p{ font:400 16px/30px var(--headingFont); padding:0; text-align:left; } #Care{ text-align:left; } .medicalIntra{ width:auto; } .bannerText{ display:none; } .docImg{ top:10px; } .docmain p{ text-align:left; } .boardHead span{ padding:0px 0 8px 0px; display:block; text-transform:none; letter-spacing:3px; font:500 16px/24px var(--headingFont); } .hipSub{ font:600 30px/40px var(--siteFont); padding:0px 0px 0px 0px; } .hipSub span{ display:block; font:200 30px/37px var(--siteFont); } .hipHead{ padding:21px 0px 0px; } .mediaSub{ font:600 30px/40px var(--siteFont); } .mediaHead{ letter-spacing:0px; } #Media li{ height:inherit; } .makoHead{ font:600 36px/40px var(--siteFont); } .makoSub{ font:200 24px/30px var(--siteFont); padding:10px 0px 30px 0px; } .footDiect{ position:inherit; } .mapHead{ padding:0px 0px 0px 0px; letter-spacing:0px; } .mapHead span{ display:block; font:600 30px/40px var(--siteFont); padding:9px 0px 20px 0px; } .eduSub{ font:600 28px/38px var(--siteFont); padding:10px 0px 30px 0px; } } @media screen and (max-width:479px){ .MapTabs li{ width:282px; } .footadd::before{ display:none; } .Map2::before{ width:282px; } .Mapappoint li{ display:block; } .foottime span{ display:block; } #Banner{ height:250px; } .bannerDiv{ width:30%; top:50px; text-align:left; position:relative; left:0; transform:none; min-width:230px; } }: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 .hr{ background:url(https://assets.yourpractice.online/3349/hr-b.gif) repeat-x left center; } html[data-theme='dark'] .accessible_on .hr{ background:url(https://assets.yourpractice.online/3349/hr-w.gif) repeat-x left center; } .accessible_on .textMain ul li{ background:url(https://assets.yourpractice.online/3349/bullet-b.gif) no-repeat 5px 15px; } html[data-theme='dark'] .accessible_on .textMain ul li{ background:url(https://assets.yourpractice.online/3349/bullet-w.gif) no-repeat 5px 15px; } .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, .accessible_on .speMore,.accessible_on .mapSlide,.accessible_on .foottime,.accessible_on .serMore{ 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,.accessible_on .prolist 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; } .accessible_on .home header{ position:inherit; } .accessible_on #Specialties li{ padding:0px 0px 0px 0px; height:inherit; } .accessible_on #Specialties{ padding:12px 15px 30px; min-height:inherit; } .accessible_on #Menu-Container .dfw-skip{ top:-36px; } .accessible_on .textMain .SpecialtiesList li{ min-height:inherit; } html[data-theme='dark'] .accessible_on .ypoLogo img{ background:rgba(255,255,255,0.7); padding:10px; border-radius:10px; } html[data-theme='light'] .accessible_on .logo img{ background:rgba(0,0,0,0.7); padding:10px; border-radius:10px; } html[data-theme='grey'] .accessible_on{ background:var(--fontLight); } html[data-theme='grey'] .accessible_on .logo img{ background:rgba(0,0,0,0.7); padding:10px; border-radius:10px; } @media screen and (max-width:640px){ .dfwOn li.table-cell{ text-align:center; padding:5px 0px; } .accessible_on .dfw-skip{ display:none; } }