@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; } }#Banner-Container, #Welcome-Container, #Service-Container, #Providers-Container, #Orthotic-Container, #Manual-Container, #Testimonial-Container, #Resources-Section{ width:100%; margin:0px; padding:0px; position:relative; } #Banner, #Welcome-intra, #Service-intra, #Providers-intra, #Orthotic-intra, #Manual-intra, #Testimonial-intra, #Resources-intra{ max-width:1200px; min-width:300px; margin:0px auto; padding:0px; position:relative; } #Banner{ height:622px; } #Banner .rslides .slider{ aspect-ratio:3 / 2; background-position:center center; } .bannerDiv{ position:absolute; width:97%; min-width:300px; left:10px; top:71%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); padding:10px; text-align:center; } .bannerHead{ color:var(--fontLight); font:600 48px/52px var(--headingFont); } .bannerText{ font:500 20px/26px var(--siteFont); color:var(--fontLight); letter-spacing:0.3px; padding:10px 0px 40px 0px; } .banner1 .theme-L{ background:url(https://assets.yourpractice.online/3335/banner1-l-bg.png) no-repeat right top; } .banner1 .theme-R{ background:url(https://assets.yourpractice.online/3335/banner1-r-bg.png) no-repeat left top; } .bannerMore a{ background:var(--themeTwoBg); padding:20px 30px; border-radius:10px; font:700 14px/20px var(--siteFont); text-transform:uppercase; display:inline-block; } .bannerMore a:hover{ background:#fff; transform:translateY(-2px); } #Welcome-intra{ padding:94px 0px 102px 0px; text-align:center; } #Welcome-intra h1{ font:700 15px/20px var(--siteFont); color:var(--themeFourBg); text-transform:uppercase; letter-spacing:2px; } #Welcome-intra h1 span{ display:block; font:600 48px/53px var(--siteFont); color:var(--fontDark); letter-spacing:0px; text-transform:none; padding:13px 0px 12px 0px; } .welIntro{ font:600 24px/30px var(--siteFont); color:var(--themeThreeBg); letter-spacing:0.5px; } #Welcome-intra p{ font:400 16px/22px var(--siteFont); color:#191919; } .intro1{ padding:33px 10px 28px 10px; } .intro2{ padding:0px 10px 10px 10px; } .welcomeMore{ padding-top:55px; } .welcomeMore a{ border-radius:10px; background:var(--themeFourBg); color:var(--fontLight); padding:19px 51px 20px 51px; font:500 15px/20px var(--siteFont); text-transform:uppercase; display:inline-block; } .welcomeMore a:hover{ background:var(--themeOneBg); transform:translateY(-2px); } .welcomeCon a{ text-decoration:underline; color:var(--themeThreeBg); font-weight:700; text-underline-offset:6px; } .welcomeCon a:hover{ color:var(--themeFourBg); } #Service-Container{ background:url(https://assets.yourpractice.online/3335/service-bg.jpg) center center no-repeat; height:684px; } .services-wrap{ display:grid; grid-template-columns:390px 396px; gap:5px; justify-content:center; padding-top:105px; } .service-left{ background:url(https://assets.yourpractice.online/3335/service-left-bg.png) no-repeat left center; width:400px; height:494px; } .service-right{ background:url(https://assets.yourpractice.online/3335/service-right-bg.png) no-repeat left center; width:401px; height:494px; } .service-card h2{ font:600 36px/36px var(--siteFont); text-align:center; margin-top:58px; } .service-card h2 span{ display:block; } .service-card ul{ padding:11px 0px 0px 98px; min-height:240px; } .service-card li{ font:400 17px/28px var(--siteFont); border-bottom:1px solid #d2d2d2; background:url(https://assets.yourpractice.online/3335/service-arrow.png) no-repeat left 22px; padding:0px 0px 0px 11px; color:#383b3c; width:210px; letter-spacing:0.9px; } .service-card li:last-child{ border:none; } .service-card li a{ display:block; padding:12px 0 12px 18px; } .service-card li a:hover{ color:var(--themeThreeBg); padding:12px 0 12px 21px; } .exploreMore{ text-align:center; } .exploreMore a{ display:inline-block; justify-self:start; background:var(--themeTwoBg); color:var(--fontDark); text-decoration:none; text-transform:uppercase; padding:15px 33px; border-radius:10px; font:700 14px/20px var(--siteFont); letter-spacing:2px; } .exploreMore a:hover{ background:var(--themeOneBg); color:var(--fontLight); transform:translateY(-2px); } #Providers-Container{ background:url(https://assets.yourpractice.online/3335/our-providers-bg.jpg) no-repeat center; min-height:938px; } #Providers-intra{ padding-top:82px; text-align:center; } #Providers-intra h2{ color:var(--fontLight); font:700 15px/40px var(--siteFont); text-transform:uppercase; letter-spacing:3px; } #Providers-intra h2 span{ display:block; font:600 48px/52px var(--siteFont); text-transform:none; letter-spacing:1px; } .providerWrapper{ position:relative; margin-top:68px; } .providerWrapper .providerImage{ position:absolute; top:-75px; text-align:center; width:100%; } .providerWrapper li{ display:inline-block; vertical-align:top; } .providerBox{ width:348px; background:var(--themeFourBg); text-align:center; border-radius:30px; margin:0 auto; padding:170px 0 0 0; position:relative; } .providerDetails{ padding:56px 20px 30px 20px; } .providerWrapper .nbs-flexisel-item img{ margin:0px; width:280px; height:100%; object-fit:cover; object-position:top center; border:8px solid #fff; border-radius:30px; box-sizing:border-box; } .providerName{ font:600 28px/32px var(--headingFont); padding-bottom:10px; color:var(--fontLight); } .providerName span{ display:block; font:400 16px/20px var(--siteFont); padding:14px 0 8px 0; min-height:62px; } .providerBtns div{ margin:4px 0; } .providerBtns div a{ display:inline-block; padding:17px 26px 18px 26px; border-radius:10px; background:var(--fontLight); border:1px solid var(--fontLight); text-transform:uppercase; color:var(--fontDark); font:600 15px/15px var(--siteFont); min-width:174px; letter-spacing:1px; } .providerBtns .profileMore a{ background:none; border:1px solid #4d94b3; color:var(--fontLight); } .providerBtns .profileMore a:hover{ color:var(--fontDark); background:var(--fontLight); letter-spacing:1.5px; } .providerWrapper .nbs-flexisel-nav-left, .providerWrapper .nbs-flexisel-nav-right{ width:46px; height:46px; } .providerWrapper .nbs-flexisel-nav-left{ left:-20px; } .providerWrapper .nbs-flexisel-nav-right{ right:-20px; } .providerWrapper .nbs-flexisel-nav-left::before, .providerWrapper .nbs-flexisel-nav-right::before{ width:46px; height:46px; content:''; display:block; } .providerWrapper .nbs-flexisel-nav-left::before{ background:url(https://assets.yourpractice.online/3335/spec-l.png) no-repeat 0 0; } .providerWrapper .nbs-flexisel-nav-right::before{ background:url(https://assets.yourpractice.online/3335/spec-r.png) no-repeat 0 0; } .providerMore{ margin-top:59px; text-align:center; } .providerMore a{ display:inline-block; padding:18px 22px; border-radius:10px; background:var(--themeTwoBg); text-transform:uppercase; color:var(--fontDark); font:500 15px/15px var(--siteFont); letter-spacing:1px; } .providerMore a:hover{ background:#fff; transform:translateY(-2px); } .providerWrapper .nbs-flexisel-ul > .nbs-flexisel-item{ padding-top:75px !important; } #Orthotic-Container{ padding:108px 0px 32px 0px; } #Orthotic-intra{ margin:auto; display:grid; grid-template-columns:601px 1fr; align-items:center; gap:75px; } .process-img{ position:relative; } .process-content{ text-align:right; position:relative; top:-81px; } .processHead{ display:block; color:#0b4f7c; text-transform:uppercase; letter-spacing:4px; font:700 15px/15px var(--siteFont); margin-bottom:0px; } .process-content h2{ font:600 48px/52px var(--siteFont); padding:16px 0px 25px 0px; } .process-content p{ text-align:justify; text-align-last:right; font:400 16px/33px var(--siteFont); margin-bottom:27px; } .process-content p:last-child{ margin-bottom:35px !important; } .processMore{ padding-top:14px; } .processMore a{ display:inline-block; padding:16px 35px; background:var(--themeTwoBg); text-decoration:none; text-transform:uppercase; font:500 15px/20px var(--siteFont); border-radius:6px; letter-spacing:0.6px; } .processMore a:hover{ background:var(--themeOneBg); color:var(--fontLight); transform:translateY(-2px); } #Manual-Container{ padding:30px 0px 32px 0px; } #Manual-intra{ margin:auto; display:grid; grid-template-columns:460px 1fr; gap:139px; align-items:center; } .manualHead{ display:block; color:#0b4f7c; text-transform:uppercase; letter-spacing:4px; font:700 15px/15px var(--siteFont); margin-bottom:22px; } .left-content{ position:relative; top:-80px; } .left-content h2{ font:600 48px/48px var(--siteFont); margin-bottom:32px; } .left-content p{ font:400 16px / 32px var(--siteFont); margin-bottom:26px; color:#48484e; } .service-list{ display:grid; grid-template-columns:1fr 1fr; gap:15px 35px; margin-bottom:15px; } .service-list ul{ list-style:none; } .service-list li{ margin-bottom:24px; color:#48484e; font:500 16px / 35px var(--siteFont); background:url(https://assets.yourpractice.online/3335/service-arrow.png) no-repeat left 14px; padding-left:22px; transition:0.3s ease; } .service-list li:hover{ padding-left:25px; } .service-list li a:hover{ color:var(--themeThreeBg); } .serviceMore a{ display:inline-block; padding:16px 35px; background:var(--themeTwoBg); text-decoration:none; text-transform:uppercase; font:500 15px/20px var(--siteFont); border-radius:6px; letter-spacing:0.6px; } .serviceMore a:hover{ background:var(--themeOneBg); color:var(--fontLight); transform:translateY(-2px); } .right-content{ position:relative; } #Testimonial-Container{ background:linear-gradient(to bottom,#fff 0,#fff 468px,#eef0f2 468px,#eef0f2 951px); height:951px; padding-top:36px; } #Testimonial-intra{ text-align:center; } #Testimonial-intra h3{ font:600 48px/55px var(--siteFont); padding-bottom:68px; } .patientMore{ margin-top:58px; text-align:center; } .patientMore a{ display:inline-block; padding:20px 22px; border-radius:10px; background:var(--themeTwoBg); text-transform:uppercase; color:var(--fontDark); font:500 15px/15px var(--siteFont); letter-spacing:1px; } .patientMore a:hover{ background:var(--themeOneBg); color:var(--fontLight); transform:translateY(-2px); } #Resources-intra{ text-align:center; padding:82px 0px 47px 0px; } .resHead{ font:700 15px/41px var(--siteFont); text-transform:uppercase; color:#006592; letter-spacing:4px; } .resHead span{ font:600 48px/53px var(--siteFont); display:block; text-transform:none; color:#000; letter-spacing:0px; } .resList ul{ display:flex; flex-wrap:wrap; justify-content:center; align-items:stretch; gap:20px; list-style:none; padding:59px 0 0; margin:0; } .resList li{ width:calc(27% - 40px); text-align:center; font:700 16px/20px var(--siteFont); position:relative; text-transform:uppercase; min-width:200px; } .resList li a{ display:block; padding:0 20px 0 20px; text-decoration:none; } .resList li span{ display:block; width:55px; height:75px; margin:0 auto; transition:all 0.3s ease; } .resList li::after{ width:1px; height:106px; position:absolute; right:-22px; top:0; background:#d9d9d9; content:''; transition:all 0.3s ease; } .resList li:last-child::after{ background:none; } .res-forms span{ background:url(https://assets.yourpractice.online/3335/patient-forms-icon.png) no-repeat center top; } .res-dev span{ background:url(https://assets.yourpractice.online/3335/device-intructions-icon.png) no-repeat center top; } .res-vid span{ background:url(https://assets.yourpractice.online/3335/educational-videos-icon.png) no-repeat center top; } .res-bill span{ background:url(https://assets.yourpractice.online/3335/bill-payment-icon.png) no-repeat center top; } .res-forms:hover span{ background:url(https://assets.yourpractice.online/3335/patient-forms-icon-h.png) no-repeat center top; } .res-dev:hover span{ background:url(https://assets.yourpractice.online/3335/device-intructions-icon-h.png) no-repeat center top; } .res-vid:hover span{ background:url(https://assets.yourpractice.online/3335/educational-videos-icon-h.png) no-repeat center top; } .res-bill:hover span{ background:url(https://assets.yourpractice.online/3335/bill-payment-icon-h.png) no-repeat center top; } .resList li:hover span{ transform:scale(1.1) rotate(5deg); } @media screen and (max-width:1200px){ #Orthotic-Container{ padding:90px 30px 30px; } #Orthotic-intra{ grid-template-columns:50% 1fr; gap:50px; } .process-content{ top:-40px; } .process-content h2{ font:600 40px/46px var(--siteFont); } #Manual-Container{ padding:30px 30px 32px; } #Manual-intra{ grid-template-columns:45% 1fr; gap:70px; } .left-content{ top:-30px; } .left-content h2{ font:600 40px/46px var(--siteFont); } } @media screen and (max-width:991px){ #Service-Container{ height:auto; min-height:684px; background-position:center center; padding-bottom:70px; } .services-wrap{ grid-template-columns:1fr 1fr; gap:10px; padding:80px 20px 0; } .service-left, .service-right{ width:100%; max-width:400px; margin:0 auto; background-position:left center; background-size:100% 100%; } .service-card h2{ font:600 32px/36px var(--siteFont); margin-top:55px; } .service-card ul{ padding-left:75px; } .service-card li{ width:190px; } .providerWrapper .nbs-flexisel-nav-left{ left:0; } .providerWrapper .nbs-flexisel-nav-right{ right:0; } #Orthotic-Container{ padding:70px 25px 30px; } #Orthotic-intra{ grid-template-columns:1fr 1fr; gap:35px; } .process-content{ top:-20px; } .process-content h2, .left-content h2{ font:600 32px/36px var(--siteFont); } .process-content p{ font-size:14px; line-height:27px; margin-bottom:20px; } .process-content p:last-child{ margin-bottom:25px !important; } .processMore a, .serviceMore a{ padding:14px 28px; } #Manual-Container{ padding:30px 25px; } #Manual-intra{ grid-template-columns:1fr 1fr; gap:40px; } .left-content{ top:0; } .service-list{ gap:10px 20px; } .service-list li{ margin-bottom:10px; } #Testimonial-Container{ color:#eef0f2; } #Testimonial-intra h3{ color:#000; } #Testimonial-Container{ height:auto; padding:30px 0px; } } @media screen and (max-width:767px){ #Resources-intra{ padding:40px 0px; } #Providers-intra{ padding-top:35px; } #Providers-intra h2 span, .resHead span{ font:600 32px / 36px var(--siteFont); } #Service-Container{ height:auto; min-height:0; padding:50px 15px 60px; background:#808080; } .services-wrap{ display:flex; flex-direction:column; align-items:center; gap:25px; padding:0; } .service-left, .service-right{ width:100%; max-width:400px; height:494px; } .service-card ul{ padding:10px 0 0 80px; min-height:235px; } .service-card li{ width:200px; } .exploreMore a{ padding:14px 30px; } #Welcome-intra h1 span{ font:600 34px/39px var(--siteFont); } .welIntro{ font:600 20px / 26px var(--siteFont); } #Welcome-intra p{ font:400 16px/28px var(--siteFont); } #Welcome-intra{ padding:45px 0px; } #Orthotic-intra{ display:grid; grid-template-columns:1fr; gap:30px; align-items:center; } .process-content{ top:27px; text-align:center; } .process-content p{ text-align:center; text-align-last:center; } #Manual-intra{ display:flex; flex-direction:column; } .right-content{ order:1; } .left-content{ order:2; } .left-content h2, .manualHead, .left-content p, .serviceMore{ text-align:center; } .service-list{ grid-template-columns:1fr; gap:0; margin-bottom:15px; } #Testimonial-intra h3{ font:600 34px / 40px var(--siteFont); padding-bottom:30px; color:#000; } #Testimonial-Container{ padding-top:20px; } .resList li::after{ display:none; } .providerWrapper{ margin-top:40px; } #Providers-Container{ min-height:980px; } } @media screen and (max-width:640px){ #Banner-Container{ padding-top:0px; } #Banner{ height:300px; } .bannerHead{ font:600 27px/32px var(--headingFont); } .bannerDiv{ top:69%; background:rgba(255,255,255,0.2); border-radius:10px; } #Banner .rslides .slider{ background-position:-178px 0px !important; } .bannerText{ font:500 16px/21px var(--siteFont); padding:10px 0px; } .bannerMore a{ padding:14px 10px; font:700 13px/13px var(--siteFont); } } @media screen and (max-width:500px){ .resList ul{ gap:20px; } .resList li{ width:auto; min-width:unset; } .locLeft, .locRight{ width:auto; } }: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; } }