#Banner-Container, #MakoContainer, #Blog-container, #ResourceContainer{ width:100%; margin:0px; padding:0px; position:relative; } #Banner, #StatsMain, #WelcomeMain, #TestimonialsMain, #MakoMain, #AdvancedMain, #EducationMain, #BlogMain, #RecoveryMain, #ResourceMain{ max-width:1200px; min-width:300px; margin:0px auto; padding:0px; position:relative; } .welcome-copy a{ color:var(--themeOneBg); } #Banner{ height:860px; } #Banner .rslides .slider{ aspect-ratio:3 / 2; background-position:left bottom; } #Banner .banner1 .theme-L{ background:url(https://assets.yourpractice.online/1427/new-images/banner1-l.jpg) no-repeat right bottom; } #Banner .banner1 .theme-R{ background:url(https://assets.yourpractice.online/1427/new-images/banner1-r.jpg) no-repeat left bottom; } #Banner .banner2 .theme-L{ background:url(https://assets.yourpractice.online/1427/new-images/banner2-l.jpg) no-repeat right bottom; } #Banner .banner2 .theme-R{ background:url(https://assets.yourpractice.online/1427/new-images/banner2-r.jpg) no-repeat left bottom; } #Banner .banner3 .theme-L{ background:url(https://assets.yourpractice.online/1427/new-images/banner3-l.jpg) no-repeat right bottom; } #Banner .banner3 .theme-R{ background:url(https://assets.yourpractice.online/1427/new-images/banner3-r.jpg) no-repeat left bottom; } #Banner .banner4 .theme-L{ background:url(https://assets.yourpractice.online/1427/new-images/banner4-l.jpg) no-repeat right bottom; } #Banner .banner4 .theme-R{ background:url(https://assets.yourpractice.online/1427/new-images/banner4-r.jpg) no-repeat left bottom; } #Banner .banner5 .theme-L{ background:url(https://assets.yourpractice.online/1427/new-images/banner5-l.jpg) no-repeat right bottom; } #Banner .banner5 .theme-R{ background:url(https://assets.yourpractice.online/1427/new-images/banner5-r.jpg) no-repeat left bottom; } .bannerDiv{ position:absolute; width:50%; min-width:300px; right:10px; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); padding:10px; } .banner1 .bannerDiv{ position:absolute; display:grid; grid-template-columns:minmax(0,1fr) 180px; align-items:center; gap:25px; min-height:547px; padding:10px; right:0; top:54%; width:59%; } .banner1 .bannerDiv-L{ min-width:0; position:relative; z-index:2; } .bestRated{ margin-bottom:20px; } .bestRated img{ display:block; width:187px; max-width:100%; height:auto; } .banner1 .bannerHead{ margin-bottom:27px; color:var(--themeFourBg); font:500 68px/1.05 var(--headingFont); text-transform:none; } .banner1 .bannerText{ max-width:580px; } .banner1 .bannerText ul{ margin:0; padding:0; list-style:none; } .banner1 .bannerText li{ position:relative; margin:0 0 25px; padding:0 0 0 27px; color:#36353a; font:400 16px/24px var(--siteFont); } .banner1 .bannerText li:last-child{ margin-bottom:0; } .banner1 .bannerText li::before{ content:''; position:absolute; top:7px; left:0; width:5px; height:86%; min-height:40px; background:#4d4d4d; } .banner1 .textBold{ font-weight:700; } .banner1 .bannerDiv-R{ position:relative; z-index:3; align-self:center; } .banner1 .bannerDiv-R ul{ display:flex; flex-direction:column; align-items:center; margin:0; padding:0; list-style:none; } .banner1 .bannerDiv-R li{ position:relative; width:160px; height:161px; margin:0 0 -9px 0px; transition:ease .3s all; } .banner1 .bannerDiv-R li:hover{ transform:translateY(-6px) scale(1.04); filter:drop-shadow(0 8px 10px rgba(0,0,0,0.25)); z-index:5; } .banner1 .bannerDiv-R img{ display:block; width:160px; height:161px; max-width:100%; object-fit:contain; } .banner4 .bannerDiv{ width:40%; } .bannerDoctor{ position:absolute; bottom:0; left:-105px; } .bannerHead{ font:500 72px/75px var(--headingFont); color:var(--themeFourBg); } .bannerHead span{ font:400 24px/28px var(--siteFont); display:block; color:#212020; padding-top:10px; } .aboutDr{ font:600 24px/28px var(--headingFont); color:#35353a; text-transform:uppercase; padding-bottom:5px; } .banner3 .bannerText, .banner5 .bannerText{ padding:25px 0 0 0; } .banner3 .bannerText li, .banner5 .bannerText li{ font:400 16px/25px var(--siteFont); position:relative; padding:5px 5px 5px 30px; } .banner3 .bannerText li::before, .banner5 .bannerText li::before{ content:''; position:absolute; left:0; top:13px; width:10px; height:10px; border-radius:50%; background:#4d4d4d; } .bannerTabs{ position:absolute; z-index:9; left:50%; bottom:20px; 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:2px solid var(--themeOneBg); } .bannerTabs li a:hover, .bannerTabs li.Banner_here a{ background:var(--themeOneBg); } .bannerTabs li span{ display:none; } #StatsMain{ padding:68px 10px 54px 10px; } .statsIntra{ display:grid; grid-template-columns:repeat(4,1fr); align-items:start; width:100%; gap:0; } .statsIntra .stat{ display:flex; flex-direction:column; align-items:center; text-align:center; padding:0 30px; border-right:2px solid #e8e8e8; position:relative; } .statsIntra .stat::after{ position:absolute; top:50%; right:-7px; transform:translateY(-50%); width:12px; height:12px; border-radius:50%; border:1px solid #e8e8e8; background:var(--fontLight); content:''; } .statsIntra .stat:last-child{ border-right:0; } .statsIntra .stat-number{ font:500 59px/1.1 var(--headingFont); margin-bottom:19px; color:#c87e4f; } .statsIntra .stat-label{ font:400 16px/22px var(--siteFont); color:#2d2c30; } #WelcomeMain{ padding:10px 10px; } .welcomeIntra{ display:grid; grid-template-columns:1fr 1.1fr 1fr; gap:32px; align-items:start; } .welcomecard{ position:relative; border-radius:6px; overflow:hidden; transition:transform 0.35s ease; } .welcomecard:hover{ transform:translateY(-5px); } .welcomecard img{ display:block; width:100%; aspect-ratio:340/415; object-fit:cover; border-bottom:16px solid var(--fontLight); border-radius:27px; position:relative; bottom:-21px; z-index:1; } .welcomelabel{ position:relative; text-align:center; padding:48px 0 28px; font:700 24px/28px var(--siteFont); color:var(--themeOneBg); letter-spacing:14px; text-transform:uppercase; background:#f4f4f4; border-radius:0 0 15px 20px; transition:transform 0.35s ease,background 0.35s ease,color 0.35s ease; display:block; } .welcomecard:hover .welcomelabel{ transform:translateY(-5px); background:var(--themeOneBg); color:var(--fontLight); } .welcome-copy{ text-align:center; padding-top:65px; } .welcome{ font:500 14px/18px var(--siteFont); color:var(--themeFourBg); letter-spacing:9px; margin-bottom:10px; text-transform:uppercase; } .welcome-copy h1{ font:400 48px/52px var(--headingFont); margin-bottom:30px; color:var(--themeTwoBg); } .welcome-copy p{ font:400 15px/31px var(--siteFont); color:var(--themeTwoBg); max-width:361px; margin:0 auto; } .divider{ display:flex; align-items:center; justify-content:center; gap:11px; margin-top:40px; } .divider .line{ height:2px; width:80px; background:var(--themeOneBg); } .divider .dot{ position:relative; width:28px; height:28px; border-radius:50%; background:var(--themeTwoBg); display:flex; align-items:center; justify-content:center; color:var(--fontLight); font-size:20px; z-index:1; border:2px solid var(--themeOneBg); } .divider .dot::before{ content:""; position:absolute; width:24px; height:24px; border-radius:50%; border:2px solid var(--fontLight); z-index:-1; } .divider .dot::after{ content:"\f105"; position:relative; z-index:2; color:var(--fontLight); font-family:"Fontello"; font-size:18px; line-height:1; } #TestimonialsMain{ padding:50px 10px 126px 10px; } .testimonials{ font:600 14px/18px var(--siteFont); color:var(--themeOneBg); letter-spacing:13px; margin-bottom:13px; text-transform:uppercase; text-align:center; } .testimonialsHead{ font:400 48px/52px var(--headingFont); margin-bottom:70px; color:var(--themeTwoBg); text-align:center; } .testiVideos{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; width:100%; } .videoTab{ display:flex; flex-direction:column; height:100%; overflow:hidden; } .videoImage{ position:relative; overflow:hidden; } .videoImage a{ display:block; } .videoImage img{ display:block; width:100%; height:auto; aspect-ratio:387 / 241; object-fit:cover; transition:transform 0.6s cubic-bezier(.25,.46,.45,.94); } .video-title{ position:relative; margin-top:auto; border-bottom:1px solid #d9d9d9; font:600 19px/1.35 var(--siteFont); display:block; padding:26px 35px 26px 0; color:var(--themeThreeBg); transition:color 0.3s ease,padding-left 0.3s ease; } .video-title::after{ content:""; position:absolute; left:0; bottom:-1px; width:0; height:2px; background:var(--themeThreeBg); transition:width 0.4s ease; } .video-title::before{ content:"→"; position:absolute; right:5px; top:50%; transform:translateY(-50%) translateX(-8px); opacity:0; font-size:22px; transition:transform 0.35s ease,opacity 0.35s ease; } .videoTab:hover .videoImage img{ transform:scale(1.04); } .videoTab:hover .videoImage::after{ opacity:1; } .videoTab:hover .video-title::after{ width:100%; } .videoTab:hover .video-title a{ color:var(--themeThreeBg); padding-left:8px; } .videoTab:hover .video-title::before{ opacity:1; transform:translateY(-50%) translateX(0); } .videoTab .playButton{ position:absolute; z-index:2; left:50%; top:38%; width:40px; height:40px; display:flex; align-items:center; justify-content:center; color:#fff; background:var(--themeFourBg); border:4px solid rgba(255,255,255,0.92); border-radius:50%; font-family:"fontello"; font-size:16px; transform:translate(-50%,-50%); box-shadow:0 8px 22px rgba(0,0,0,0.28); transition:transform 0.35s ease,background 0.35s ease,box-shadow 0.35s ease; } .videoTab .playButton::before{ content:"\e815"; } .videoTab:hover .playButton{ background:var(--themeTwoBg); transform:translate(-50%,-50%) scale(1.1); box-shadow:0 10px 28px rgba(0,0,0,0.32); } .testiWrapper{ text-align:center; padding:50px 0 0 0; } .testiHead{ font:500 46px/52px var(--headingFont); padding:41px 0 30px 0; color:var(--themeTwoBg); text-align:center; } .commentBox{ position:relative; padding:0 10%; min-height:258px; } .commentBox::before, .commentBox::after{ position:absolute; top:20px; width:56px; height:41px; content:''; } .commentBox::before{ left:0; background:url(https://assets.yourpractice.online/1427/new-images/start-quote.png) no-repeat 0 0; } .commentBox::after{ right:0; background:url(https://assets.yourpractice.online/1427/new-images/end-quote.png) no-repeat 0 0; } .commentBox p{ font:300 30px/45px var(--siteFont); color:var(--themeTwoBg); } .patientName{ font:700 24px/30px var(--siteFont); color:var(--fontBlack); padding-top:20px; } .testiMore{ margin-top:5px; text-align:center; } .testiMore a{ display:inline-flex; align-items:center; justify-content:center; padding:18px 45px; border:1px solid var(--themeOneBg); border-radius:30px; background:var(--themeOneBg); color:var(--fontDark); font:500 14px/1.2 var(--siteFont); text-decoration:none; transition:all 0.3s ease; text-transform:uppercase; } .testiMore a:hover{ background:transparent; color:var(--themeOneBg); transform:translateY(-2px); box-shadow:0 8px 18px rgba(0,0,0,0.12); } .Intra-Tabs{ position:absolute; z-index:9; left:50%; bottom:-106px; transform:translateX(-50%); } .Intra-Tabs ul{ display:flex; flex-direction:row; flex-wrap:wrap; gap:7px; } .Intra-Tabs li{ width:13px; height:13px; } .Intra-Tabs li a{ width:100%; height:100%; display:block; border-radius:100%; background:var(--themeOneBg); } .Intra-Tabs li a:hover, .Intra-Tabs li.Review_here a{ background:var(--themeTwoBg); } .Intra-Tabs li span{ display:none; } #MakoContainer{ background:url(https://assets.yourpractice.online/1427/new-images/mako-strker-bg.jpg) no-repeat center top; } #MakoMain{ padding:120px 10px 50px 10px; min-height:872px; } .makoImage{ position:absolute; right:-34px; bottom:0; } .makoContent{ width:64%; min-height:638px; background:var(--fontLight); border-radius:30px; box-sizing:border-box; padding:86px 16% 75px 95px; } .makosubHead{ font:600 14px/18px var(--siteFont); color:var(--themeOneBg); letter-spacing:7px; margin-bottom:13px; text-transform:uppercase; } .makoHead{ font:400 48px/52px var(--headingFont); color:var(--themeTwoBg); } .makoContent p{ font:400 16px/36px var(--siteFont); color:var(--themeThreeBg); padding:27px 0 34px 0; } .makoMore a{ display:inline-flex; align-items:center; justify-content:center; padding:14px 30px; border:1px solid var(--themeOneBg); border-radius:30px; background:var(--themeOneBg); color:var(--fontDark); font:400 15px/1.2 var(--siteFont); text-decoration:none; text-transform:uppercase; transition:all 0.35s ease; } .makoMore a:hover{ background:transparent; color:var(--themeOneBg); transform:translateY(-3px); box-shadow:0 7px 18px rgba(0,0,0,0.12); } #AdvancedMain{ padding:80px 10px 102px 10px; } .advancedSubhead{ font:600 14px/18px var(--siteFont); color:var(--themeFourBg); letter-spacing:2.7px; margin-bottom:15px; text-transform:uppercase; text-align:center; } .advancedHead{ font:400 48px/52px var(--headingFont); margin-bottom:73px; color:var(--themeTwoBg); text-align:center; } .surgicalIntra{ position:relative; } .centerLogo{ position:absolute; left:50%; top:55%; transform:translate(-50%,-50%); z-index:2; } .centerLogo img{ display:block; width:150px; height:150px; object-fit:contain; } .prpWrap, .muscleWrap{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:40px; width:100%; align-items:center; } .surgicalImage{ position:relative; overflow:hidden; border-radius:38px; } .surgicalImage::after{ content:""; position:absolute; inset:0; background:linear-gradient(135deg, rgba(255,255,255,0.08), transparent 45%, rgba(0,0,0,0.08)); opacity:0; pointer-events:none; transition:opacity 0.4s ease; } .surgicalImage img{ display:block; width:100%; height:auto; object-fit:cover; transition:transform 0.65s cubic-bezier(.25,.46,.45,.94); } .surgicalContent{ display:flex; flex-direction:column; align-items:flex-start; box-sizing:border-box; } .prpWrap .surgicalContent{ padding-left:87px; } .surgicalSubhead{ margin-bottom:10px; color:var(--themeFourBg); font:600 14px/1.4 var(--siteFont); letter-spacing:1.2px; text-transform:uppercase; } .surgicalHead{ margin-bottom:19px; color:#34343a; font:500 48px/1.18 var(--headingFont); } .surgicalContent ul{ margin:0; padding:0; list-style:none; } .surgicalContent ul li{ position:relative; margin-bottom:17px; padding-left:41px; color:#28282b; font:400 16px/1.65 var(--siteFont); } .surgicalContent ul li:last-child{ margin-bottom:0; } .surgicalContent ul li::before{ content:""; position:absolute; left:0; top:10px; width:9px; height:9px; border-radius:50%; background:#38383d; } .surgicalContent .textBold{ font-weight:700; } .surgicalMore{ margin-top:35px; } .surgicalMore a{ display:inline-flex; align-items:center; justify-content:center; padding:14px 30px; border:1px solid var(--themeOneBg); border-radius:30px; background:var(--themeOneBg); color:var(--fontDark); font:500 14px/1.2 var(--siteFont); text-decoration:none; text-transform:uppercase; transition:all 0.35s ease; } .surgicalMore a:hover{ background:transparent; color:var(--themeOneBg); transform:translateY(-3px); box-shadow:0 7px 18px rgba(0,0,0,0.12); } .prpWrap:hover .surgicalImage img, .muscleWrap:hover .surgicalImage img{ transform:scale(1.035); } .prpWrap:hover .surgicalImage::after, .muscleWrap:hover .surgicalImage::after{ opacity:1; } .muscleWrap{ margin-top:55px; } .muscleWrap .surgicalImage{ grid-column:2; grid-row:1; } .muscleWrap .surgicalContent{ grid-column:1; grid-row:1; padding-right:80px; padding-top:8px; } .muscleWrap .surgicalImage img{ aspect-ratio:580 / 460; object-fit:cover; } #Blog-container{ background:#f0f0f0; } #BlogMain{ min-height:746px; padding:70px 10px 0 10px; } .blogSubhead{ font:600 14px/18px var(--siteFont); color:var(--themeFourBg); letter-spacing:6px; margin-bottom:10px; text-transform:uppercase; text-align:center; } .blogHead{ font:400 48px/52px var(--headingFont); margin-bottom:50px; color:var(--themeTwoBg); text-align:center; } .blogWrap{ width:100%; } .blogWrap ul{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:38px; margin:0; padding:0; list-style:none; } .blogWrap ul li{ position:relative; background:var(--fontLight); overflow:hidden; border-radius:14px 14px 0 0; } .recent-post-image{ width:100%; height:294px; overflow:hidden; border-radius:14px 14px 0 0; } .recent-post-image a{ display:block; width:100%; height:100%; } .recent-post-image img{ display:block; width:100%; height:100%; object-fit:cover; transition:transform 0.4s ease; } .blogWrap li:hover .recent-post-image img{ transform:scale(1.04); } .recent-post-excerpt,.recent-post-content .read-more { display:none; } .recent-post-content{ position:relative; min-height:258px; padding:51px 48px 35px; background:var(--fontLight); box-sizing:border-box; } .blogDate{ position:absolute; top:-100px; left:0; width:74px; height:100px; display:flex; flex-direction:column; align-items:center; justify-content:center; background:var(--themeOneBg); color:var(--fontLight); font:400 40px/42px var(--headingFont); text-align:center; } .blogDate span{ display:block; margin-top:2px; font:400 14px/18px var(--siteFont2); text-transform:uppercase; } .meta-date{ margin:0 0 17px; color:#ce8152; font:300 14px/20px var(--siteFont2); text-transform:uppercase; } .meta-date .textBold{ font-weight:500; } .recent-post-title{ margin:0; padding:0; font:600 18px/30px var(--siteFont); color:var(--themeThreeBg); } .recent-post-title a{ text-decoration:none; transition:color 0.3s ease; display:block; } .recent-post-title a:hover{ color:var(--themeOneBg); } #RecoveryMain{ padding:100px 10px 125px 10px; } .recoverySubhead{ margin:0 0 7px; color:#d18a63; font:600 14px/20px var(--siteFont); letter-spacing:6px; text-transform:uppercase; } .recoveryHead{ font:500 48px/52px var(--headingFont); margin-bottom:20px; color:var(--themeTwoBg); } .recoveryIntra{ display:grid; grid-template-columns:minmax(0,1.25fr) minmax(420px,1fr); gap:26px; width:100%; align-items:stretch; } .recoveryLeft{ display:flex; flex-direction:column; justify-content:space-between; min-width:0; } .recoveryIntro{ padding:0 0 55px; } .recoverySubhead{ margin:0 0 5px; color:#d18a63; font:600 14px/20px var(--siteFont); letter-spacing:6px; text-transform:uppercase; } .recoveryDetails{ max-width:600px; margin:22px 0 25px; color:#3c3c40; font:400 17px/30px var(--siteFont); } .recoveryMore a, .outoftownMore a{ display:inline-flex; align-items:center; justify-content:center; min-width:143px; height:46px; padding:0 25px; border-radius:30px; background:var(--themeTwoBg); color:#fff; font:600 14px/20px var(--siteFont); text-decoration:none; text-transform:uppercase; transition:all 0.3s ease; border:1px solid var(--themeTwoBg); } .recoveryMore a:hover, .outoftownMore a:hover{ background:var(--fontLight); color:var(--themeOneBg); transform:translateY(-3px); box-shadow:0 7px 18px rgba(0,0,0,0.12); border:1px solid var(--themeOneBg); } .outofTown{ display:grid; grid-template-columns:276px minmax(0,1fr); align-items:center; min-height:350px; overflow:hidden; border-radius:22px; background:#d09168; } .outoftownImage{ width:276px; height:320px; margin-left:15px; overflow:hidden; border-radius:20px; } .outoftownImage a{ display:block; width:100%; height:100%; } .outoftownImage img{ display:block; width:100%; height:100%; object-fit:cover; transition:transform 0.45s ease; } .outofTown:hover .outoftownImage img{ transform:scale(1.04); } .outoftownContent{ padding:43px 35px 35px 62px; color:#fff; } .outoftownSubhead{ margin-bottom:8px; font:600 14px/20px var(--siteFont); letter-spacing:3px; text-transform:uppercase; } .outoftownHead{ color:#fff; font:500 48px/1.05 var(--headingFont); } .outoftownContent p{ max-width:280px; margin:16px 0px 17px; color:#fff; font:400 17px/26px var(--siteFont); } .twonImageR{ width:100%; height:100%; min-height:658px; overflow:hidden; border-radius:22px; } .twonImageR img{ display:block; width:100%; height:100%; object-fit:cover; transition:transform 0.5s ease; } .twonImageR:hover img{ transform:scale(1.025); } #ResourceContainer{ background:var(--themeTwoBg); } #ResourceMain{ padding:75px 10px 70px; } .resourceSubhead{ font:600 14px/18px var(--siteFont); color:var(--themeOneBg); letter-spacing:8px; margin-bottom:14px; text-transform:uppercase; text-align:center; } .resourceHead{ font:400 48px/52px var(--headingFont); margin-bottom:34px; color:var(--fontLight); text-align:center; } .resourceWrap{ width:100%; padding:25px 0 0; overflow:hidden; } .resourceWrap ul{ width:100%; margin:0 auto; padding:0; list-style:none; display:flex; justify-content:space-between; align-items:flex-start; } .resourceWrap ul li{ width:33.333333%; padding:0 6px; text-align:center; box-sizing:border-box; transition:transform 0.35s ease; } .resourceImage{ width:388px; height:313px; max-width:100%; margin:0 auto; position:relative; overflow:visible; } .resourceImage a{ display:block; width:100%; height:100%; transition:transform 0.35s ease,filter 0.35s ease; } .resourceImage img{ display:block; width:100%; max-width:none; object-fit:cover; object-position:center; border:0; } .resourceText{ margin-top:30px; padding:0 10px; } .resourceText > a{ display:block; color:#fff; font:500 30px/35px var(--headingFont); transition:color 0.3s ease; } .resourceText > a span{ display:block; max-width:350px; margin:8px auto 0; color:#bebcbc; font:400 16px/23px var(--siteFont); transition:color 0.3s ease; } .resourceWrap li:hover .resourceImage a{ transform:translateY(-8px); filter:brightness(1.09) drop-shadow(0 12px 7px rgba(0,0,0,0.9)); } .resourceWrap li:hover .resourceText > a, .resourceWrap li:hover .resourceText > a span{ color:var(--themeOneBg); } #EducationMain{ padding:65px 10px 52px 10px; text-align:center; } .eduSubhead{ font:600 14px/18px var(--siteFont); color:var(--themeOneBg); letter-spacing:13px; margin-bottom:15px; text-transform:uppercase; } .eduHead{ font:500 46px/52px var(--headingFont); margin-bottom:52px; color:var(--themeTwoBg); } .eduVideo a{ display:block; border-radius:16px; transition:transform 0.35s ease,opacity 0.3s ease,filter 0.3s ease; } .eduVideo img{ display:block; width:100%; height:auto; border-radius:16px; } .eduVideo a:hover{ opacity:0.9; filter:brightness(1.05); transform:translateY(-5px); } #MediaContainer{ background:#f7f7f7; } #MediaMain{ padding:72px 10px 100px 10px; text-align:center; } .mediaSubhead{ font:700 14px/18px var(--siteFont); color:var(--themeOneBg); letter-spacing:1.5px; margin-bottom:19px; text-transform:uppercase; } .mediaHead{ font:500 48px/52px var(--headingFont); margin-bottom:57px; color:var(--themeTwoBg); } .mediaTabs, .smoTabs{ width:100%; } .mediaTabs{ margin-bottom:30px; } .mediaTabs ul{ display:flex; align-items:center; justify-content:center; gap:24px; width:100%; padding:0; margin:0; list-style:none; } .mediaTabs ul li{ flex:1 1 0; max-width:271px; } .mediaTabs ul li a{ position:relative; display:block; overflow:hidden; border-radius:22px; background:var(--fontLight); border-bottom:5px solid #f7f7f7; text-decoration:none; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease; } .mediaTabs ul li img{ display:block; width:100%; height:auto; transition:transform 0.45s ease; } .mediaTabs ul li a:hover{ transform:translateY(-7px); border-bottom:5px solid var(--themeFourBg); box-shadow: 0 12px 28px rgba(0,101,160,0.18), 0 4px 10px rgba(254,122,0,0.12); } .mediaTabs ul li a:hover img{ transform:scale(1.04); } .smoTabs ul{ display:flex; align-items:center; justify-content:center; gap:45px; width:100%; padding:0; margin:0; list-style:none; } .smoTabs ul li{ flex:0 1 auto; } .smoTabs ul li a{ display:flex; align-items:center; justify-content:center; padding:8px; text-decoration:none; } .smoTabs ul li img{ display:block; width:auto; height:auto; max-width:100%; transition: transform 0.35s ease, filter 0.35s ease; } .smoTabs ul li a:hover img{ transform:translateY(-5px) scale(1.05); filter:drop-shadow(0 7px 8px rgba(0,101,160,0.20)); } @media (max-width:1199px){ #StatsMain{ padding:55px 20px; } .statsIntra .stat{ padding:0 20px; } .statsIntra .stat-number{ font-size:52px; } .statsIntra .stat-label{ font-size:15px; line-height:21px; } #WelcomeMain{ padding:10px 20px; } .welcomeIntra{ grid-template-columns:1fr 1.05fr 1fr; gap:22px; } .welcomelabel{ font-size:21px; line-height:26px; letter-spacing:4px; padding:42px 10px 25px; } .welcome-copy{ padding-top:45px; } .welcome-copy h1{ font-size:42px; line-height:47px; } .welcome-copy p{ font-size:14px; line-height:30px; } #TestimonialsMain{ padding:50px 20px 120px; } .testimonialsHead, .testiHead{ font-size:42px; line-height:47px; } .testimonialsHead{ margin-bottom:50px; } .testiVideos{ gap:22px; } .video-title{ font-size:17px; } .video-title a{ padding:22px 30px 22px 0; } .commentBox{ padding:0 8%; } .commentBox p{ font-size:26px; line-height:40px; } .patientName{ font-size:22px; } #MakoMain{ padding:90px 20px 50px; min-height:750px; } .makoContent{ width:62%; min-height:560px; padding:65px 17% 65px 70px; } .makoHead{ font-size:42px; line-height:47px; } .makoContent p{ font-size:15px; line-height:28px; padding:30px 0 40px; } .makoImage{ max-width:48%; } .makoImage img{ display:block; max-width:100%; height:auto; } #AdvancedMain{ padding:65px 20px 75px; } .advancedHead{ font-size:42px; line-height:47px; margin-bottom:60px; } .prpWrap, .muscleWrap{ gap:30px; } .centerLogo img{ width:125px; height:125px; } .prpWrap .surgicalContent{ padding-left:40px; } .muscleWrap .surgicalContent{ padding-right:40px; } .surgicalHead{ font-size:36px; line-height:1.15; margin-bottom:20px; } .surgicalContent ul li{ padding-left:32px; font-size:15px; line-height:1.55; margin-bottom:13px; } .surgicalMore{ margin-top:28px; } #BlogMain{ min-height:auto; padding:60px 20px 70px; } .blogHead{ font-size:42px; line-height:47px; margin-bottom:40px; } .blogWrap ul{ gap:25px; } .recent-post-image{ height:260px; } .blogContent{ min-height:240px; padding:45px 30px 30px; } .blogDate{ width:65px; height:90px; top:-90px; font-size:34px; line-height:36px; } .blogTitle{ font-size:17px; line-height:27px; } #RecoveryMain{ padding:70px 20px 80px; } .recoveryHead{ font-size:42px; line-height:47px; } .recoveryIntra{ grid-template-columns:minmax(0,1.15fr) minmax(360px,1fr); gap:22px; } .recoveryIntro{ padding-bottom:35px; } .recoverySubhead{ font-size:14px; letter-spacing:5px; } .recoveryDetails{ max-width:550px; font-size:16px; line-height:28px; margin:20px 0 22px; } .outofTown{ grid-template-columns:220px minmax(0,1fr); min-height:320px; } .outoftownImage{ width:220px; height:290px; margin-left:12px; } .outoftownContent{ padding:30px 25px 30px 35px; } .outoftownSubhead{ font-size:13px; letter-spacing:3px; } .outoftownHead{ font-size:34px; } .outoftownContent p{ font-size:15px; line-height:23px; margin:15px 0 20px; } .twonImageR{ min-height:600px; } #ResourceMain{ padding:65px 20px 75px; } .resourceHead{ font-size:42px; line-height:47px; margin-bottom:40px; } .resourceWrap{ padding-top:15px; } .resourceWrap ul li{ padding:0 5px; } .resourceImage{ width:388px; height:313px; } .resourceText{ margin-top:25px; padding:0 5px; } .resourceText > a{ font-size:26px; line-height:31px; } .resourceText > a span{ font-size:15px; line-height:23px; } #EducationMain{ padding:60px 20px 45px; } .eduSubhead, .mediaSubhead{ font-size:13px; line-height:17px; letter-spacing:5px; } .mediaSubhead{ letter-spacing:2px; } .eduHead, .mediaHead{ font-size:42px; line-height:47px; margin-bottom:40px; } #MediaMain{ padding:60px 20px 80px; } .mediaTabs{ margin-bottom:30px; } .mediaTabs ul{ gap:18px; } .mediaTabs ul li{ max-width:240px; } .mediaTabs ul li a{ border-radius:18px; } .smoTabs ul{ gap:35px; } .bannerHead{ font:500 51px/63px var(--headingFont); } .banner1 .bannerDiv{ width:67%; grid-template-columns:minmax(0,1fr) 115px; gap:8px; min-height:400px; top:52%; } .bestRated img{ width:140px; } .banner1 .bannerHead{ margin-bottom:15px; font-size:40px; } .banner1 .bannerText li{ margin-bottom:14px; padding-left:17px; font-size:14px; line-height:19px; } .banner1 .bannerText li::before{ width:3px; min-height:30px; } .banner1 .bannerDiv-R li, .banner1 .bannerDiv-R img{ width:105px; height:106px; } .banner1 .bannerDiv-R li{ margin-bottom:-6px; } } @media (max-width:991px){ #StatsMain{ padding:50px 20px; } .statsIntra{ grid-template-columns:repeat(2,1fr); row-gap:40px; } .statsIntra .stat{ padding:0 20px; } .statsIntra .stat:nth-child(2){ border-right:0; } .statsIntra .stat:nth-child(2)::after{ display:none; } .statsIntra .stat-number{ font-size:50px; } .statsIntra .stat-label{ font-size:15px; line-height:21px; } #WelcomeMain{ padding:10px 20px; } .welcomeIntra{ grid-template-columns:1fr 1fr; gap:25px; } .welcome-copy{ grid-column:1 / -1; grid-row:1; padding:10px 20px 30px; max-width:650px; margin:0 auto; } .welcome-copy h1{ font-size:40px; line-height:45px; margin-bottom:18px; } .welcome-copy p{ max-width:600px; line-height:28px; } .welcomecard{ width:100%; } .welcomecard img{ aspect-ratio:340 / 270; } .welcomelabel{ font-size:20px; line-height:25px; letter-spacing:4px; padding:42px 10px 25px; } .divider{ margin-top:28px; } #TestimonialsMain{ padding:45px 20px 50px; } .testimonials{ font-size:14px; letter-spacing:4px; } .testimonialsHead, .testiHead{ font-size:38px; line-height:43px; } .testimonialsHead{ margin-bottom:40px; } .testiVideos{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px 20px; } .video-title{ font-size:17px; } .video-title a{ padding:20px 30px 20px 0; } .video-title a::after{ font-size:20px; } .testiWrapper{ padding-top:40px; } .testiHead{ padding:30px 0 25px; } .commentBox{ padding:0 9%; min-height:244px; } .commentBox::before, .commentBox::after{ width:45px; height:34px; background-size:contain; } .commentBox p{ font-size:23px; line-height:36px; } .patientName{ font-size:20px; line-height:27px; padding-top:15px; } .testiMore a{ padding:16px 38px; } .Intra-Tabs{ bottom:-92px; } #MakoMain{ padding:70px 20px 40px; min-height:650px; } .makoContent{ width:63%; min-height:500px; padding:55px 20% 55px 55px; border-radius:25px; box-sizing:border-box; } .makosubHead{ font-size:13px; letter-spacing:5px; } .makoHead{ font-size:38px; line-height:43px; } .makoContent p{ font-size:15px; line-height:27px; padding:25px 0 35px; } .makoMore a{ padding:13px 26px; font-size:14px; } .makoImage{ max-width:50%; } #AdvancedMain{ padding:55px 20px 65px; } .advancedSubhead, .blogSubhead{ font-size:13px; letter-spacing:2.5px; } .advancedHead, .blogHead{ font-size:38px; line-height:43px; } .advancedHead{ margin-bottom:45px; } .prpWrap, .muscleWrap{ gap:25px; } .centerLogo{ top:50%; } .centerLogo img{ width:100px; height:100px; } .surgicalImage{ border-radius:28px; } .prpWrap .surgicalContent{ padding-left:20px; } .muscleWrap .surgicalContent{ padding-right:20px; } .surgicalSubhead{ font-size:13px; } .surgicalHead{ font-size:32px; line-height:1.15; margin-bottom:18px; } .surgicalContent ul li{ padding-left:28px; font-size:14px; line-height:1.5; margin-bottom:11px; } .surgicalContent ul li::before{ width:8px; height:8px; top:9px; } .surgicalMore{ margin-top:25px; } .surgicalMore a{ padding:13px 26px; font-size:14px; } .muscleWrap{ margin-top:45px; } #BlogMain{ min-height:auto; padding:55px 20px 60px; } .blogHead{ margin-bottom:35px; } .blogWrap ul{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:25px; } .recent-post-image{ height:250px; } .blogContent{ min-height:230px; padding:43px 28px 28px; } .blogDate{ width:65px; height:88px; top:-88px; font-size:33px; line-height:35px; } .postedOn{ margin-bottom:13px; font-size:13px; } .blogTitle{ font-size:17px; line-height:27px; } #RecoveryMain{ padding:60px 20px 70px; } .recoveryIntra{ grid-template-columns:1fr; gap:30px; } .recoveryLeft{ width:100%; } .recoveryIntro{ padding-bottom:30px; } .recoveryDetails{ max-width:700px; } .outofTown{ grid-template-columns:250px minmax(0,1fr); min-height:320px; } .outoftownImage{ width:250px; height:290px; } .outoftownContent{ padding:30px 35px; } .outoftownHead{ font-size:36px; } .twonImageR{ width:100%; min-height:500px; height:500px; } #ResourceMain{ padding:60px 20px 70px; } .resourceHead{ font-size:38px; line-height:43px; margin-bottom:35px; } .resourceWrap{ padding-top:10px; } .resourceWrap ul{ gap:15px; } .resourceWrap ul li{ width:calc(33.333333% - 10px); padding:0; } .resourceImage{ width:100%; height:auto; aspect-ratio:388 / 313; } .resourceImage a{ width:100%; height:100%; } .resourceImage img{ width:100%; height:100%; } .resourceText{ margin-top:22px; padding:0; } .resourceText > a{ font-size:22px; line-height:27px; } .resourceText > a span{ margin-top:7px; font-size:14px; line-height:21px; } #EducationMain{ padding:50px 20px 40px; } .eduSubhead, .mediaSubhead{ font-size:12px; line-height:16px; letter-spacing:4px; } .mediaSubhead{ letter-spacing:2px; } .eduHead, .mediaHead{ font-size:38px; line-height:43px; margin-bottom:35px; } .eduVideo a{ border-radius:14px; } .eduVideo img{ border-radius:14px; } #MediaMain{ padding:55px 20px 70px; } .mediaTabs{ margin-bottom:28px; } .mediaTabs ul{ gap:15px; flex-wrap:wrap; } .mediaTabs ul li{ flex:0 1 calc(25% - 12px); max-width:none; } .mediaTabs ul li a{ border-radius:16px; border-bottom-width:4px; } .mediaTabs ul li a:hover{ border-bottom-width:4px; transform:translateY(-5px); } .smoTabs ul{ gap:25px; flex-wrap:wrap; } .smoTabs ul li a{ padding:6px; } .banner1 .bannerDiv{ width:57%; display:block; bottom:15px; padding:12px; } .banner1 .bannerDiv-L{ width:100%; } .bestRated{ margin-bottom:10px; } .bestRated img{ width:115px; } .banner1 .bannerHead{ margin-bottom:12px; font-size:30px; line-height:1.08; } .banner1 .bannerText li::before{ top:3px; width:3px; min-height:22px; } .banner1 .bannerDiv-R{ margin-top:10px; } .banner1 .bannerDiv-R ul{ flex-direction:row; justify-content:center; gap:3px; } .banner1 .bannerDiv-R li, .banner1 .bannerDiv-R img{ width:80px; height:81px; } .bannerHead{ font:500 40px/50px var(--headingFont); } .banner4 .bannerDiv, .bannerDiv{ width:60%; background:rgba(255,255,255,.6); padding:10px; } .banner5 .bannerDiv, .banner3 .bannerDiv{ width:97%; top:74%; } } @media (max-width:767px){ #StatsMain{ padding:45px 15px; } .statsIntra{ grid-template-columns:repeat(2,1fr); row-gap:35px; } .statsIntra .stat{ padding:0 15px; } .statsIntra .stat-number{ font-size:44px; line-height:1.1; margin-bottom:6px; } .statsIntra .stat-label{ font-size:14px; line-height:20px; } .statsIntra .stat::after{ width:10px; height:10px; right:-6px; } .statsIntra .stat:nth-child(2)::after{ display:none; } #WelcomeMain{ padding:10px 15px; } .welcomeIntra{ display:flex; flex-direction:column; gap:25px; } .welcome-copy{ order:1; width:100%; padding:15px 10px 20px; box-sizing:border-box; } .welcomecard{ width:100%; max-width:500px; margin:0 auto; } .welcomecard:first-child{ order:2; } .welcomecard:last-child{ order:3; } .welcomecard img{ width:100%; object-fit:cover; } .welcomelabel{ font-size:20px; line-height:25px; letter-spacing:4px; padding:42px 10px 25px; } .welcome{ font-size:14px; line-height:18px; letter-spacing:4px; } .welcome-copy h1{ font-size:36px; line-height:41px; margin-bottom:15px; } .welcome-copy p{ max-width:500px; font-size:14px; line-height:27px; } .divider{ margin-top:25px; } .divider .line{ width:65px; } #TestimonialsMain{ padding:40px 15px 100px; } .testimonials{ font-size:13px; line-height:17px; letter-spacing:3px; margin-bottom:8px; } .testimonialsHead, .testiHead{ font-size:34px; line-height:39px; } .testimonialsHead{ margin-bottom:35px; } .testiVideos{ grid-template-columns:1fr; gap:30px; } .videoTab{ width:100%; } .videoImage img{ width:100%; aspect-ratio:387 / 241; } .video-title{ font-size:18px; } .video-title a{ padding:20px 35px 20px 0; } .video-title a::after{ opacity:1; transform:translateY(-50%) translateX(0); } .testiWrapper{ padding-top:35px; } .testiHead{ padding:25px 0 20px; } .commentBox{ padding:0 12%; min-height:259px; } .commentBox::before, .commentBox::after{ top:5px; width:35px; height:26px; background-size:contain; } .commentBox p{ font-size:20px; line-height:32px; } .patientName{ font-size:18px; line-height:25px; padding-top:15px; } .testiMore{ margin-top:20px; } .testiMore a{ padding:15px 32px; font-size:13px; } .Intra-Tabs{ bottom:0; } .Intra-Tabs ul{ gap:6px; } .Intra-Tabs li{ width:11px; height:11px; } #MakoContainer{ background-position:center top; background-size:cover; } #MakoMain{ padding:45px 15px 45px; min-height:0; } .makoContent{ width:100%; min-height:0; padding:45px 30px 45px; border-radius:22px; box-sizing:border-box; } .makosubHead{ font-size:12px; line-height:16px; letter-spacing:4px; margin-bottom:8px; } .makoHead{ font-size:34px; line-height:39px; } .makoContent p{ font-size:14px; line-height:26px; padding:25px 0 30px; } .makoMore a{ padding:13px 25px; font-size:13px; } .makoImage{ width:75%; max-width:400px; position:static; } .makoImage img{ width:100%; height:auto; } #AdvancedMain{ padding:45px 15px 55px; } .advancedSubhead, .blogSubhead{ font-size:12px; line-height:16px; letter-spacing:2px; } .advancedHead, .blogHead{ font-size:34px; line-height:39px; } .advancedHead{ margin-bottom:35px; } .surgicalIntra{ width:100%; } .prpWrap, .muscleWrap{ display:flex; flex-direction:column; gap:0; width:100%; } .prpWrap .surgicalContent, .muscleWrap .surgicalContent{ width:100%; padding:30px 10px 0; box-sizing:border-box; } .prpWrap .surgicalImage, .muscleWrap .surgicalImage{ width:100%; order:1; } .prpWrap .surgicalContent, .muscleWrap .surgicalContent{ order:2; } .muscleWrap{ margin-top:55px; } .muscleWrap .surgicalImage{ grid-column:auto; grid-row:auto; } .muscleWrap .surgicalContent{ grid-column:auto; grid-row:auto; } .surgicalImage{ border-radius:25px; } .surgicalImage img, .muscleWrap .surgicalImage img{ width:100%; height:auto; aspect-ratio:580 / 460; object-fit:cover; } .surgicalSubhead{ font-size:12px; line-height:17px; letter-spacing:1px; margin-bottom:7px; } .surgicalHead{ font-size:31px; line-height:1.15; margin-bottom:18px; } .surgicalContent ul li{ padding-left:25px; font-size:14px; line-height:1.55; margin-bottom:12px; } .surgicalContent ul li::before{ width:7px; height:7px; top:9px; } .surgicalMore{ margin-top:25px; } .surgicalMore a{ padding:13px 25px; font-size:13px; } .centerLogo{ display:none; } #BlogMain{ min-height:auto; padding:45px 15px 50px; } .blogHead{ margin-bottom:30px; } .blogWrap ul{ grid-template-columns:1fr; gap:30px; } .blogWrap ul li{ width:100%; } .recent-post-image{ height:auto; aspect-ratio:387 / 294; } .blogContent{ min-height:0; padding:43px 25px 30px; } .blogDate{ width:65px; height:88px; top:-88px; font-size:33px; line-height:35px; } .postedOn{ margin-bottom:12px; font-size:13px; line-height:18px; } .blogTitle{ font-size:17px; line-height:27px; } #RecoveryMain{ padding:45px 15px 55px; } .recoverySubhead{ font-size:12px; line-height:17px; letter-spacing:4px; } .recoveryHead{ font-size:34px; line-height:40px; margin-bottom:18px; } .recoveryIntra{ display:flex; flex-direction:column; gap:30px; } .recoveryLeft{ display:flex; flex-direction:column; } .recoveryIntro{ padding-bottom:20px; } .recoveryDetails{ margin:18px 0 22px; font-size:14px; line-height:26px; } .recoveryMore a, .outoftownMore a{ min-width:130px; height:44px; padding:0 22px; font-size:13px; } .outofTown{ grid-template-columns:200px minmax(0,1fr); min-height:280px; border-radius:18px; } .outoftownImage{ width:200px; height:250px; margin-left:10px; border-radius:16px; } .outoftownContent{ padding:25px 20px 25px 25px; } .outoftownSubhead{ font-size:11px; line-height:16px; letter-spacing:2.5px; } .outoftownHead{ font-size:29px; line-height:1.08; } .outoftownContent p{ font-size:14px; line-height:22px; margin:14px 0 18px; } .twonImageR{ min-height:420px; height:420px; border-radius:18px; } #ResourceMain{ padding:50px 15px 60px; } .resourceSubhead{ font-size:12px; line-height:17px; letter-spacing:4px; } .resourceHead{ font-size:34px; line-height:40px; margin-bottom:30px; } .resourceWrap{ padding-top:5px; } .resourceWrap ul{ display:flex; flex-direction:column; gap:55px; align-items:center; } .resourceWrap ul li{ width:100%; max-width:388px; padding:0; } .resourceImage{ width:388px; max-width:100%; height:313px; aspect-ratio:auto; } .resourceImage a{ width:100%; height:100%; } .resourceImage img{ width:100%; height:100%; } .resourceText{ margin-top:22px; padding:0; } .resourceText > a{ font-size:27px; line-height:32px; } .resourceText > a span{ max-width:360px; margin-top:8px; font-size:15px; line-height:23px; } .resourceWrap li:hover .resourceImage a{ transform:translateY(-6px); } #EducationMain{ padding:45px 15px 35px; } .eduSubhead, .mediaSubhead{ font-size:11px; line-height:15px; letter-spacing:3px; margin-bottom:8px; } .mediaSubhead{ letter-spacing:1.5px; } .eduHead, .mediaHead{ font-size:34px; line-height:39px; margin-bottom:30px; } .eduVideo a{ border-radius:12px; } .eduVideo img{ width:100%; border-radius:12px; } .eduVideo a:hover{ transform:translateY(-4px); } #MediaMain{ padding:45px 15px 55px; } .mediaTabs{ margin-bottom:30px; } .mediaTabs ul{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; } .mediaTabs ul li{ width:100%; max-width:none; } .mediaTabs ul li a{ width:100%; border-radius:15px; border-bottom-width:4px; } .mediaTabs ul li a:hover{ transform:translateY(-5px); border-bottom-width:4px; } .mediaTabs ul li img{ width:100%; height:auto; } .smoTabs ul{ gap:18px; justify-content:center; } .smoTabs ul li{ flex:0 1 auto; } .smoTabs ul li a{ padding:5px; } .smoTabs ul li img{ max-width:90px; max-height:45px; object-fit:contain; } .bannerHead{ font:500 35px/45px var(--headingFont); } .banner1 .bannerDiv{ width:100%; top:78%; min-height:285px; } .banner1 .bannerDiv-R{ display:none; } .banner4 .bannerDiv, .bannerDiv{ background:rgba(255,255,255,.9); } } @media (max-width:640px){ #Banner{ height:700px; } .banner1 .bannerHead{ font-size:21px; } .bannerHead{ font:500 27px/36px var(--headingFont); } .bannerHead span{ font:400 18px/24px var(--siteFont); } .banner3 .bannerText,.banner5 .bannerText{ padding:2px 0 0 0; } .banner1 .bannerText li{ margin-bottom:5px; } .banner3 .bannerText li,.banner5 .bannerText li{ font:400 15px/21px var(--siteFont); } } @media (max-width:600px){ .outofTown{ display:flex; flex-direction:column; min-height:0; padding:15px; } .outoftownImage{ width:100%; height:auto; aspect-ratio:276 / 320; margin:0; } .outoftownContent{ padding:25px 10px 15px; text-align:center; } .outoftownContent p{ max-width:450px; margin-left:auto; margin-right:auto; } .twonImageR{ min-height:350px; height:350px; } } @media (max-width:480px){ #StatsMain{ padding:40px 10px; } .statsIntra{ row-gap:30px; } .statsIntra .stat{ padding:0 8px; } .statsIntra .stat-number{ font-size:38px; } .statsIntra .stat-label{ font-size:13px; line-height:18px; } .statsIntra .stat::after{ width:9px; height:9px; right:-5px; } #WelcomeMain{ padding:5px 10px; } .welcome-copy{ padding:10px 5px 15px; } .welcome{ font-size:12px; letter-spacing:3px; } .welcome-copy h1{ font-size:31px; line-height:36px; } .welcome-copy p{ font-size:13px; line-height:25px; } .welcomelabel{ font-size:17px; line-height:22px; letter-spacing:3px; padding:38px 8px 22px; } .divider{ gap:8px; margin-top:22px; } .divider .line{ width:50px; } .divider .dot{ width:25px; height:25px; font-size:17px; } .divider .dot::before{ width:21px; height:21px; } #TestimonialsMain{ padding:35px 12px 90px; } .testimonials{ font-size:12px; letter-spacing:2.5px; } .testimonialsHead, .testiHead{ font-size:30px; line-height:35px; } .testimonialsHead{ margin-bottom:30px; } .testiVideos{ gap:25px; } .video-title{ font-size:16px; } .video-title a{ padding:18px 30px 18px 0; } .video-title a::after{ right:2px; font-size:19px; } .testiWrapper{ padding-top:30px; } .testiHead{ padding:20px 0 18px; } .commentBox{ min-height:334px; padding:0 13%; } .commentBox::before, .commentBox::after{ width:27px; height:20px; } .commentBox::before{ left:0; } .commentBox::after{ right:0; } .commentBox p{ font-size:17px; line-height:28px; } .patientName{ font-size:17px; line-height:23px; } .testiMore a{ padding:14px 28px; } .Intra-Tabs{ bottom:0px; } #MakoMain{ padding:30px 10px 30px; } .makoContent{ padding:35px 22px 35px; border-radius:18px; } .makosubHead{ font-size:11px; letter-spacing:3px; } .makoHead{ font-size:29px; line-height:34px; } .makoContent p{ font-size:13px; line-height:24px; padding:20px 0 25px; } .makoMore a{ padding:12px 22px; font-size:12px; } .makoImage{ width:82%; } #AdvancedMain{ padding:38px 12px 45px; } .advancedSubhead, .blogSubhead{ font-size:11px; letter-spacing:1.8px; } .advancedHead, .blogHead{ font-size:30px; line-height:35px; } .advancedHead{ margin-bottom:28px; } .prpWrap .surgicalContent, .muscleWrap .surgicalContent{ padding:25px 5px 0; } .surgicalImage{ border-radius:20px; } .surgicalSubhead{ font-size:11px; letter-spacing:.8px; } .surgicalHead{ font-size:28px; line-height:33px; } .surgicalContent ul li{ padding-left:22px; font-size:13px; line-height:1.5; } .surgicalContent ul li::before{ width:6px; height:6px; top:8px; } .surgicalMore{ margin-top:22px; } .surgicalMore a{ padding:12px 22px; font-size:12px; } .muscleWrap{ margin-top:45px; } #BlogMain{ padding:40px 12px 45px; } .blogHead{ margin-bottom:25px; } .blogWrap ul{ gap:25px; } .recent-post-image{ aspect-ratio:387 / 294; } .blogContent{ padding:40px 20px 25px; } .blogDate{ width:58px; height:78px; top:-78px; font-size:29px; line-height:31px; } .blogDate span{ font-size:12px; line-height:16px; } .postedOn{ font-size:12px; line-height:17px; } .blogTitle{ font-size:16px; line-height:25px; } #RecoveryMain{ padding:38px 12px 45px; } .recoverySubhead{ font-size:11px; letter-spacing:3px; } .recoveryHead{ font-size:30px; line-height:35px; } .recoveryDetails{ font-size:13px; line-height:24px; margin:15px 0 20px; } .recoveryMore a, .outoftownMore a{ height:42px; min-width:120px; padding:0 20px; font-size:12px; } .outofTown{ padding:10px; border-radius:16px; } .outoftownImage{ border-radius:14px; } .outoftownContent{ padding:22px 5px 12px; } .outoftownSubhead{ font-size:10px; letter-spacing:2px; } .outoftownHead{ font-size:27px; } .outoftownContent p{ font-size:13px; line-height:21px; } .twonImageR{ min-height:290px; height:290px; border-radius:16px; } #ResourceMain{ padding:40px 12px 50px; } .resourceSubhead{ font-size:11px; letter-spacing:3px; } .resourceHead{ font-size:30px; line-height:35px; margin-bottom:25px; } .resourceWrap ul{ gap:45px; } .resourceWrap ul li{ max-width:388px; } .resourceImage{ width:388px; max-width:100%; height:auto; aspect-ratio:388 / 313; } .resourceText{ margin-top:18px; } .resourceText > a{ font-size:24px; line-height:29px; } .resourceText > a span{ font-size:14px; line-height:21px; } #EducationMain{ padding:38px 12px 30px; } .eduSubhead, .mediaSubhead{ font-size:10px; line-height:14px; letter-spacing:2.5px; } .mediaSubhead{ letter-spacing:1px; } .eduHead, .mediaHead{ font-size:30px; line-height:35px; margin-bottom:25px; } .eduVideo a, .eduVideo img{ border-radius:10px; } .eduVideo a:hover{ transform:translateY(-3px); } #MediaMain{ padding:40px 12px 45px; } .mediaHead{ margin-bottom:25px; } .mediaTabs{ margin-bottom:25px; } .mediaTabs ul{ gap:10px; } .mediaTabs ul li a{ border-radius:12px; border-bottom-width:3px; } .mediaTabs ul li a:hover{ transform:translateY(-4px); border-bottom-width:3px; } .smoTabs ul{ gap:12px; } .smoTabs ul li a{ padding:4px; } .smoTabs ul li img{ max-width:75px; max-height:38px; } .bannerHead{ font:500 20px/27px var(--headingFont); } .bannerHead span{ font:400 15px/20px var(--siteFont); padding-top:6px; } .banner3 .bannerText, .banner5 .bannerText{ padding:2px 0 0 0; } .bannerText ul{ display:none; } .banner1 .bannerDiv{ min-height:auto; text-align:center; } .bannerHead, .aboutDr{ text-align:center; } .bestRated img{ margin:0 auto; } .banner5 .bannerDiv, .banner3 .bannerDiv, .bannerDiv, .banner4 .bannerDiv{ width:100%; right:0; } #Banner{ height:300px; } #Banner .rslides .slider{ background-size:cover !important; } .bannerDoctor{ position:static; width:40%; padding:15px; margin:0 auto; } .banner1 .bannerDiv{ position:static; } .banner1 .bannerHead{ font-size:20px; margin-bottom:0; } .aboutDr{ font:600 17px/23px var(--headingFont); padding-bottom:2px; } .banner5 .bannerDiv, .banner3 .bannerDiv{ top:66%; } }.textMain .videoTabs{ width:100%; margin:0 0 38px; } .textMain .videoTabs ul{ display:flex; align-items:stretch; justify-content:center; gap:10px; margin:0; padding:8px; background:#ebe8e5; border:1px solid #d9d5d1; border-radius:16px; list-style:none; box-shadow: 0 8px 20px rgba(45,44,48,0.08), inset 0 1px 0 rgba(255,255,255,0.8); } .textMain .videoTabs li{ position:relative; flex:1 1 0; margin:0; padding:0; } .textMain .videoTabs li a{ position:relative; display:flex; align-items:center; justify-content:center; min-height:62px; padding:12px 20px; color:var(--themeTwoBg); background:#fff; border:1px solid #d8d5d2; border-radius:11px; font-size:15px; line-height:1.35; font-weight:700; text-align:center; text-decoration:none; overflow:hidden; box-shadow: 0 4px 10px rgba(45,44,48,0.06), inset 0 1px 0 rgba(255,255,255,0.9); transition: color 0.3s ease, background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; } .textMain .videoTabs li a::before{ content:""; position:absolute; left:0; top:0; width:5px; height:100%; background:var(--themeOneBg); border-radius:11px 0 0 11px; transition:background 0.3s ease,width 0.3s ease; } .textMain .videoTabs li a::after{ content:""; position:absolute; left:50%; bottom:0; width:0; height:4px; background:var(--themeFourBg); border-radius:4px 4px 0 0; transform:translateX(-50%); transition:width 0.3s ease; } .textMain .videoTabs li:nth-child(1) a::before{ background:var(--themeOneBg); } .textMain .videoTabs li:nth-child(2) a::before{ background:#7b9bad; } .textMain .videoTabs li:nth-child(3) a::before{ background:#8b858e; } .textMain .videoTabs li:nth-child(4) a::before{ background:#7f9384; } .textMain .videoTabs li a:hover{ color:var(--themeFourBg); background:#fff; border-color:rgba(200,97,31,0.35); box-shadow: 0 9px 20px rgba(45,44,48,0.12), 0 2px 5px rgba(200,97,31,0.08); transform:translateY(-3px); } .textMain .videoTabs li a:hover::after{ width:55px; } .textMain .videoTabs li a:hover::before{ width:7px; background:var(--themeFourBg); } .textMain .videoTabs li.active a, .textMain .videoTabs li a.active{ color:#fff; background:var(--themeTwoBg); border-color:var(--themeTwoBg); box-shadow: 0 10px 22px rgba(45,44,48,0.22), 0 3px 7px rgba(45,44,48,0.1); } .textMain .videoTabs li.active a::before, .textMain .videoTabs li a.active::before{ width:7px; background:var(--themeFourBg); } .textMain .videoTabs li.active a::after, .textMain .videoTabs li a.active::after{ width:55px; background:var(--themeOneBg); } .textMain .videoTabs li.active a:hover, .textMain .videoTabs li a.active:hover{ color:#fff; background:var(--themeTwoBg); border-color:var(--themeTwoBg); transform:translateY(-3px); } .textMain .vidList{ width:100%; margin:30px 0 45px; } .textMain .vidList ul{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; margin:0; padding:0; list-style:none; } .textMain .vidList li{ min-width:0; background:none; padding:0; } .textMain .vidList li a{ position:relative; display:flex; flex-direction:column; height:100%; min-height:100%; overflow:hidden; background:#fff; border:1px solid rgba(54,53,58,0.12); border-radius:16px; color:var(--themeTwoBg); text-decoration:none; box-shadow:0 7px 22px rgba(45,44,48,0.08); transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease; } .textMain .vidList .videoThumb{ position:relative; width:100%; aspect-ratio:16 / 9; overflow:hidden; background:#e9e7e5; } .textMain .vidList .videoThumb img{ display:block; width:100%; height:100%; object-fit:cover; transition:transform 0.5s ease; } .textMain .vidList .videoThumb::after{ content:""; position:absolute; inset:0; background:linear-gradient(to bottom, rgba(45,44,48,0.02), rgba(45,44,48,0.35)); pointer-events:none; } .textMain .vidList .playButton{ position:absolute; z-index:2; left:50%; top:50%; width:40px; height:40px; display:flex; align-items:center; justify-content:center; color:#fff; background:var(--themeFourBg); border:4px solid rgba(255,255,255,0.92); border-radius:50%; font-family:"fontello"; font-size:16px; transform:translate(-50%,-50%); box-shadow:0 8px 22px rgba(0,0,0,0.28); transition:transform 0.35s ease,background 0.35s ease,box-shadow 0.35s ease; } .textMain .vidList .playButton::before{ content:"\e815"; } .textMain .vidList li a > span{ position:relative; display:block; flex:1; padding:17px 18px 19px; color:var(--themeTwoBg); background:#fff; font-size:16px; line-height:1.55; font-weight:600; transition:color 0.3s ease; } .textMain .vidList li a > span::before{ content:""; position:absolute; left:18px; top:0; width:38px; height:3px; background:var(--themeFourBg); border-radius:0 0 3px 3px; transition:width 0.35s ease; } .textMain .vidList li a:hover{ border-color:rgba(208,145,106,0.45); box-shadow: 0 16px 34px rgba(45,44,48,0.14), 0 4px 10px rgba(208,145,106,0.08); transform:translateY(-5px); } .textMain .vidList li a:hover .videoThumb img{ transform:scale(1.07); } .textMain .vidList li a:hover .playButton{ background:var(--themeTwoBg); transform:translate(-50%,-50%) scale(1.1); box-shadow:0 10px 28px rgba(0,0,0,0.32); } .textMain .vidList li a:hover > span{ color:var(--themeFourBg); } .textMain .vidList li a:hover > span::before{ width:58px; } .videoPopup{ position:fixed; z-index:99999; inset:0; display:flex; align-items:center; justify-content:center; padding:55px 90px; background:rgba(45,44,48,0.95); opacity:0; visibility:hidden; transition: opacity 0.3s ease, visibility 0.3s ease; } .videoPopup.active{ opacity:1; visibility:visible; } .videoPopupContent{ position:relative; width:min(1000px,90vw); aspect-ratio:16 / 9; background:#000; border-radius:10px; overflow:hidden; box-shadow:0 25px 70px rgba(0,0,0,0.45); transform:scale(0.94); transition:transform 0.35s ease; } .videoPopup.active .videoPopupContent{ transform:scale(1); } .videoPopup iframe{ display:block; width:100%; height:100%; border:0; } .videoPopupClose{ position:absolute; z-index:5; top:18px; right:22px; width:44px; height:44px; padding:0; border:0; border-radius:50%; color:#fff; background:var(--themeFourBg); font-size:28px; line-height:42px; cursor:pointer; transition: transform 0.3s ease, background 0.3s ease; } .videoPopupClose:hover{ background:var(--themeOneBg); transform:rotate(90deg); } .videoPopupPrev, .videoPopupNext{ position:absolute; z-index:5; top:50%; width:52px; height:52px; display:flex; align-items:center; justify-content:center; padding:0; border:1px solid rgba(255,255,255,0.22); border-radius:50%; color:#fff; background:rgba(255,255,255,0.12); font-size:21px; cursor:pointer; transform:translateY(-50%); transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease; } .videoPopupPrev{ left:24px; } .videoPopupNext{ right:24px; } .videoPopupPrev:hover, .videoPopupNext:hover{ background:var(--themeFourBg); border-color:var(--themeFourBg); } .videoPopupPrev.disabled, .videoPopupNext.disabled{ opacity:0.25; pointer-events:none; } .videoPopupCounter{ position:absolute; z-index:5; top:20px; left:50%; padding:6px 14px; color:#fff; background:rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.16); border-radius:20px; font-size:13px; line-height:1.4; transform:translateX(-50%); } body.videoPopupOpen{ overflow:hidden; } @media (max-width:1100px){ .textMain .vidList ul{ grid-template-columns:repeat(3,1fr); gap:20px; } } @media (max-width:950px){ .textMain .videoTabs ul{ flex-wrap:wrap; } .textMain .videoTabs li{ flex:1 1 calc(50% - 10px); } } @media (max-width:768px){ .textMain .vidList{ margin:25px 0 35px; } .textMain .vidList ul{ grid-template-columns:repeat(2,1fr); gap:16px; } .textMain .vidList li a > span{ padding:15px 16px 17px; font-size:15px; line-height:1.5; } .textMain .vidList li a > span::before{ left:16px; } .textMain .vidList .playButton{ width:52px; height:52px; font-size:17px; } .videoPopup{ padding:70px 55px; } .videoPopupContent{ width:100%; } .videoPopupPrev, .videoPopupNext{ width:44px; height:44px; font-size:17px; } .videoPopupPrev{ left:10px; } .videoPopupNext{ right:10px; } } @media (max-width:600px){ .textMain .videoTabs{ margin-bottom:30px; } .textMain .videoTabs ul{ display:grid; grid-template-columns:repeat(2,1fr); gap:8px; padding:7px; border-radius:14px; } .textMain .videoTabs li{ width:100%; } .textMain .videoTabs li a{ min-height:56px; padding:10px 12px; font-size:14px; } } @media (max-width:480px){ .textMain .vidList ul{ grid-template-columns:1fr; gap:18px; } .textMain .vidList li a > span{ padding:16px 17px 18px; font-size:15px; } .videoPopup{ padding:80px 15px 70px; } .videoPopupContent{ width:100%; border-radius:7px; } .videoPopupClose{ top:18px; right:15px; width:40px; height:40px; font-size:25px; line-height:38px; } .videoPopupPrev, .videoPopupNext{ top:auto; bottom:15px; width:42px; height:42px; transform:none; } .videoPopupPrev{ left:20px; } .videoPopupNext{ right:20px; } .videoPopupCounter{ top:25px; font-size:12px; } .textMain .videoTabs ul{ grid-template-columns:1fr; } .textMain .videoTabs li a{ min-height:52px; justify-content:flex-start; padding:10px 17px; } }: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/1427/new-images/hr-b.gif) repeat-x left center; } html[data-theme='dark'] .accessible_on .hr{ background:url(https://assets.yourpractice.online/1427/new-images/hr-w.gif) repeat-x left center; } .accessible_on .textMain ul li{ background:url(https://assets.yourpractice.online/1427/new-images/bullet-b.gif) no-repeat 5px 15px; } html[data-theme='dark'] .accessible_on .textMain ul li{ background:url(https://assets.yourpractice.online/1427/new-images/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{ 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; } }