#Banner-Container, #Commitment-Container, #Why-Orchard-Container, #Procedure-Shoulder-Container, #How-It-Works-Container{ width:100%; margin:0px; padding:0px; position:relative; } #Banner, #Features-Container, #Commitment, #Why-Orchard, #Procedure-Shoulder, #How-It-Works{ max-width:1200px; min-width:300px; margin:0px auto; padding:0px; position:relative; } #Banner{ height:780px; } .banner1 .theme-L{ background:url(https://assets.yourpractice.online/1875/banner1-l-bg.jpg) no-repeat right top; } .banner1 .theme-R{ background:url(https://assets.yourpractice.online/1875/banner1-r-bg.jpg) no-repeat left top; } .bannerDiv{ position:absolute; left:5px; top:95px; width:580px; } .bannerTag{ display:inline-block; padding:18px 36px; margin-bottom:18px; border-radius:35px; background:var(--themeTwoBg); color:var(--fontLight); font:500 14px/20px var(--siteFont); letter-spacing:.3px; text-transform:uppercase; } .bannerHead{ margin:0 0 23px; color:var(--themeThreeBg); font:700 60px/60px var(--headingFont); letter-spacing:-1.5px; } .bannerText{ margin-bottom:29px; } .bannerText p{ color:var(--themeThreeBg); font:400 14px/30px var(--siteFont); } .reviewText{ display:flex; flex-direction:column; align-items:flex-start; gap:12px; color:#ffffff; padding-bottom:25px; } .reviewHeading{ font:800 18px/30px var(--siteFont); letter-spacing:0.5px; text-transform:uppercase; color:var(--themeThreeBg); margin:0; } .review-badge{ display:inline-flex; align-items:center; gap:10px; border:1px solid #9c8a5a; border-radius:12px; padding:8px 18px; background-color:rgba(0,0,0,0.25); } .rating-score{ font:800 16px/30px var(--siteFont); color:#ffffff; } .stars{ color:#ffc107; font-size:1.1rem; letter-spacing:2px; } .divider{ color:#9c8a5a; font-weight:300; user-select:none; } .review-count{ font-size:0.95rem; font-weight:800; letter-spacing:0.5px; text-transform:uppercase; color:#ffffff; } .bannerMore ul{ display:flex; gap:10px; margin:0; padding:0; list-style:none; } .bannerMore li{ width:240px; height:60px; border-radius:40px; display:flex; align-items:center; justify-content:center; font:600 16px/16px var(--siteFont); text-transform:uppercase; } .bannerMore li{ position:relative; overflow:hidden; transition: transform .35s ease, box-shadow .35s ease; } .bannerMore li::after{ content:""; position:absolute; top:0; left:-120%; width:70%; height:100%; background:linear-gradient(100deg, transparent, rgba(255,255,255,.45), transparent); transform:skewX(-20deg); } .bannerMore li:hover::after{ animation:buttonShine .7s ease; } .bannerMore li:hover{ transform:translateY(-4px); box-shadow:0 10px 25px rgba(0,0,0,.12); } @keyframes buttonShine{ from{ left:-120%; } to{ left:140%; } } .bannerMore li:first-child{ background:#f5f0e6; } .bannerMore li:last-child{ border:1px solid var(--fontLight); transition:all 0.3s ease; } .bannerMore li:last-child a{ color:var(--fontLight); text-decoration:none; transition:color 0.3s ease; } .bannerMore li:first-child:hover{ background:var(--themeTwoBg); transform:translateY(-2px); } .bannerMore li:first-child:hover a, .bannerMore li:first-child:hover span{ color:var(--fontDark); } .bannerMore li:last-child:hover{ background:var(--themeTwoBg); color:var(--fontDark); border:1px solid var(--themeTwoBg); transform:translateY(-2px); } .bannerMore li:last-child:hover a{ color:var(--fontDark); } .bannerTag{ animation:fadeUp 0.8s ease forwards; } .bannerHead{ opacity:0; animation:fadeUp 0.8s ease 0.15s forwards; } .bannerText{ opacity:0; animation:fadeUp 0.8s ease 0.3s forwards; } .bannerMore{ opacity:0; animation:fadeUp 0.8s ease 0.45s forwards; } @keyframes fadeUp{ from{ opacity:0; transform:translateY(25px); } to{ opacity:1; transform:translateY(0); } } .bannerTabs{ position:absolute; z-index:9; left:50%; bottom:10px; 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(--themeOneBg); } .bannerTabs li a:hover, .bannerTabs li.Banner_here a{ background:var(--themeOneBg); } .bannerTabs li span{ display:none; } #Features-Container{ padding:78px 0 72px; display:flex; align-items:stretch; } .feature-item{ box-sizing:border-box; padding:0 10px; text-align:center; position:relative; color:#384630; } .feature-1{ width:25%; } .feature-2{ width:20%; } .feature-3{ width:23%; } .feature-4{ width:14%; } .feature-5{ width:18%; } .feature-item:not(:last-child)::after{ content:""; position:absolute; right:0; top:6px; width:1px; height:148px; background:#e5e5e5; } .feature-item:not(:last-child)::before{ content:""; position:absolute; right:-3px; top:3px; width:7px; height:7px; border-radius:50%; background:#eeeeec; box-shadow:0 144px 0 #eeeeec; z-index:1; } .feature-icon{ width:84px; height:84px; margin:0 auto 37px; border-radius:50%; background:#f5f3ee; transition:transform .7s ease; display:flex; align-items:center; justify-content:center; } .feature-icon img{ max-width:52px; max-height:52px; display:block; } .feature-item p{ margin:0; font:500 14px/20px var(--siteFont); color:#384630; text-align:center; text-transform:uppercase; } .feature-item:hover .feature-icon{ transform:translateY(-8px) scale(1.05); box-shadow:0 15px 30px rgba(36,48,31,.12); } .feature-icon img{ transition:transform .4s ease; } .feature-item:hover .feature-icon img{ transform:scale(1.12) rotate(4deg); } #Commitment-Container{ background:var(--themeThreeBg); } #Commitment{ padding:62px 5px 90px; position:relative; display:grid; grid-template-columns:45% 55%; align-items:center; box-sizing:border-box; } .commitment-content{ padding-top:2px; } .commitment-tag{ position:relative; display:inline-block; vertical-align:top; background:var(--themeTwoBg); color:var(--fontLight); border-radius:30px; padding:20px 34px; font:500 14px/14px var(--siteFont); margin-bottom:26px; overflow:hidden; transition: transform .35s ease, box-shadow .35s ease; } .commitment-tag::after{ content:""; position:absolute; top:0; left:-120%; width:50%; height:100%; background:linear-gradient(90deg, transparent, rgba(255,255,255,0.25), transparent); transform:skewX(-20deg); } .commitment-tag:hover::after{ animation:buttonShine .7s ease; } .commitment-content h3{ color:#24301f; font:700 48px/59px var(--headingFont); } .commitment-list{ padding:19px 0 0 10px; } .commitment-item{ min-height:89px; display:flex; align-items:center; border-bottom:1px solid #d9d4c7; box-sizing:border-box; } .commitment-item:first-child{ border-bottom:1px solid #d9d4c7; } .commitment-item:last-child{ border-bottom:none; } .commitment-item::before{ content:""; width:24px; height:24px; flex:0 0 27px; margin-right:20px; background:url(https://assets.yourpractice.online/1875/commitment-icon.png) no-repeat center top; } .commitment-item p{ color:#55604f; font:500 18px/20px var(--siteFont); } .commitment-item{ position:relative; transition: padding-left .4s ease, border-color .4s ease; } .commitment-item:hover{ padding-left:12px; border-color:var(--themeTwoBg); } .commitment-item::before{ transition:transform .4s ease; } .commitment-item:hover::before{ transform:scale(1.2); } #Why-Orchard-Container{ background:#faf8f4; } #Why-Orchard{ padding:95px 0 109px; position:relative; } .why-orchard-heading{ text-align:center; margin-bottom:71px; } .why-orchard-tag{ position:relative; display:inline-block; vertical-align:top; padding:18px 34px; border-radius:50px; background:var(--themeTwoBg); color:var(--fontLight); font:500 14px/20px var(--siteFont); letter-spacing:0.3px; text-transform:uppercase; overflow:hidden; } .why-orchard-tag::after{ content:""; position:absolute; top:0; left:-120%; width:50%; height:100%; background:linear-gradient(90deg, transparent, rgba(255,255,255,0.25), transparent); transform:skewX(-20deg); } .why-orchard-tag:hover::after{ animation:buttonShine .7s ease; } .why-orchard-heading h3{ margin:13px 0 0; color:#24301f; font:700 48px/59px var(--headingFont); } .why-orchard-lists{ display:grid; grid-template-columns:repeat(3,1fr); border:1px solid #c9c8c2; } .why-orchard-div{ min-height:480px; padding:35px 50px 52px; box-sizing:border-box; } .why-orchard-div + .why-orchard-div{ border-left:1px solid #b9bcb4; } .why-orchard-number{ color:#e9e8e4; font:400 60px/63px var(--headingFont); margin-bottom:37px; } .why-orchard-content{ max-width:290px; } .why-orchard-label{ display:block; color:#55604f; font:500 14px/20px var(--siteFont); letter-spacing:1px; text-transform:uppercase; margin-bottom:6px; } .why-orchard-content h3{ margin:0 0 27px; color:#24301f; font:700 30px/36px var(--headingFont); letter-spacing:-0.6px; } .why-orchard-content p{ color:#000000; font:400 14px/28px var(--siteFont); letter-spacing:0.1px; text-align:justify; } .why-orchard-label.why-orchard-label3{ margin-top:-20px; } .why-orchard-div{ transition: transform 0.4s ease, background 0.4s ease, box-shadow 0.4s ease; } .why-orchard-div:hover{ transform:translateY(-1px); background:#f5f2eb; box-shadow:0 12px 30px rgba(36,48,31,0.08); } .why-orchard-number{ transition:color 0.4s ease,transform 0.4s ease; } .why-orchard-div:hover .why-orchard-number{ color:var(--themeTwoBg); transform:translateX(5px); } #How-It-Works-Container{ background:#2b3a2e; } #How-It-Works{ padding:91px 5px 75px; position:relative; } .how-it-works-heading{ text-align:center; margin-bottom:75px; } .how-it-works-tag{ position:relative; display:inline-block; vertical-align:top; padding:21px 35px; background:var(--themeTwoBg); color:var(--fontLight); border-radius:35px; font:500 14px/14px var(--siteFont); letter-spacing:0.3px; overflow:hidden; } .how-it-works-tag::after{ content:""; position:absolute; top:0; left:-120%; width:50%; height:100%; background:linear-gradient(90deg, transparent, rgba(255,255,255,0.25), transparent); transform:skewX(-20deg); } .how-it-works-tag:hover::after{ animation:buttonShine .7s ease; } .how-it-works-heading h3{ margin:21px 0 0; color:var(--themeThreeBg); font:700 48px/53px var(--headingFont); } .how-it-works-lists{ position:relative; display:grid; grid-template-columns:repeat(3,1fr); column-gap:68px; } .how-it-works-lists::before{ content:""; position:absolute; top:37.5px; left:37px; right:37px; border-top:2px dashed #6d6542; } .how-it-works-div{ position:relative; z-index:1; } .how-it-works-number{ width:75px; height:75px; display:flex; align-items:center; justify-content:center; padding:0; margin-bottom:29px; box-sizing:border-box; background:var(--themeTwoBg); border-radius:50%; color:#fff; font:700 30px/35px var(--headingFont); text-align:center; } .how-it-works-number span{ margin-top:-10px; } .how-it-works-content h3{ margin:0 0 26px; color:var(--themeThreeBg); font:700 30px/35px var(--headingFont); } .how-it-works-content p{ max-width:360px; color:var(--themeThreeBg); font:400 14px/27px var(--siteFont); text-align:justify; } .how-it-works-number{ transition: transform 0.4s ease, background 0.4s ease, box-shadow 0.4s ease; } .how-it-works-div:hover .how-it-works-number{ transform:scale(1.08); background:#c6a76a; box-shadow:0 0 0 8px rgba(198,167,106,0.12); } .how-it-works-content h3{ transition:transform 0.35s ease; } .how-it-works-div:hover .how-it-works-content h3{ transform:translateX(4px); } #Procedure-Shoulder{ padding:95px 0 109px; position:relative; } .procedure-shoulder-heading{ text-align:center; margin-bottom:71px; } .procedure-shoulder-tag{ position:relative; display:inline-block; vertical-align:top; padding:18px 34px; border-radius:50px; background:var(--themeTwoBg); color:var(--fontLight); font:500 14px/20px var(--siteFont); letter-spacing:0.3px; text-transform:uppercase; overflow:hidden; } .procedure-shoulder-tag::after{ content:""; position:absolute; top:0; left:-120%; width:50%; height:100%; background:linear-gradient(90deg, transparent, rgba(255,255,255,0.25), transparent); transform:skewX(-20deg); } .procedure-shoulder-tag:hover::after{ animation:buttonShine .7s ease; } .procedure-shoulder-heading h3{ margin:13px 0 0; color:#24301f; font:700 48px/59px var(--headingFont); } .procedure-shoulder-lists{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; max-width:1200px; margin:0 auto; padding:20px; box-sizing:border-box; } .procedure-shoulder-div{ position:relative; background-color:#ffffff; border:1.5px solid #5a665a; border-radius:16px; padding:32px 28px 58px 28px; display:flex; flex-direction:column; align-items:flex-start; box-shadow:0 4px 12px rgba(0,0,0,0.03); cursor:pointer; transition:background-color 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease; } .procedure-shoulder-div:hover{ background-color:#f5f2e9; border-color:#4f5b4f; box-shadow:0 6px 16px rgba(0,0,0,0.06); } .card-icon{ height:60px; display:flex; align-items:center; margin-bottom:20px; } .card-icon img{ max-height:100%; width:auto; } .procedure-shoulder-title{ font:700 22px/30px var(--headingFont); color:#000000; margin:0 0 16px 0; } .procedure-shoulder-description{ font:400 14px/20px var(--siteFont); color:#000000; margin:0; } .procedure-shoulder-button{ position:absolute; bottom:10px; right:20px; width:42px; height:42px; background-color:#a88e52; border-radius:50%; display:flex; align-items:center; justify-content:center; text-decoration:none; transition:background-color 0.3s ease,transform 0.2s ease; } .procedure-shoulder-button .arrow{ color:#ffffff; font-size:1.1rem; line-height:1; } .procedure-shoulder-div:hover .procedure-shoulder-button{ background-color:#2a3832; } .procedure-shoulder-button:hover{ transform:scale(1.08); } @media (max-width:1200px){ #Banner{ height:700px; } .bannerDiv{ width:520px; top:120px; left:30px; } .bannerHead{ font-size:52px; line-height:55px; } } @media only screen and (max-width:1024px){ #How-It-Works{ padding:75px 20px 65px; } .how-it-works-lists{ column-gap:35px; } .how-it-works-number{ width:70px; height:70px; font-size:28px; } .how-it-works-lists::before{ top:35px; left:35px; right:35px; } .how-it-works-content p{ max-width:100%; } } @media (max-width:900px){ #Banner{ height:500px; } #Banner .rslides .slider{ background-size:cover !important; } .bannerDiv{ position:relative; top:auto; width:90%; padding:45px 0 15px; } .bannerTag{ padding:14px 28px; margin-bottom:18px; font-size:13px; } .bannerText{ margin-bottom:25px; } .bannerMore ul{ gap:10px; } .bannerMore li{ width:220px; height:56px; font-size:15px; } #Features-Container{ padding:30px 20px; display:grid; grid-template-columns:repeat(2,1fr); row-gap:50px; } .feature-item, .feature-1, .feature-2, .feature-3, .feature-4, .feature-5{ width:100%; padding:0 15px; } .feature-item::after, .feature-item::before{ display:none; } .feature-icon{ width:80px; height:80px; margin-bottom:25px; } .feature-icon img{ max-width:50px; max-height:50px; } #Commitment{ padding:55px 20px 70px; display:block; } .commitment-content{ padding-top:0; } .commitment-tag{ padding:15px 25px; font-size:13px; line-height:13px; margin-bottom:20px; } .commitment-list{ padding:15px 0 0; } .commitment-item{ min-height:75px; padding:12px 0; } .commitment-item::before{ width:24px; height:24px; flex:0 0 24px; margin-right:15px; background-size:contain; } .commitment-content h3{ font:700 30px/40px var(--headingFont); } .commitment-item p{ font:500 16px/22px var(--siteFont); } #Why-Orchard{ padding:30px 20px; } .why-orchard-heading{ margin-bottom:45px; } .why-orchard-tag{ padding:14px 25px; font-size:13px; line-height:18px; } .why-orchard-lists{ grid-template-columns:1fr; } .why-orchard-div{ min-height:auto; padding:35px 35px 45px; } .why-orchard-div + .why-orchard-div{ border-left:0; border-top:1px solid #b9bcb4; } .why-orchard-number{ font-size:52px; line-height:56px; margin-bottom:25px; } .why-orchard-content{ max-width:100%; } .why-orchard-label{ line-height:19px; margin-bottom:6px; } .why-orchard-content p{ font-size:14px; line-height:26px; text-align:left; } .why-orchard-label.why-orchard-label3{ margin-top:0; } .why-orchard-heading h3{ font:700 30px/40px var(--headingFont); } .how-it-works-content p{ font:400 13px/25px var(--siteFont); text-align:left; } } @media only screen and (max-width:767px){ #How-It-Works{ padding:30px 20px 50px; } .how-it-works-heading{ margin-bottom:35px; } .how-it-works-tag{ padding:17px 28px; font-size:13px; line-height:13px; } .how-it-works-heading h3{ margin-top:18px; font-size:34px; line-height:40px; } .how-it-works-lists{ display:block; padding-left:0; } .how-it-works-lists::before{ top:35px; bottom:35px; left:35px; right:auto; width:0; height:650px; border-top:0; border-left:2px dashed rgba(179,147,88,0.55); } .how-it-works-div:last-child{ margin-bottom:0; } .how-it-works-number{ width:70px; height:70px; margin:0 0 20px; font-size:27px; line-height:1; } .how-it-works-content h3{ margin-bottom:15px; font-size:25px; line-height:31px; } .how-it-works-content p{ max-width:100%; font-size:14px; line-height:25px; text-align:left; } .how-it-works-content{ padding-left:80px; } } @media (max-width:640px){ #Banner{ height:400px; } .bannerDiv{ width:calc(100% - 0px); max-width:none; margin:0 auto; padding:30px 0 30px; text-align:left; left:10px; } .bannerTag{ padding:12px 22px; margin-bottom:16px; border-radius:30px; font-size:11px; line-height:16px; } .bannerHead{ margin-bottom:9px; font-size:25px; line-height:35px; letter-spacing:-.5px; } .bannerText{ margin-bottom:25px; } .bannerText p{ font-size:13px; line-height:24px; } .bannerMore ul{ flex-direction:column; gap:12px; } .bannerMore li{ width:100%; max-width:300px; height:54px; font-size:14px; } .bannerText p{ display:none; } #Features-Container{ display:grid; grid-template-columns:1fr 1fr; row-gap:0; } .feature-item, .feature-1, .feature-2, .feature-3, .feature-4, .feature-5{ width:100%; padding:0 0 35px; margin-bottom:35px; border-bottom:1px solid #e5e5e5; } .feature-item::after, .feature-item::before{ display:none; } .feature-item:last-child{ border-bottom:0; margin-bottom:0; padding-bottom:0; } .feature-icon{ width:78px; height:78px; margin-bottom:20px; } .feature-icon img{ max-width:48px; max-height:48px; } .feature-item p{ margin:0 auto; font-size:13px; line-height:19px; } #Commitment{ padding:30px 20px; } .commitment-tag{ padding:13px 22px; margin-bottom:18px; font-size:12px; line-height:12px; } .commitment-list{ padding-top:12px; } .commitment-item{ min-height:70px; padding:10px 0; } .commitment-item::before{ width:22px; height:22px; flex:0 0 22px; margin-right:13px; } .why-orchard-heading h3{ font:700 22px/30px var(--headingFont); } .why-orchard-content h3{ margin:0 0 15px; font:700 24px/31px var(--headingFont); letter-spacing:-0.6px; } .why-orchard-div{ min-height:auto; padding:20px 20px 30px; } .why-orchard-heading{ margin-bottom:30px; } .how-it-works-number{ margin:0; } .how-it-works-heading h3{ margin-top:11px; font-size:26px; line-height:35px; } } @media (max-width:400px){ #Banner{ height:350px; } .bannerDiv{ width:auto; padding-top:0; padding:20px 20px 20px 15px; left:0; } .bannerTag{ padding:10px 18px; font-size:10px; } .bannerHead{ font-size:32px; line-height:36px; } .bannerText p{ font-size:12px; line-height:22px; } .bannerMore li{ max-width:100%; height:50px; font-size:13px; } .how-it-works-number{ width:65px; height:65px; font-size:25px; } .how-it-works-lists::before{ left:32px; top:32px; bottom:32px; } }: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/1875/hr-b.gif) repeat-x left center; } html[data-theme='dark'] .accessible_on .hr{ background:url(https://assets.yourpractice.online/1875/hr-w.gif) repeat-x left center; } .accessible_on .textMain ul li{ background:url(https://assets.yourpractice.online/1875/bullet-b.gif) no-repeat 5px 15px; } html[data-theme='dark'] .accessible_on .textMain ul li{ background:url(https://assets.yourpractice.online/1875/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; } }