@font-face{ font-family:"fontello"; src: url("https://assets.yourpractice.online/3335/fonts/fontello-v1.woff2") format("woff2"), url("https://assets.yourpractice.online/3335/fonts/fontello-v1.woff") format("woff"); font-weight:normal; font-style:normal; font-display:swap; } @font-face{ font-display:swap; font-family:'Archivo'; font-style:normal; font-weight:200; src:url('https://assets.yourpractice.online/3335/fonts/archivo-v25-latin-200.woff2') format('woff2'), url('https://assets.yourpractice.online/3335/fonts/archivo-v25-latin-200.woff') format('woff'), } @font-face{ font-display:swap; font-family:'Archivo'; font-style:normal; font-weight:300; src:url('https://assets.yourpractice.online/3335/fonts/archivo-v25-latin-300.eot'); src:url('https://assets.yourpractice.online/3335/fonts/archivo-v25-latin-300.eot?#iefix') format('embedded-opentype'), url('https://assets.yourpractice.online/3335/fonts/archivo-v25-latin-300.woff2') format('woff2'), url('https://assets.yourpractice.online/3335/fonts/archivo-v25-latin-300.woff') format('woff'), url('https://assets.yourpractice.online/3335/fonts/archivo-v25-latin-300.ttf') format('truetype'), url('https://assets.yourpractice.online/3335/fonts/archivo-v25-latin-300.svg#Archivo') format('svg'); } @font-face{ font-display:swap; font-family:'Archivo'; font-style:normal; font-weight:400; src:url('https://assets.yourpractice.online/3335/fonts/archivo-v25-latin-regular.eot'); src:url('https://assets.yourpractice.online/3335/fonts/archivo-v25-latin-regular.eot?#iefix') format('embedded-opentype'), url('https://assets.yourpractice.online/3335/fonts/archivo-v25-latin-regular.woff2') format('woff2'), url('https://assets.yourpractice.online/3335/fonts/archivo-v25-latin-regular.woff') format('woff'), url('https://assets.yourpractice.online/3335/fonts/archivo-v25-latin-regular.ttf') format('truetype'), url('https://assets.yourpractice.online/3335/fonts/archivo-v25-latin-regular.svg#Archivo') format('svg'); } @font-face{ font-display:swap; font-family:'Archivo'; font-style:normal; font-weight:500; src:url('https://assets.yourpractice.online/3335/fonts/archivo-v25-latin-500.eot'); src:url('https://assets.yourpractice.online/3335/fonts/archivo-v25-latin-500.eot?#iefix') format('embedded-opentype'), url('https://assets.yourpractice.online/3335/fonts/archivo-v25-latin-500.woff2') format('woff2'), url('https://assets.yourpractice.online/3335/fonts/archivo-v25-latin-500.woff') format('woff'), url('https://assets.yourpractice.online/3335/fonts/archivo-v25-latin-500.ttf') format('truetype'), url('https://assets.yourpractice.online/3335/fonts/archivo-v25-latin-500.svg#Archivo') format('svg'); } @font-face{ font-display:swap; font-family:'Archivo'; font-style:normal; font-weight:600; src:url('https://assets.yourpractice.online/3335/fonts/archivo-v25-latin-600.eot'); src:url('https://assets.yourpractice.online/3335/fonts/archivo-v25-latin-600.eot?#iefix') format('embedded-opentype'), url('https://assets.yourpractice.online/3335/fonts/archivo-v25-latin-600.woff2') format('woff2'), url('https://assets.yourpractice.online/3335/fonts/archivo-v25-latin-600.woff') format('woff'), url('https://assets.yourpractice.online/3335/fonts/archivo-v25-latin-600.ttf') format('truetype'), url('https://assets.yourpractice.online/3335/fonts/archivo-v25-latin-600.svg#Archivo') format('svg'); } @font-face{ font-display:swap; font-family:'Archivo'; font-style:normal; font-weight:700; src:url('https://assets.yourpractice.online/3335/fonts/archivo-v25-latin-700.eot'); src:url('https://assets.yourpractice.online/3335/fonts/archivo-v25-latin-700.eot?#iefix') format('embedded-opentype'), url('https://assets.yourpractice.online/3335/fonts/archivo-v25-latin-700.woff2') format('woff2'), url('https://assets.yourpractice.online/3335/fonts/archivo-v25-latin-700.woff') format('woff'), url('https://assets.yourpractice.online/3335/fonts/archivo-v25-latin-700.ttf') format('truetype'), url('https://assets.yourpractice.online/3335/fonts/archivo-v25-latin-700.svg#Archivo') format('svg'); } @font-face{ font-display:swap; font-family:'Archivo'; font-style:normal; font-weight:800; src:url('https://assets.yourpractice.online/3335/fonts/archivo-v25-latin-800.eot'); src:url('https://assets.yourpractice.online/3335/fonts/archivo-v25-latin-800.eot?#iefix') format('embedded-opentype'), url('https://assets.yourpractice.online/3335/fonts/archivo-v25-latin-800.woff2') format('woff2'), url('https://assets.yourpractice.online/3335/fonts/archivo-v25-latin-800.woff') format('woff'), url('https://assets.yourpractice.online/3335/fonts/archivo-v25-latin-800.ttf') format('truetype'), url('https://assets.yourpractice.online/3335/fonts/archivo-v25-latin-800.svg#Archivo') format('svg'); }html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li{ margin:0px; padding:0px; } html{ overflow-x:hidden; overflow-y:auto; position:relative; -webkit-text-size-adjust:100%; } body{ overflow-x:hidden; overflow:clip; position:relative; font:400 16px/30px var(--siteFont); -webkit-font-smoothing:antialiased; } ul li{ list-style:none; } img{ border:0px; max-width:100%; height:auto; vertical-align:middle; } a, a:hover{ text-decoration:none; color:inherit; outline:0px; transition:all 0.2s ease; } a:focus{ outline:1px dotted #000; box-shadow:0px 0px 4px 2px rgba(0,0,0,0.2); outline-offset:1px; } a:focus-within{ outline:1px dotted #000; box-shadow:0px 0px 4px 2px rgba(0,0,0,0.2); outline-offset:1px; } input{ outline:none; } input:focus{ outline:1px dotted #000; box-shadow:0px 0px 4px 2px rgba(0,0,0,0.2); outline-offset:1px; } *, *::after, *::before{ box-sizing:border-box; } *{ scrollbar-width:thin; scrollbar-color:var(--themeOneBg) var(--themeTwoBg); word-break:keep-all; } *::-webkit-scrollbar{ width:10px; } *::-webkit-scrollbar-track{ background:var(--themeTwoBg); } *::-webkit-scrollbar-thumb{ background:var(--themeOneBg); } *::-webkit-scrollbar-thumb:hover{ background:var(--siteFontColor); } @media (prefers-reduced-motion:no-preference){ html{ scroll-behavior:smooth; } } .font-icon::before{ content:var(--icon); } .font-icon::before, [class^="icon-"]::before, [class*=" icon-"]::before{ font-family:"fontello"; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-shadow:1px 1px 1px rgba(127,127,127,0.3); } .hr{ padding:10px 0px; background:url(https://assets.yourpractice.online/3335/hr-b.gif) repeat-x left center; } .tel1, .tel2, .tel3, .tel4, .tel5, .tel6, .tel7, .tel8, .tel9{ display:inline-block; } .clearFloat{ clear:both; } .noDisplay{ display:none; } .theme-L, .theme-R{ width:1000%; height:100%; } .theme-L, .theme-R{ position:absolute; z-index:-1; padding:0px; margin:0px; top:0px; } .theme-L{ right:100%; } .theme-R{ left:100%; } .tableDiv{ width:100%; display:table; table-layout:fixed; } .tableRow{ display:table-row; } .tableCell{ display:table-cell; vertical-align:top; } .videoBorder, .multiBorder{ position:relative; margin:10px auto 20px auto; } .videoBorder{ aspect-ratio:16 / 9.5; max-width:800px; } .multiBorder{ width:100%; } .videoBorder iframe, .videoBorder embed, .videoBorder video, .multiBorder iframe, .multiBorder embed, .multiBorder video{ margin:0px; padding:0px; width:100%; } .videoBorder iframe, .videoBorder embed, .videoBorder video{ position:absolute; border:4px solid var(--themeOneBg); height:100%; top:0px; left:0px; z-index:1; } .multiBorder iframe, .multiBorder embed, .multiBorder video{ border:0px; } .lazyBackground{ background-image:none; background-position:center; background-repeat:no-repeat; opacity:0; } .lazyBackground.visible{ opacity:1; transition:opacity 0.4s ease; } .rslides{ width:100%; height:100%; position:relative; } .rslides .slider{ display:none; width:100%; height:100%; position:absolute; left:0px; top:0px; -webkit-backface-visibility:hidden; backface-visibility:hidden; } .rslides::after{ content:""; width:100%; height:0px; position:relative; z-index:1; clear:both; display:block; float:none; } .nbs-flexisel-container{ position:relative; max-width:100%; } .nbs-flexisel-ul{ position:relative; width:99999px; margin:0px; padding:0px; text-align:center; overflow:auto; display:flex; flex-wrap:wrap; flex-direction:row; align-items:center; gap:0px; } .nbs-flexisel-inner{ position:relative; overflow:hidden; margin:0px auto; width:95%; } .nbs-flexisel-ul > .nbs-flexisel-item{ float:left; margin:0px; padding:0px; cursor:pointer; position:relative; } .nbs-flexisel-item img{ cursor:pointer; position:relative; margin:10px 0px; } .nbs-flexisel-nav-left, .nbs-flexisel-nav-right{ position:absolute; z-index:9; margin:0px; padding:0px; width:20px; cursor:pointer; text-align:center; top:50%; transform:translateY(-50%); } .nbs-flexisel-nav-left{ left:0px; } .nbs-flexisel-nav-right{ right:0px; } .nbs-flexisel-nav-left::before, .nbs-flexisel-nav-right::before{ font-family:"fontello"; } .nbs-flexisel-nav-left::before{ content:"\e80e"; } .nbs-flexisel-nav-right::before{ content:"\e810"; } .nbs-flexisel-nav-left.disabled, .nbs-flexisel-nav-right.disabled{ opacity:0.4; } #Scroller{ position:fixed; z-index:9999; width:60px; height:60px; text-align:center; place-items:center; border-radius:50%; right:5px; bottom:110px; display:none; opacity:0.7; box-shadow:0px 0px 10px rgba(0,0,0,0.2); cursor:pointer; --progress:0%; background:conic-gradient( var(--themeOnebg) var(--progress), var(--themeTwoBg) var(--progress) ); -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; -o-transition:all 0.5s linear; transition:all 0.5s linear; font-size:0px; } #Scroller:hover{ opacity:1; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; -o-transition:all 0.5s linear; transition:all 0.5s linear; } #Scroller span{ font:400 12px/20px var(--siteFont); background:rgba(255,255,255,1); position:absolute; z-index:-1; padding:0px 15px 0px 10px; opacity:0; right:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); border-radius:5px 0px 0px 5px; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; -o-transition:all 0.2s linear; transition:all 0.2s linear; } #Scroller:hover span{ right:95%; opacity:1; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; -o-transition:all 0.2s linear; transition:all 0.2s linear; } #Scroller a{ display:block; width:calc(100% - 10px); height:calc(100% - 10px); border-radius:50%; position:relative; z-index:1; } #Scroller a::before{ position:absolute; z-index:9; left:50%; top:50%; font-family:"fontello"; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); font-size:16px; } #Scroller.scrollUp a::before{ content:"\e80f"; } #Scroller.scrollDown a::before{ content:"\e80d"; } #Container{ width:100%; height:100%; margin:0px; padding:0px; position:relative; overflow:clip; } .stickyHeader{ width:100%; z-index:999; top:0px; } .stickyHeader, .stickyHeader.stickyAnimate{ transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; } .parallax{ background-size:cover; will-change:background-position; transform:translateZ(0); backface-visibility:hidden; } @media screen and (max-width:1200px){ .theme-L, .theme-R{ display:none; } } @media screen and (max-width:480px){ #Scroller{ display:none; } }#Main-Menu{ display:block; border-top:1px solid #cccccc; } #Mobile-Menu{ display:none; } .menu{ display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; text-align:center; } .menu > li{ position:relative; flex:none; text-align:center; } .menu li, .accessible_on .menu li{ height:50px; font:300 14px/20px var(--siteFont); text-transform:uppercase; } .menu li a{ position:relative; display:block; padding:8px 20px; color:var(--themeOneBg); } .menu > li > a{ transition:0.35s; } .menu > li > a::before{ content:""; position:absolute; left:10px; right:10px; bottom:2px; height:3px; background:var(--themeTwoBg); transform:scaleX(0); transition:0.35s; } .menu > li:hover > a{ color:var(--themeTwoBg); text-shadow:0 0 8px rgba(157,198,59,0.5); } .menu > li:hover > a::before{ transform:scaleX(1); } .menu > li > a > span{ position:relative; display:inline-block; vertical-align:top; padding:8px 0; } .menu ul{ position:absolute; z-index:9; margin:0; padding:0; opacity:0; visibility:hidden; pointer-events:none; background:var(--themeTwoBg); border-radius:0; box-shadow:0 20px 45px rgba(0,0,0,0.25); transition:opacity 0.25s ease,transform 0.25s ease,visibility 0.25s ease; } .menu li ul{ width:236px; padding:0; background:var(--themeTwoBg); overflow:visible; } .menu > li > ul{ top:50px; left:50%; transform:translateX(-50%) translateY(10px); } .menu > li:hover > ul, .menu > li:focus-within > ul{ opacity:1; visibility:visible; pointer-events:auto; transform:translateX(-50%) translateY(0); } .menu ul ul{ top:0; left:100%; transform:translateX(10px); background:var(--themeTwoBg); } .menu ul li:hover > ul, .menu ul li:focus-within > ul{ opacity:1; visibility:visible; pointer-events:auto; transform:translateX(0); } .menu ul li{ position:relative; height:auto; text-align:left; display:block; text-transform:none; } .menu ul li a{ position:relative; z-index:1; display:block; padding:13px 20px; overflow:hidden; color:#000; font:300 16px/22px var(--siteFont); transition:all 0.35s ease; } .menu ul li a::before{ content:""; position:absolute; inset:0; z-index:-1; background:var(--themeOneBg); transform:scaleX(0); transform-origin:left; transition:transform 0.35s ease; } .menu ul li:hover > a, .menu ul li:focus-within > a{ padding-left:28px; color:#fff; } .menu ul li:hover > a::before, .menu ul li:focus-within > a::before{ transform:scaleX(1); } .menu ul li a:hover{ padding-left:34px; } .menu ul li:not(:last-child){ border-bottom:1px solid rgba(255,255,255,0.12); } .menu > li:last-child > ul{ right:0; left:auto; transform:translateY(10px); } .menu > li:last-child:hover > ul, .menu > li:last-child:focus-within > ul{ transform:translateY(0); } .menu > li:last-child ul ul{ top:0; right:100%; left:auto; transform:translateX(-10px); } .menu > li:last-child ul li:hover > ul, .menu > li:last-child ul li:focus-within > ul{ transform:translateX(0); } .menu-home{ min-width:50px; } .menu-home a{ width:100%; height:100%; } .menu li.menu-home span{ display:none; padding:10px; } .menu .menu-home a::before{ content:"\e801"; position:absolute; z-index:1; top:50%; left:50%; width:auto; height:auto; background:none; font-family:"fontello"; font-size:20px; transform:translate(-50%,-50%); } .menu > li.menu-home:hover > a::before{ color:var(--themeTwoBg); transform:translate(-50%,-50%); } .menu li.menu-contact ul{ width:198px; } .menu li.menu-about ul{ width:210px; } .toggleMenu{ text-align:center; padding:2px; font:700 20px/30px var(--headingFont); color:var(--fontLight); background:var(--themeOneBg); } .toggleMenu a{ display:block; padding:5px; } .toggleMenu span{ display:inline-block; vertical-align:middle; margin:0px 10px; width:40px; height:30px; font-size:28px; line-height:30px; } .parentList.actMenu ul{ background:var(--themeOneBg); } .parentMenu li{ position:relative; border-bottom:1px solid rgba(255,255,255,0.5); overflow:hidden; } .parentMenu li:hover, .parentList.actMenu{ background:var(--themeThreeBg); color:var(--fontLight); } .parentMenu li a{ padding:10px 5px 10px 10px; display:block; position:relative; } .parentMenu li ul{ max-height:0px; position:absolute; visibility:hidden; opacity:0; clip-path:inset(0 0 100% 0); transition: opacity 0.3s ease-in-out, max-height 0.3s ease-in-out, clip-path 0.3s ease-in-out, visibility 0.3s ease-in-out; will-change:max-height,opacity,clip-path,visibility; } .parentList.actMenu > ul.is-expanded, .subParentList.actMenu > ul.is-expanded{ max-height:unset; visibility:visible; transform:translateY(0); position:relative; clip-path:inset(0 0 0 0); opacity:1; } .parentMenu li ul li a{ padding:10px 5px 10px 20px; } .parentMenu li li ul li a{ padding:10px 5px 10px 40px; } .parentMenu li li li ul li a{ padding:10px 5px 10px 60px; } .parentMenu li li li li ul li a{ padding:10px 5px 10px 80px; } .dropMenu{ width:100%; position:absolute; right:0px; top:0px; z-index:0; display:block; cursor:pointer; } .dropMenu::after{ font-family:'fontello'; position:absolute; right:15px; top:50%; transform:translate(0,-50%); } .parentMenu li.parentList > a:first-child, .parentMenu li li.subParentList > a:first-child{ display:inline-block; } .parentList > .dropMenu::after, .parentList .subParentList > .dropMenu::after{ content:'\e810'; } .parentList:hover > .dropMenu::after, .parentList.actMenu > .dropMenu::after, .parentList .subParentList:hover > .dropMenu::after, .parentList .subParentList.actMenu > .dropMenu::after{ content:'\e80d'; } .Wrapper{ z-index:9999; font:400 14px/20px var(--siteFont); background:var(--themeTwoBg); color:var(--fontDark); transition:0.9s ease; } .Wrapper.mobileMenu{ position:absolute; width:100%; visibility:hidden; clip-path:inset(0 0 100% 0); transition: clip-path 0.3s ease-in-out, visibility 0.3s ease-in-out; } .Wrapper.mobileMenu.is-expanded{ visibility:visible; clip-path:inset(0 0 0 0); } .Wrapper.slideMenu{ position:fixed; width:90%; top:0px; height:100%; overflow-y:auto; } #Container.slideLeft .Wrapper.slideMenu{ left:0px; transition:transform 0.8s ease-in-out; } #Container.slideLeft .Wrapper.slideMenu.showMenu{ opacity:1; transform:translateX(0); } #Container.slideRight .Wrapper.slideMenu{ right:0; transform:translateX(100%); transition:transform 0.8s ease-in-out; } #Container.slideRight .Wrapper.slideMenu.showMenu{ transform:translateX(0); } #Container.slideLeft{ left:0px; transition:left 0.8s ease-in-out; } #Container.slideLeft.slideContainer{ left:90%; background:rgba(0,0,0,0.4); } #Container.slideRight{ right:0px; transition:right 0.8s ease-in-out; } #Container.slideRight.slideContainer{ right:90%; background:rgba(0,0,0,0.4); } .menuClose{ position:absolute; z-index:9; right:0px; background:rgba(0,0,0); width:70px; } .menuClose a{ display:block; padding:5px 20px 5px 10px; color:var(--fontLight); } .menuClose a span::before{ font-family:'fontello'; content:'\e816'; position:absolute; right:5px; top:5px; } .Wrapper .socialIcons, .Wrapper .socialIcons ul, .Wrapper .socialIcons li{ margin:0px; padding:0px; } .Wrapper .socialIcons ul{ display:flex; flex-direction:row; flex-wrap:wrap; } @media screen and (max-width:640px){ #Menu-Container{ position:relative; } #Main-Menu{ display:none; } #Mobile-Menu{ display:block; } }#Top-Container, header, nav, section, #Location-Container, footer{ width:100%; margin:0px; padding:0px; position:relative; } #Top-intra, #Header, #Footer, #Credibility, #Location-intra, #Main-Menu{ max-width:1200px; min-width:300px; margin:0px auto; padding:0px; position:relative; } #Container ::selection{ background:var(--themeOneBg); color:var(--fontLight); } #Scroller a{ background:var(--fontLight); border:2px solid var(--themeOneBg); color:var(--themeThreeBg); border-radius:50%; box-shadow:inset 0 0 0 2px rgba(0,0,0,0.2); } #gdpCookie, #gdp_popup .cc-cp-foot-byline{ font:400 14px/20px var(--siteFont) !important; } .stickyHeader{ position:sticky !important; position:-webkit-sticky !important; position:-moz-sticky !important; position:-ms-sticky !important; position:-o-sticky !important; } .stickyHeader.stickyAnimate{ background:var(--fontLight); border:1px solid var(--themeOneBg); } #Top-Container{ background:#5e88a2; } #Top-intra{ display:grid; grid-template-columns:minmax(262px,283px) minmax(271px,283px) 336px; justify-content:right; } .top-contact{ display:grid; grid-auto-flow:column; justify-content:end; gap:8px; padding:15px 43px 8px 10px; color:#fff; position:relative; } .top-contact a:hover{ color:var(--themeTwoBg); } .top-contact:first-child::after{ content:''; background:#afc4d1; width:1px; height:15px; left:261px; position:absolute; top:17px; margin:0 auto; } .top-contact .label{ font:400 12px/22px var(--headingFont); text-transform:uppercase; letter-spacing:0.3px; } .top-contact .call{ font:500 16px/19px var(--headingFont); } .top-contact .call::before{ content:''; position:absolute; background:url(https://assets.yourpractice.online/3335/call-appoint-img.png) no-repeat center; width:15px; height:15px; left:0; top:18px; } .appointment-btn{ position:relative; } .appointment-btn a{ display:grid; grid-auto-flow:column; align-items:center; gap:8px; background:#8c0c04; color:#fff; text-decoration:none; text-transform:uppercase; font:600 14px/20px var(--headingFont); padding:14px 28px 16px 73px; letter-spacing:1px; } .appointment-btn a::before{ content:''; position:absolute; background:url(https://assets.yourpractice.online/3335/book-appoint-img.png) no-repeat left center; width:25px; height:24px; left:39px; } .appointment-btn a:hover{ background:var(--themeOneBg); } #Header{ min-height:118px; display:grid; grid-template-columns:440px 436px 1fr; grid-template-areas:'logo slogo'; gap:0px; align-items:center; } .logo{ padding:10px; grid-area:logo; position:relative; } .logo a, .slogo a{ display:block; } .logo::after{ position:absolute; z-index:1; background:#ebebeb; width:1px; height:62px; top:12%; right:-3px; content:''; } .slogo{ grid-area:slogo; padding:10px; } #Credibility{ padding:20px 0px 20px 0px; text-align:center; } #Credibility ul{ display:flex; flex-direction:row; flex-wrap:wrap; gap:5px; align-items:center; } #Credibility li{ padding:5px 0px; } #Credibility li a{ width:98%; display:block; margin:0px auto; } #Location-Container{ background:url(https://assets.yourpractice.online/3335/map-container-bg.jpg) no-repeat center; min-height:895px; padding-top:142px; } #Location-intra{ text-align:center; } #Location-intra::before{ position:absolute; content:''; background:#e5e5e5; width:1200px; height:1px; margin:0 auto; left:0; right:0; top:-98px; } #Location-intra h3{ font:700 15px/20px var(--siteFont); text-transform:uppercase; color:#006592; letter-spacing:4px; } #Location-intra h3 span{ font:600 48px/77px var(--siteFont); display:block; text-transform:none; color:#000; letter-spacing:0px; } .location-wrapper{ display:grid; grid-template-columns:471px 481px; gap:9px; justify-content:center; padding-top:45px; } .location-card{ padding-top:69px; } .locLeft{ background:url(https://assets.yourpractice.online/3335/location-left-bg.png) no-repeat left center; width:485px; height:531px; } .locRight{ background:url(https://assets.yourpractice.online/3335/location-right-bg.png) no-repeat left center; width:485px; height:531px; } .locHead{ font:800 30px/35px var(--siteFont); padding:15px 0px 27px 0px; color:#171615; } .locHead a:hover{ color:var(--themeThreeBg); } .address{ font:400 16px/26px var(--siteFont); padding-bottom:19px; color:#161415; } .contact-info .tel1, .contact-info .tel2{ background:url(https://assets.yourpractice.online/3335/footcall-icon.png) no-repeat left; font:700 18px/25px var(--siteFont); padding:0px 40px 0px 23px; position:relative; color:#161514; } .contact-info .fax1{ background:url(https://assets.yourpractice.online/3335/footfax-icon.png) no-repeat left; font:700 18px/25px var(--siteFont); padding:0px 23px 0px 30px; } .contact-info span:not(:last-child)::after{ content:''; width:2px; height:24px; background:#a5a7a9; position:absolute; z-index:0; right:18px; top:13px; transform:translateY(-50%); } .hours{ font:400 16px/25px var(--siteFont); padding:25px 0px 40px 0px; color:#08090a; } .Locappoint a{ display:inline-block; padding:18px 22px; border-radius:10px; background:var(--themeTwoBg); text-transform:uppercase; color:#050606; font:700 15px / 15px var(--siteFont); letter-spacing:1px; } .Locappoint a:hover{ background:var(--themeOneBg); color:var(--fontLight); transform:translateY(-2px); } footer{ background:var(--themeOneBg); } #Footer{ padding:95px 0px; text-align:center; } .footer-logo{ position:relative; } .footer-logo::before{ position:absolute; content:''; background:#214963; width:529px; height:1px; left:0; top:99px; } .footer-logo::after{ position:absolute; content:''; background:#214963; width:359px; height:1px; right:0; top:99px; } .footerSMO{ display:flex; align-items:center; justify-content:space-between; width:100%; } .footerSMO .tabL{ flex:1; display:flex; justify-content:flex-start; } .socLogo{ padding:10px 0px; } .socLogo ul{ display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; gap:5px; } .socLogo li{ width:40px; height:40px; font:400 16px/40px var(--siteFont); } .socLogo li a{ width:100%; height:100%; display:block; border-radius:10px; color:var(--fontLight); } .socLogo li a:hover{ color:var(--themeTwoBg); text-transform:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-shadow:1px 1px 1px rgba(127,127,127,0.3); } .socLogo li a::before{ font-size:32px; } .socLogo li.twitter a::before{ content:''; background:url(https://assets.yourpractice.online/3335/twitter-logo.png) no-repeat center 10px; display:block; height:100%; background-size:auto; } .socLogo li.twitter a:hover::before{ background:url(https://assets.yourpractice.online/3335/twitter-logo-h.png) no-repeat center 10px; } .socLogo li.instagram a:hover::before{ background:url(https://assets.yourpractice.online/3335/insta-logo-h.png) no-repeat center center; } .socLogo li.instagram a::before{ content:''; background:url(https://assets.yourpractice.online/3335/insta-logo.png) no-repeat center center; display:block; height:100%; background-size:auto; } .socLogo li span{ display:none; } .footerSMO .tabR{ flex:1; display:flex; justify-content:flex-end; } .footLinks{ text-align:center; padding:50px 0px 10px 0px; } .footLinks ul{ display:flex; justify-content:center; flex-wrap:wrap; flex-direction:row; gap:10px; } .footLinks li{ font:300 14px/14px var(--siteFont); position:relative; text-transform:uppercase; letter-spacing:2px; } .footLinks li:not(:last-child)::after{ content:''; width:1px; height:13px; background:#dee4e8; position:absolute; z-index:0; right:-5px; top:50%; transform:translateY(-50%); } .footLinks a{ display:flex; align-items:center; flex-direction:row; flex-wrap:nowrap; gap:5px; padding:3px 16px; color:var(--fontLight); } .footLinks a:hover{ color:var(--themeTwoBg); } .copyright{ padding:15px 0px 25px 0px; } .copyright h2{ font:200 14px/20px var(--siteFont); color:#fff; text-transform:uppercase; letter-spacing:1px; } .footDomain{ font:300 14px/25px var(--siteFont); padding:10px 0 20px 0; text-transform:uppercase; color:var(--fontLight); } .footDomain a{ padding:3px 8px; color:var(--fontLight); } .footDomain a:hover{ color:var(--themeTwoBg); } .ypoLogo{ padding:10px 0px; } .ypoLogo a{ display:block; } @media screen and (max-width:1200px){ .footer-logo::before, .footer-logo::after{ display:none; } .ypoLogo{ padding:10px; } } @media screen and (max-width:1024px){ .menu li, .accessible_on .menu li{ font:300 13px / 20px var(--siteFont); } } @media screen and (max-width:980px){ #Top-intra{ grid-template-columns:1fr; } .top-contact{ justify-content:center; align-items:center; padding:5px 15px 5px 15px; } .top-contact .call{ position:relative; } .top-contact .call::before{ left:-134px; top:2px; } .top-contact:first-child::after{ display:none; } .appointment-btn{ display:flex; justify-content:center; } .appointment-btn a{ position:relative; padding:14px 28px 16px 55px; } .appointment-btn a::before{ left:25px; } .location-wrapper{ grid-template-columns:403px 409px; } .locLeft, .locRight{ background:#fff; width:400px; } } @media screen and (max-width:870px){ #Header{ min-height:auto; display:grid; grid-template-columns:1fr; grid-template-areas: 'logo' 'slogo'; gap:10px; align-items:center; justify-items:center; padding:10px 15px; } .logo, .slogo{ width:100%; padding:5px; text-align:center; box-sizing:border-box; } .logo::after{ display:none; } .logo img, .slogo img{ max-width:100%; height:auto; } .location-wrapper{ display:block; margin:0 auto; text-align:center; padding-top:20px; } #Location-Container{ background:none; padding-bottom:20px; } .locLeft, .locRight{ text-align:center; margin:0 auto; height:auto; } .location-card{ padding-top:20px; } } @media screen and (max-width:768px){ #Location-intra::before{ display:none; } #Location-Container{ min-height:auto; padding-top:30px; } #Location-intra h3 span{ font:600 32px/40px var(--siteFont); } } @media screen and (max-width:640px){ header{ position:relative; } .footLinks a{ padding:5px 10px; } #gdpCookie, #gdp_popup .cc-cp-foot-byline{ font:400 12px/20px var(--siteFont) !important; } .cookie-main{ padding:5px !important; line-height:unset !important; margin:0px !important; } .cookie-main p{ padding:0px 0px 5px 0px !important; margin:0px !important; } .cookie-main li.cookie-button a{ margin:0px !important; } .cookie-main li.cookie-content{ margin:0px !important; } #Footer{ padding:50px 0px; } .copyright h2{ font:200 14px / 30px var(--siteFont); } .footLinks ul{ gap:3px; } .footLinks a{ padding:5px; } } @media screen and (max-width:480px){ .footer-logo{ padding:0px 20px; } .footerSMO{ flex-direction:column; padding-top:0px; } .contact-info{ display:flex; flex-direction:column; align-items:center; gap:10px; text-align:center; } .contact-info span:not(:last-child)::after{ display:none; } .contact-info .tel1, .contact-info .tel2{ padding:0px 21px 0px 29px; } }#Navigation-Container, #Content-Container{ width:100%; margin:0px; padding:0px; position:relative; } #Banner, #Navigation, #Content{ max-width:1200px; min-width:300px; margin:0px auto; padding:0px; position:relative; } .img-l{ float:left; margin:0px 15px 10px 0px; } .img-r{ float:right; margin:0px 0px 10px 15px; } .img-c, .textCenter{ text-align:center; } .textMain .img-c ul{ margin:0px; padding:0px; display:flex; flex-direction:row; flex-wrap:wrap; gap:5px; } .textMain .img-c li{ margin:0px; padding:0px; border:1px solid #ccc; } #Banner-Container{ background:url(https://assets.yourpractice.online/3335/banner-sub-bg.jpg) repeat-y center top; } #Banner{ padding:40px 10px; text-align:center; display:flex; flex-direction:column; justify-content:center; flex-wrap:wrap; min-height:215px; } #Banner h1{ font:600 50px/55px var(--headingFont); color:var(--fontLight); } #Navigation, .navigation{ font:700 14px/20px var(--siteFont); padding:10px; } #Navigation a, .navigation a{ font:300 14px/20px var(--siteFont); } #Navigation a:hover, .navigation a:hover{ text-decoration:underline; } #Content{ display:grid; grid-template-columns:minmax(0,1fr) 320px; grid-template-areas:'Article Sidebar'; align-items:start; gap:40px; } .noSidebar #Content{ grid-template-columns:minmax(0,1fr); grid-template-areas:'Article'; } #Article{ grid-area:Article; position:relative; } .textMain h1{ font:600 54px/60px var(--headingFont); color:var(--siteFontColor); padding:10px 0px 10px 0px; } .textMain h1 span{ font:400 30px/40px var(--siteFont); color:var(--themeTwoBg); } .textMain h1 span, .textMain h2 span{ display:block; } .textMain h2, .textMain h3, .textMain h4, .hTag2, .hTag3, .hTag4{ padding:15px 0px 5px 0px; } .textMain h1 a, .textMain h2 a, .textMain h3 a, .textMain h4 a, .hTag2 a, .hTag3 a, .hTag4 a{ text-decoration:none; } .textMain h2, .hTag2, .textMain h3.hTag2, .textMain h4.hTag2{ font:700 30px/40px var(--headingFont); color:#000000; } .textMain h2 span{ font:400 20px/30px var(--siteFont); color:var(--themeFourBg); } .textMain h2 a, .hTag2 a, .textMain h3.hTag2 a, .textMain h4.hTag2 a{ color:var(--themeOneBg); } .textMain h3, .hTag3, .textMain h2.hTag3, .textMain h4.hTag3{ font:600 24px/30px var(--headingFont); color:#000000; } .textMain h3 a, .hTag3 a, .textMain h2.hTag3 a, .textMain h4.hTag3 a{ color:var(--themeTwoBg); } .textMain h4, .hTag4, .textMain h2.hTag4, .textMain h3.hTag4{ font:500 22px/30px var(--headingFont); color:#000000; } .textMain h4 a, .hTag4 a, .textMain h2.hTag4 a, .textMain h3.hTag4 a{ color:var(--themeThreeBg); } .textMainBold{ font-weight:700; } .textMain p.textMainBold{ padding:15px 0px 5px 0px; } .PDFtext{ font:400 12px var(--siteFont); color:#666; } .mandatory{ font:400 14px var(--siteFont); color:rgba(190,0,0,1); } .textMain{ padding:40px 10px 50px 10px; font:400 16px/30px var(--siteFont); color:var(--siteFontColor); } .textMain a{ color:var(--themeOneBg); } .textMain a:hover{ color:var(--themeTwoBg); text-decoration:underline; text-underline-offset:5px; } .textMain p{ padding:5px 0px 10px 0px; } .textMain ul{ padding:0px 0px 10px 0px; } .textMain ol{ padding:0px 0px 10px 30px; } .textMain ul li{ background:url(https://assets.yourpractice.online/3335/li-bg.png) no-repeat 10px 15px; padding:5px 5px 5px 30px; } .textMain ol li{ padding:5px 5px 5px 5px; list-style:decimal; } .textMain ul ul, .textMain ol ol, .textMain ul ol, .textMain ol ul{ padding:5px 5px 5px 20px; } .textMain ul ul li, .textMain ol ul li, .textMain ul ol li{ background:none; list-style:disc; } .textMain ul ul ul li, .textMain ol ul ul li{ list-style:square; } .textMain ul ul ul ul li, .textMain ol ul ul ul li{ list-style:circle; } .textMain ol ol li, .textMain ul ol li{ list-style-type:lower-alpha; } .textMain ol ol ol li, .textMain ul ol ol li{ list-style:lower-roman; } .textMain ul ul li, .textMain ol ol li, .textMain ol ul li, .textMain ul ol li{ padding:5px; } .textMain li p{ padding:5px; } #Sidebar{ grid-area:Sidebar; padding:50px 0px 50px 0px; } asideProfiles{ position:sticky; top:30px; height:fit-content; align-self:flex-start; } .asideDrs{ background:url(https://assets.yourpractice.online/3335/sidebar-bg.jpg) no-repeat center; min-height:701px; padding:10px 20px 56px 20px; position:relative; } .asideprovider{ position:relative; } .asideprovider ul{ display:flex; flex-wrap:wrap; } .asideHead span{ font:700 13px/20px var(--headingFont); display:block; text-transform:uppercase; letter-spacing:2px; } .asideHead{ font:600 35px/40px var(--headingFont); padding:40px 0 34px 0; text-align:center; color:var(--fontLight); } .asideDrs .providerBox{ background:var(--themeFourBg); text-align:center; border-radius:30px; position:relative; padding:170px 0 8px 0; width:267px; margin:0 auto; } .asideDrs .providerImage{ position:absolute; top:-42px; text-align:center; width:210px; display:flex; height:236px; justify-content:center; align-items:center; overflow:hidden; left:0; right:0; margin:0 auto; } .asideDrs .providerImage img{ margin:0; border:6px solid #fff; border-radius:21px; width:100%; height:100%; object-fit:cover; object-position:top center; box-sizing:border-box; } .asideDrs .providerDetails{ padding:32px 10px 30px 10px; } .asideDrs .providerName{ font:600 19px/20px var(--headingFont); color:var(--fontLight); } .asideDrs .providerName a{ display:block; } .asideDrs .providerName a:hover{ color:var(--themeTwoBg); } .asideDrs .providerName span{ display:block; font:400 13px/16px var(--siteFont); padding:6px 0 23px 0; min-height:57px; } .asideDrs .profileMore a{ display:inline-block; padding:15px 23px 15px 23px; border-radius:10px; background:none; border:1px solid #4d94b3; text-transform:uppercase; color:var(--fontLight); font:600 15px/15px var(--siteFont); } .asideDrs .profileMore a:hover{ background:var(--fontLight); border:1px solid var(--fontLight); color:var(--fontDark); } .asideDrs .providerMore{ text-align:center; padding-top:41px; } .asideDrs .providerMore a{ display:inline-block; padding:17px 28px 17px 28px; border-radius:10px; background:var(--themeTwoBg); text-transform:uppercase; color:var(--fontDark); font:500 15px/15px var(--siteFont); letter-spacing:1px; } .asideDrs .providerMore a:hover{ color:var(--fontLight); background:var(--themeFourBg); } .asideDrs .nbs-flexisel-nav-left, .asideDrs .nbs-flexisel-nav-right{ width:45px; height:45px; top:inherit; bottom:18px; } .asideDrs .nbs-flexisel-nav-left{ left:-27px; } .asideDrs .nbs-flexisel-nav-right{ right:-27px; } .asideDrs .nbs-flexisel-nav-left::before, .asideDrs .nbs-flexisel-nav-right::before{ width:46px; height:46px; content:''; display:block; } .asideDrs .nbs-flexisel-nav-left::before{ background:url(https://assets.yourpractice.online/3335/spec-l.png) no-repeat 0 0; } .asideDrs .nbs-flexisel-nav-right::before{ background:url(https://assets.yourpractice.online/3335/spec-r.png) no-repeat 0 0; } .asideDrs .nbs-flexisel-ul > .nbs-flexisel-item{ padding-top:42px !important; } .patient{ background:var(--fontLight); color:#111111; padding:40px 0px 28px 0px; margin:53px 0 0 0; position:relative; box-shadow: 0 2px 8px rgba(0,0,0,0.05), 0 12px 35px rgba(0,0,0,0.1); } .patientHead{ font:600 30px/35px var(--siteFont); text-align:center; padding:0px 0px 10px 0px; } .patientTabs{ font:400 18px/25px var(--siteFont); text-transform:uppercase; } .patientTabs li{ position:relative; overflow:hidden; padding:5px 10px 0px 42px; transition:all 0.3s ease; font:700 14px/19px var(--siteFont); } .patientTabs li a{ color:#2e2c2c; transition:all 0.3s ease; display:block; padding:14px 14px 17px 81px; position:relative; } .patientTabs li a::before{ content:''; width:46px; background-size:contain !important; position:absolute; display:block; left:18px; top:10px; transition:all 0.4s ease; } .patientTabs li:after{ border-bottom:1px solid #ededed; content:''; position:absolute; left:0; right:0; margin:0 auto; width:278px; top:73px; } .patientTabs li:last-child::after{ border-bottom:none; } .down-pf a::before{ background:url(https://assets.yourpractice.online/3335/patient-forms-sb.png) no-repeat center center; height:40px !important; } .device-ins a::before{ background:url(https://assets.yourpractice.online/3335/device-ins-sb.png) no-repeat center center; height:42px !important; } .edu-videos a::before{ background:url(https://assets.yourpractice.online/3335/educationa-videos-sb.png) no-repeat center center; height:37px !important; top:15px !important; } .bill-payment a::before{ background:url(https://assets.yourpractice.online/3335/bill-payment-sb.png) no-repeat center center; height:35px !important; top:15px !important; } .down-pf a:hover::before{ background:url(https://assets.yourpractice.online/3335/patient-forms-sb-h.png) no-repeat center center; height:40px !important; } .device-ins a:hover::before{ background:url(https://assets.yourpractice.online/3335/device-ins-sb-h.png) no-repeat center center; height:42px !important; } .edu-videos a:hover::before{ background:url(https://assets.yourpractice.online/3335/educationa-videos-sb-h.png) no-repeat center center; height:37px !important; } .bill-payment a:hover::before{ background:url(https://assets.yourpractice.online/3335/bill-payment-sb-h.png) no-repeat center center; height:35px !important; } .patientTabs li:hover a::before{ transform:scale(1.1) rotate(5deg); } .relatedTabs ul, .textMain .subLinkTabs ul{ padding:15px 0 0 0; margin:0px; display:flex; flex-direction:row; flex-wrap:wrap; gap:9px; } .textMain .relatedTabs li, .textMain .subLinkTabs li{ margin:0; padding:0; background:none; list-style:none; } .textMain .relatedTabs li a, .textMain .subLinkTabs li a{ position:relative; display:flex; align-items:center; min-height:54px; padding:10px 45px 10px 42px; box-sizing:border-box; border:1px solid #e0e7e8; border-radius:8px; background:#edf6ff; color:#173b57; font:500 17px/21px var(--siteFont); text-decoration:none; transition:all 0.25s ease; } .textMain .relatedTabs li a::before, .textMain .subLinkTabs li a::before{ content:''; position:absolute; left:16px; width:8px; height:8px; border-radius:50%; background:#8fc640; transition:all 0.25s ease; } .textMain .relatedTabs li a::after, .textMain .subLinkTabs li a::after{ content:'→'; position:absolute; right:15px; color:#8fc640; font:700 18px/20px var(--siteFont); transition:transform 0.25s ease; } .textMain .relatedTabs li a:hover, .textMain .subLinkTabs li a:hover{ border-color:#8fc640; background:#edf5e7; color:#173b57; text-decoration:none; transform:translateX(4px); box-shadow:0 5px 15px rgba(23,59,87,0.07); } .textMain .relatedTabs li a:hover::before, .textMain .subLinkTabs li a:hover::before{ width:11px; height:11px; background:#173b57; } .textMain .relatedTabs li a:hover::after, .textMain .subLinkTabs li a:hover::after{ transform:translateX(4px); } .impNote{ padding:10px 20px; border:2px solid var(--themeFourBg); background:#f1f1f1; } .textMain .impList{ padding:20px 0px 0px 0px; } .textMain .impList ul{ margin:0px; padding:0px; display:flex; flex-direction:row; flex-wrap:wrap; gap:5px; } .textMain .impList li{ margin:0px; padding:5px; font:600 16px/20px var(--siteFont); background:none; text-transform:uppercase; } .textMain .impList li a{ background:var(--themeOneBg); color:var(--fontLight); display:block; padding:10px 20px; } .textMain .impList li a:hover{ background:var(--themeThreeBg); color:var(--fontLight); text-decoration:none; } .videoReviews{ display:grid; grid-template-columns:repeat(2,1fr); gap:30px; margin:35px 0; padding:0; list-style:none; } .textMain .videoReviews > li{ position:relative; margin:0; padding:0 0 0px; background:none; border:1px solid #e1e8eb; border-radius:16px; box-shadow:0 6px 22px rgba(24,54,77,0.08); overflow:hidden; transition: transform 0.35s ease, box-shadow 0.35s ease; } .textMain .videoReviews > li::before{ content:''; position:absolute; top:0; left:0; width:100%; height:4px; background:#16778d; } .textMain .videoReviews > li:hover{ transform:translateY(-5px); box-shadow:0 14px 32px rgba(24,54,77,0.14); } .textMain .videoReviews h3{ margin:0; padding:18px 20px 10px; font:700 18px/27px var(--headingFont); } .videoReviews .videoBorder{ margin:10px auto 0px auto; } .textMain .footBox{ position:relative; width:100%; margin:30px auto 0; padding:20px 25px 20px 65px; box-sizing:border-box; background:#f1f8f9; border:1px solid #d6e7e9; border-left:4px solid #327d89; border-radius:7px; color:#4f6269; } .textMain .footBox::before{ content:'\e802'; position:absolute; left:20px; top:50%; width:32px; height:32px; display:flex; align-items:center; justify-content:center; transform:translateY(-50%); border-radius:50%; background:#327d89; color:#fff; font:normal 14px/1; font-family:'fontello'; } .textMain .officeContacts{ position:relative; padding:30px 25px; box-sizing:border-box; overflow:hidden; background:#f1f7ec; border:1px solid #d7e6ce; border-radius:16px; box-shadow:0 8px 25px rgba(60,90,45,0.08); margin:20px auto; width:100%; } .textMain .officeContacts::after{ content:''; position:absolute; top:-70px; right:-70px; width:190px; height:190px; border-radius:50%; background:rgba(143,198,64,0.13); } .textMain .officeContacts h3{ position:relative; display:flex; align-items:center; gap:15px; margin:0 0 22px; padding:0 0 17px; color:#263b31; font:700 24px/31px var(--headingFont); border-bottom:1px solid #e3e9e5; } .textMain .officeContacts h3::before{ width:48px; height:48px; flex:0 0 48px; display:flex; align-items:center; justify-content:center; border-radius:11px; background:#d6efc4; color:#70a932; font:normal 21px/48px Fontello; text-align:center; transition:all 0.3s ease; content:'\f0fa'; } .textMain .officeContacts:hover h3::before{ background:#8fc640; color:#fff; transform:scale(1.05); } .textMain .officeContacts ul{ display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:28px; width:100%; margin:0; padding:0; list-style:none; box-sizing:border-box; } .textMain .officeContacts ul > li{ position:relative; padding:12px 30px 14px 34px; background:#fff; border:1px solid #e1e8eb; border-radius:12px; box-shadow:0 5px 20px rgba(24,54,77,0.07); overflow:hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; width:100%; min-width:0; box-sizing:border-box; } .textMain .officeContacts ul > li::before{ content:''; position:absolute; top:0; left:0; width:5px; height:100%; background:#16778d; } .textMain .officeContacts ul > li:hover{ transform:translateY(-4px); box-shadow:0 12px 28px rgba(24,54,77,0.12); } .textMain .officeContacts ul > li .textMainBold{ margin:0 0 18px; padding-bottom:14px; border-bottom:1px solid #e6edef; } .textMain .officeContacts ul > li .textMainBold a{ color:#18364d; font:700 21px/27px var(--headingFont); text-decoration:none; transition:color 0.3s ease; } .textMain .officeContacts ul > li .textMainBold a:hover{ color:#16778d; } .textMain .officeContacts p{ position:relative; margin:0 0 6px; padding-left:34px; color:#536572; } .textMain .officeContacts p::before{ content:var(--icon); position:absolute; top:8px; left:0; width:24px; height:24px; color:#16778d; font:normal 22px/24px 'fontello'; } .textMain .officeContacts .textMainBold{ position:relative; margin:0 0 18px; padding:0 0 13px; border-bottom:1px solid #e1e9de; } .textMain .officeContacts .textMainBold::after{ content:''; position:absolute; bottom:-1px; left:0; width:42px; height:3px; border-radius:3px; background:#8fc640; } .textMain .officeContacts .textMainBold a{ color:#263b31; font:700 21px/28px var(--headingFont); text-decoration:none; transition:color 0.25s ease; } .textMain .officeContacts .textMainBold a:hover{ color:#6da42e; } .textMain .officeContacts .font-icon{ position:relative; margin:6px 0; padding-left:38px; color:#4a554f; font:400 15px/24px var(--siteFont); } .textMain .officeContacts .font-icon::before{ content:var(--icon); position:absolute; top:5px; left:0; width:27px; height:27px; display:flex; align-items:center; justify-content:center; border-radius:7px; background:#edf7e6; color:#70a932; font:normal 15px/27px Fontello; text-align:center; } .img-c.audubon{ margin-bottom:20px; } .img-c.video{ margin-top:15px; } .textMain .audubonCtaContent{ position:relative; display:flex; align-items:center; flex-wrap:wrap; gap:28px; width:100%; margin:20px auto; padding:30px 32px; border:1px solid #dfe9eb; border-radius:20px; box-sizing:border-box; box-shadow:0 12px 35px rgba(11,61,92,0.08); overflow:hidden; background:linear-gradient(135deg,#ffffff 0%,#f2f9fa 55%,#e8f4f6 100%); } .textMain .audubonCtaContent::after{ content:''; position:absolute; width:250px; height:250px; right:-135px; top:-135px; background:#cef0f3; border-radius:50%; z-index:0; } .textMain .audubonCtaContent .ctaBadge{ position:relative; z-index:2; flex:0 0 72px; width:72px; height:72px; display:flex; align-items:center; justify-content:center; background:#edf7f8; border:1px solid #d3e8ea; border-radius:50%; box-sizing:border-box; transition: background 0.3s ease, border-color 0.3s ease, transform 0.35s ease, box-shadow 0.35s ease; } .textMain .audubonCtaContent .ctaBadgeIcon{ display:flex; align-items:center; justify-content:center; } .textMain .audubonCtaContent .ctaBadgeIcon::before{ content:'\f0fa'; font-family:'fontello'; color:#3f8394; font-size:30px; line-height:1; transition: transform 0.35s ease, color 0.3s ease; } .textMain .audubonCtaContent:hover .ctaBadge{ background:#3f8394; border-color:#3f8394; transform:translateY(-3px); box-shadow:0 8px 18px rgba(63,131,148,0.22); } .textMain .audubonCtaContent:hover .ctaBadgeIcon::before{ color:#fff; transform:scale(1.12) rotate(-8deg); } .textMain .audubonCtaContent .ctaMain{ position:relative; z-index:2; flex:1 1 500px; min-width:0; } .textMain .audubonCtaContent .ctaEyebrow{ display:block; margin:0 0 4px; color:#3f8394; font:600 15px/1.4 var(--siteFont); letter-spacing:0.8px; text-transform:uppercase; } .textMain .audubonCtaContent h2{ margin:0 0 7px; padding:5px 0; color:#0b3d5c; font:600 33px/1.3 var(--headingFont); } .textMain .audubonCtaContent p{ max-width:700px; margin:0; color:#465760; font:400 18px/1.7 var(--siteFont); } .textMain .audubonCtaContent .scheduleMore{ position:relative; z-index:2; flex:0 0 auto; margin-left:auto; } .textMain .audubonCtaContent .scheduleMore a{ display:inline-flex; align-items:center; justify-content:center; gap:12px; min-width:210px; min-height:52px; padding:0 22px; color:#fff; background:#3f8394; border:2px solid #3f8394; border-radius:8px; box-sizing:border-box; text-decoration:none; font:600 15px/1 var(--siteFont); box-shadow:0 7px 18px rgba(63,131,148,0.22); transition: color 0.3s ease, background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; } .textMain .audubonCtaContent .scheduleMore a::after{ content:'\f101'; font-family:'fontello'; font-size:15px; line-height:1; transition:transform 0.3s ease; } .textMain .audubonCtaContent .scheduleMore a:hover{ color:#3f8394; background:#fff; border-color:#3f8394; text-decoration:none; box-shadow:0 8px 20px rgba(63,131,148,0.15); } .textMain .audubonCtaContent .scheduleMore a:hover::after{ transform:translateX(5px); } .textMain .audubonCtaContent .scheduleMore a:focus-visible{ outline:3px solid rgba(63,131,148,0.3); outline-offset:3px; } .textMain .prostheticsList{ width:100%; margin:25px 0; } .textMain .prostheticsList ul{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; margin:0; padding:0; list-style:none; } .textMain .prostheticsList li{ margin:0; padding:0; list-style:none; } .textMain .prostheticsList li a{ position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:220px; padding:30px 22px; color:#0b3d5c; background:linear-gradient(160deg,#ffffff 0%,#f7fbfb 48%,#eaf5f6 100%); border:1px solid #d8e7e9; border-radius:22px; box-sizing:border-box; text-align:center; text-decoration:none; font:600 19px/1.45 var(--siteFont); box-shadow:0 8px 25px rgba(11,61,92,0.07); overflow:hidden; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease; } .textMain .prostheticsList li a::before{ content:''; position:absolute; width:120px; height:120px; top:-60px; left:-45px; right:auto; background:#dceff1; border-radius:50%; z-index:0; transition: transform 0.4s ease, background 0.35s ease; } .textMain .prostheticsList li a img{ position:relative; z-index:2; display:block; width:175px; height:80px; margin:0 auto 22px; padding:9px; object-fit:contain; transition: transform 0.35s ease, box-shadow 0.35s ease; } .textMain .prostheticsList li a:hover{ color:#3f8394; transform:translateY(-7px); text-decoration:none; } .textMain .prostheticsList li a:hover::before{ background:#d2ebee; transform:scale(1.25); } .textMain .prostheticsList li a:hover img{ transform:translateY(-4px) scale(1.04); } .textMain .prostheticsList li a:focus-visible{ outline:3px solid rgba(63,131,148,0.35); outline-offset:3px; } .textMain .billingWrap{ width:100%; margin:30px 0; padding:25px 28px; background:#f7fafb; border:1px solid #e1eaec; border-left:4px solid #3f8394; border-radius:10px; box-sizing:border-box; } .appointmentBox{ padding:35px 38px; background:#f2f8f9; border:1px solid #dce9eb; border-top-width:1px; border-top-style:solid; border-top-color:rgb(220,233,235); border-top:6px solid #327d89; border-radius:10px; margin-bottom:30px; } .boxGrid-L, .boxGrid-r{ padding:30px; background:#fff; border:1px solid #e2e8ec; border-radius:10px; box-sizing:border-box; box-shadow:0 5px 20px rgba(0,0,0,0.05); background:#fbfeff; margin:30px 0; } .boxGrid-L{ border-top:5px solid var(--themeOneBg); } .boxGrid-r{ border-top:5px solid var(--themeThreeBg); } .textMain .customBox{ position:relative; margin:0 0 30px; padding:28px 30px 25px 35px; background:#fff; border:1px solid #e2e8ec; border-radius:12px; box-shadow:0 5px 20px rgba(0,0,0,0.05); box-sizing:border-box; transition:.3s ease; } .textMain .customBox.rightBorder{ border-left:5px solid var(--themeOneBg); } .textMain .customBox.leftBorder{ border-right:5px solid var(--themeOneBg); } .textMain .customBox:nth-child(2n){ background:#f4f5f0; } .textMain .customBox:nth-child(2n+1){ background:#f1f1f1; } .textMain .customBox.rightBorder:hover, .textMain .customBox.leftBorder:hover{ border-color:var(--themeThreeBg); box-shadow:0 10px 28px rgba(0,0,0,0.09); transform:translateX(3px); } .textMain .customBox h3{ position:relative; margin:0 0 20px; padding:0 0 12px 0; color:var(--themeOneBg); font-size:22px; line-height:1.3; } .textMain .customBox h3::after{ content:""; position:absolute; left:0; bottom:0; width:45px; height:2px; background:var(--themeThreeBg); } .anchorBox{ display:grid; grid-template-columns:repeat(2,1fr); gap:30px; margin-bottom:30px; } .anchorBox-L, .anchorBox-R{ min-width:0; } .anchorBox h3{ display:flex; align-items:center; gap:15px; text-align:center; } .anchorBox h3::before, .anchorBox h3::after{ content:""; flex:1; height:2px; background:#a2accd; opacity:.6; } .textMain .anchorTabs ul{ display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin:15px 0 0; padding:0; list-style:none; } .textMain .anchorTabs li{ margin:0; padding:0; list-style:none; background:none; } .textMain .anchorTabs li a{ position:relative; display:flex; align-items:center; min-height:60px; padding:12px 42px 12px 18px; background:#f5f8fa; border:1px solid #dce7eb; border-radius:8px; color:#0065a0; font-size:15px; font-weight:600; line-height:1.35; text-decoration:none; transition:all 0.3s ease; } .textMain .anchorTabs li a::after{ content:"\f101"; position:absolute; right:16px; top:50%; font-family:"fontello"; font-size:19px; transform:translateY(-50%); transition:all 0.3s ease; } .textMain .anchorTabs li a:hover{ background:#0065a0; border-color:#0065a0; color:#fff; transform:translateY(-2px); box-shadow:0 5px 15px rgba(0,101,160,0.15); } .textMain .anchorTabs li a:hover::after{ transform:translate(4px,-50%); } .aboutCSOG{ position:relative; background:#fff; padding:30px; border:1px solid #e2e8ec; border-radius:10px; box-shadow:0 4px 18px rgba(0,0,0,0.06); overflow:hidden; } .aboutCSOG > p.img-c:first-child{ margin:0 0 22px; padding-bottom:20px; border-bottom:1px solid #e5e5e5; } .aboutCSOG > p.img-c:first-child img{ display:inline-block; max-width:100%; height:auto; } .aboutCSOG h3{ position:relative; margin:25px 0 15px; padding-left:16px; color:#0065a0; font-size:23px; line-height:1.3; font-weight:700; } .aboutCSOG h3::before{ position:absolute; content:""; left:0; top:3px; bottom:3px; width:4px; background:var(--themeThreeBg); border-radius:4px; } .textMain .aboutCSOG p{ margin:0 0 15px; } .aboutCSOG .img-r{ float:right; width:200px; margin:0 0 15px 25px; border-radius:8px; overflow:hidden; } .aboutCSOG .img-r img{ display:block; width:100%; height:auto; } .textMain .aboutCSOG ul{ margin:15px 0 5px; padding:18px 20px 18px 42px; background:#f4f8fa; border-left:4px solid #0065a0; border-radius:6px; } .textMain .aboutCSOG li{ margin:0 0 10px; padding-left:5px; color:#444; line-height:1.6; background:none; } .aboutCSOG li:last-child{ margin-bottom:0; } .aboutCSOG + .img-c{ margin:25px 0 15px; text-align:center; } .aboutCSOG + .img-c img{ display:block; width:100%; height:auto; border-radius:10px; } .textMain .moreCSOG{ margin:20px 0 0; padding:15px 20px; background:#f4f8fa; border-radius:6px; text-align:center; color:#444; } .textMain .moreCSOG a{ color:#0065a0; font-weight:700; text-decoration:underline; text-underline-offset:3px; } .textMain .moreCSOG a:hover{ color:#fe7a00; } @media screen and (max-width:1200px){ #Navigation, .navigation{ padding:10px 20px; } .textMain{ padding:40px 40px 40px 20px; } .noSidebar .textMain{ padding:40px 20px; } } @media (max-width:1100px){ .textMain .prostheticsList ul{ grid-template-columns:repeat(3,1fr); gap:20px; } .textMain .prostheticsList li a{ min-height:210px; padding:27px 18px; font-size:18px; } .textMain .prostheticsList li a img{ width:160px; height:72px; margin-bottom:19px; } #Banner h1{ font:600 40px/44px var(--headingFont); } } @media (max-width:991px){ .textMain .audubonCtaContent{ align-items:flex-start; gap:14px 28px; } .textMain .audubonCtaContent .scheduleMore{ flex:0 0 calc(100% - 100px); margin-left:100px; } .textMain .audubonCtaContent .scheduleMore a{ min-width:210px; } .textMain .prostheticsList{ margin:35px 0; } .textMain .prostheticsList ul{ grid-template-columns:repeat(2,1fr); gap:18px; } .textMain .prostheticsList li a{ min-height:205px; padding:26px 18px; font-size:18px; } .textMain .prostheticsList li a::before{ width:105px; height:105px; top:-52px; left:-40px; } .textMain .prostheticsList li a img{ width:150px; height:68px; margin-bottom:18px; } .boxGrid{ grid-template-columns:1fr; } .textMain .boxGrid-r p, .textMain .boxGrid-L p{ font:400 16px/26px var(--siteFont); } .textMain .anchorTabs ul{ grid-template-columns:1fr; } } @media screen and (max-width:800px){ .textMain, .noSidebar .textMain{ padding:20px; } #Content{ grid-template-columns:1fr; grid-template-areas: 'Article' 'Sidebar'; } #Sidebar{ padding:20px 0px; width:320px; margin:0 auto; } .textMain .relatedTabs li, .textMain .subLinkTabs li{ flex:1 auto; } .textMain .videoReviews{ grid-template-columns:1fr; gap:22px; margin:30px 0; } .textMain .audubonCtaContent{ gap:14px 20px; padding:26px 24px; } .textMain .audubonCtaContent .ctaBadge{ flex:0 0 64px; width:64px; height:64px; } .textMain .audubonCtaContent .ctaBadgeIcon::before{ font-size:27px; } .textMain .audubonCtaContent .ctaMain{ flex:1 1 300px; } .textMain .audubonCtaContent h2{ font-size:28px; line-height:1.35; } .textMain .audubonCtaContent p{ font-size:17px; line-height:1.65; } .textMain .audubonCtaContent .scheduleMore{ flex:0 0 calc(100% - 84px); margin-left:84px; } #Banner h1{ font:600 30px/34px var(--headingFont); } #Banner{ min-height:unset; } .anchorBox{ grid-template-columns:1fr; gap:20px; } .aboutCSOG{ padding:20px; } .textMain .aboutCSOG h3{ font-size:20px; } .aboutCSOG .img-r{ float:none; width:100%; max-width:300px; margin:0 auto 20px; } .textMain .aboutCSOG ul{ padding-left:35px; } } @media screen and (max-width:640px){ .textMain .subLinkTabs li{ column-count:1; } .textMain .prostheticsList{ margin:30px 0; } .textMain .prostheticsList ul{ grid-template-columns:repeat(2,1fr); gap:14px; } .textMain .prostheticsList li a{ min-height:185px; padding:23px 13px; border-radius:17px; font-size:16px; line-height:1.4; } .textMain .prostheticsList li a::before{ width:85px; height:85px; top:-42px; left:-32px; } .textMain .prostheticsList li a::after{ width:45px; height:3px; } .textMain .prostheticsList li a img{ width:125px; height:58px; margin-bottom:15px; padding:6px; border-radius:10px; } #Banner h1{ font:600 26px/30px var(--headingFont); } } @media screen and (max-width:500px){ .textMain [class$='Links'] li{ display:block; } .textMain .audubonCtaContent{ display:block; padding:25px 20px; } .textMain .audubonCtaContent::after{ width:180px; height:180px; right:-100px; top:-100px; } .textMain .audubonCtaContent .ctaBadge{ margin-bottom:18px; margin-left:auto; margin-right:auto; } .textMain .audubonCtaContent .ctaMain{ width:100%; } .textMain .audubonCtaContent .ctaEyebrow{ font-size:13px; } .textMain .audubonCtaContent h2{ font-size:25px; } .textMain .audubonCtaContent p{ font-size:16px; line-height:1.6; } .textMain .audubonCtaContent .scheduleMore{ width:100%; margin:20px 0 0; } .textMain .audubonCtaContent .scheduleMore a{ width:100%; min-height:48px; } .textMain .prostheticsList ul{ grid-template-columns:1fr; } .textMain .prostheticsList li a{ min-height:165px; padding:22px 18px; font-size:17px; } .textMain .prostheticsList li a::before{ width:100px; height:100px; top:-50px; left:-38px; } .textMain .prostheticsList li a img{ width:150px; height:62px; margin-bottom:15px; } #Banner h1{ font:600 24px/30px var(--headingFont); } }.textMain .accordion{ padding:10px 0px; } .accordTitle{ position:relative; cursor:pointer; margin:2px 0px; padding:0px; letter-spacing:1px; transition:0.25s ease; } .accordTitle::after{ font-family:'fontello'; position:absolute; right:10px; top:50%; transform:translateY(-50%) rotate(0deg); transition:transform .35s ease; } .accordTitle::after{ content:'\e80b'; } .accordTitle.showAccord::after{ transform:translateY(-50%) rotate(180deg); content:'\e80c'; } .accordTitle a{ display:inline-block; vertical-align:top; } .accordTitle a:hover{ text-decoration:none; } .accordContent{ overflow:hidden; padding:0px; max-height:0px; opacity:0; pointer-events:none; transition:max-height .45s cubic-bezier(.4,0,.2,1),opacity .25s ease; } .accordContent.is-expanded{ padding:0px; max-height:1200px; opacity:1; pointer-events:auto; } .accessible_on .accordTitle, .accessible_on .textMain .accordTitle, .accessible_on .accordContent, .accessible_on .textMain .accordContent{ border:0px; margin:0px; } .accessible_on .accordTitle, .accessible_on .textMain .accordTitle{ padding:10px 0px 5px 0px; border-top:1px dashed var(--fontDark); } .accessible_on .accordTitle a, .accessible_on .textMain .accordTitle a{ padding:0px; } .accessible_on .accordContent, .accessible_on .textMain .accordContent{ display:block; padding:0px 0px 10px 0px; }#Content-Container, #Navigation-Container{ background:#f7fafc; } .textMain .teamIntro{ position:relative; max-width:1000px; margin:0 auto 45px; padding:20px 55px 28px; color:#536572; font:300 25px/40px var(--siteFont); text-align:center; background:var(--fontLight); } .textMain .teamIntro::after{ content:""; position:absolute; left:50%; bottom:0; width:75px; height:3px; border-radius:5px; background:#16778d; transform:translateX(-50%); } .physicianSection{ padding:20px 0 10px 0; } .audubonHead{ font:600 32px/36px var(--headingFont); padding-bottom:36px; color:#171717; } .audubonHead span{ display:block; font:700 13px/17px var(--siteFont); color:var(--themeOneBg); letter-spacing:1px; padding-bottom:2px; text-transform:uppercase; } .physicianWraper{ width:100%; } .textMain .physicianWraper > ul{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; padding:0; margin:0; list-style:none; } .textMain .physicianWraper > ul > li{ background:#fefefe; border-radius:20px; overflow:hidden; display:flex; flex-direction:column; box-shadow:0 8px 25px rgba(0,0,0,.08); padding:0; transition:all 0.2s ease; } .textMain .physicianWraper > ul > li:hover{ transform:translateY(-5px); } .physicainImage{ height:247px; width:100%; overflow:hidden; } .physicainImage img{ width:100%; height:100%; display:block; object-fit:cover; object-position:center top; transition:transform 0.5s ease; } .physicianWraper > ul > li:hover .physicainImage img{ transform:scale(1.04); } .physicianDetails{ padding:20px 22px 22px; display:flex; flex-direction:column; flex:1; } .physicianName{ color:var(--themeOneBg); font:600 20px/24px var(--headingFont); padding-bottom:4px; } .textMain .physicianName a{ color:var(--themeOneBg); display:block; } .textMain .physicianName a:hover{ color:var(--themeFourBg); text-decoration:none; } .physicianFellowship{ color:var(--themeFourBg); font:500 13px/17px var(--headingFont); min-height:34px; display:block; text-transform:uppercase; padding-top:4px; } .physicianLoc{ border-top:1px solid #d8dde3; margin-top:13px; padding-top:14px; color:#53565c; font:400 15px/19px var(--siteFont); display:flex; align-items:center; gap:0px; } .physicianLoc a{ padding:0 4px; } .physicianLoc a:first-child{ border-right:1px solid #ccc; } .physicianLoc::before{ content:''; margin-right:0px; background:url('https://assets.yourpractice.online/3335/physician-loc-icon.png') no-repeat scroll left top; width:14px; height:17px; } .physicianTabs{ margin-top:auto; } .textMain .physicianTabs ul{ padding:0; margin:15px 0 8px; list-style:none; display:flex; gap:8px; } .textMain .physicianTabs li{ list-style:none; padding:0; background:none; font:500 15px/15px var(--siteFont); flex:0 0 100%; } .textMain .physicianTabs ul:has(> li:nth-child(2):last-child) li{ flex:0 0 calc(50% - 4px); } .textMain .physicianTabs a{ border:1px solid #c9d4df; border-radius:8px; text-decoration:none; display:block; padding:14px 10px; color:var(--themeFourBg); } .textMain .physicianTabs a:hover{ background:var(--themeOneBg); color:var(--fontLight); } .textMain .physicianAppoint a{ border-radius:8px; background:var(--themeOneBg); color:var(--fontLight); font:600 15px/15px var(--siteFont); display:block; padding:10px 12px 11px 12px; text-align:center; } .textMain .physicianAppoint a:hover{ background:var(--themeTwoBg); color:var(--fontLight); text-decoration:none; } .textMain .physicianAppoint a::before{ content:''; display:inline-block; vertical-align:middle; width:25px; height:24px; margin-right:6px; background:url(https://assets.yourpractice.online/3335/book-appoint-img.png) no-repeat left center; } .viewphysicianMore{ margin-top:49px; text-align:center; } .viewphysicianMore a{ display:inline-block; padding:18px 30px 18px 30px; border-radius:10px; background:var(--themeOneBg); text-transform:uppercase; color:var(--fontLight); font:500 15px/15px var(--siteFont); letter-spacing:.5px; } .viewphysicianMore a:hover{ color:var(--fontLight); background:var(--themeTwoBg); text-decoration:none; } #Location-Container{ padding-top:90px; } #Location-intra::before{ display:none; } @media screen and (max-width:1200px){ .textMain .physicianWraper > ul{ grid-template-columns:repeat(3,minmax(0,1fr)); } } @media screen and (max-width:900px){ .textMain .physicianWraper > ul{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; } .physicainImage{ height:260px; } .physicianDetails{ padding:20px; } .physicianName{ font-size:19px; line-height:24px; } } @media screen and (max-width:600px){ .textMain .physicianWraper > ul{ grid-template-columns:1fr; gap:20px; } .physicainImage{ height:auto; aspect-ratio:550 / 637; } .physicianDetails{ padding:20px; } .physicianName{ font-size:20px; line-height:25px; } .physicianFellowship{ min-height:auto; font-size:12px; line-height:17px; } .physicianLoc{ font-size:14px; line-height:19px; } .textMain .physicianTabs ul{ flex-wrap:wrap; } .textMain .teamIntro{ padding:20px 25px 28px; font:300 20px/34px var(--siteFont); } .textMain .teamIntro{ padding:20px 30px 28px; font:300 20px/30px var(--siteFont); } } @media screen and (max-width:500px){ .physicianDetails{ padding:18px 16px 20px; } .physicianLoc{ align-items:flex-start; } .physicianLoc a{ padding:0 4px; } .textMain .physicianTabs ul{ gap:6px; } .textMain .physicianTabs a{ padding:9px 8px; } .textMain .physicianAppoint a{ padding:10px 8px; } .audubonHead{ font:600 28px/36px var(--headingFont); padding-bottom:25px; } }: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 4px 2px rgba(255,0,0,0.2); outline-offset:1px; } .accessible_on a:focus-within{ outline:1px solid red; box-shadow:0px 0px 4px 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, .dfw-greyMode #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/3335/hr-b.gif) repeat-x left center; } html[data-theme="dark"] .accessible_on .hr{ background:url(https://assets.yourpractice.online/3335/hr-w.gif) repeat-x left center; } .accessible_on .textMain ul li{ background:url(https://assets.yourpractice.online/3335/bullet-b.gif) no-repeat 5px 15px; } html[data-theme="dark"] .accessible_on .textMain ul li{ background:url(https://assets.yourpractice.online/3335/bullet-w.gif) no-repeat 5px 15px; } .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,.pdf-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 .providerDetails{ padding:79px 20px 120px 20px; } .accessible_on .process-content,.accessible_on .left-content{ top:0; } .accessible_on .providerMore,.accessible_on .patientMore{ margin-bottom:59px; } .accessible_on #Testimonial-intra h3{ padding:68px 0px; } .accessible_on #Location-intra{ padding-top:35px; } .accessible_on .ypoLogo img,.accessible_on .footer-logo img{ background:#000 !important; } .dfw-blackMode .logo img{ background:#fff !important; } .accessible_on [class$="Main"], .accessible_on [class$="Div"]{ 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; } }