/* Theme Name: Massey. Ralph (ralphmasseymd.com) Author: NKP Development Team Description: NKP Medical responsive theme Template: nkpv2 */ /*---- Do Not Remove ----*/ @import "https://static.nkpmedical.com/unsemantic/css/nkp.min.css"; @import "https://use.fontawesome.com/releases/v5.9.0/css/all.css"; @import "https://static.nkpmedical.com/stellarnav/stellarnav.min.css"; @import "https://unpkg.com/aos@2.3.1/dist/aos.css"; @import "https://use.typekit.net/aqw3roa.css"; /*---- Do Not Remove ----*/ /*---- GENERAL ----*/ .mt-auto{margin-top:auto}.mt-0{margin-top:0}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mt-5{margin-top:3rem}.mt-6{margin-top:4rem}.mt-7{margin-top:5rem}.mt-8{margin-top:6rem}.mt-9{margin-top:7rem}.mt-10{margin-top:8rem}.mt-11{margin-top:10rem}.mt-12{margin-top:12rem}.mt-13{margin-top:14rem}.mt-14{margin-top:16rem}.mt-15{margin-top:18rem}.mt-16{margin-top:20rem}.mr-auto{margin-right:auto}.mr-0{margin-right:0}.mr-1{margin-right:.5rem}.mr-2{margin-right:1rem}.mr-3{margin-right:1.5rem}.mr-4{margin-right:2rem}.mr-5{margin-right:3rem}.mr-6{margin-right:4rem}.mr-7{margin-right:5rem}.mr-8{margin-right:6rem}.mr-9{margin-right:7rem}.mr-10{margin-right:8rem}.mr-11{margin-right:10rem}.mr-12{margin-right:12rem}.mr-13{margin-right:14rem}.mr-14{margin-right:16rem}.mr-15{margin-right:18rem}.mr-16{margin-right:20rem}.mb-auto{margin-bottom:auto}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mb-5{margin-bottom:3rem}.mb-6{margin-bottom:4rem}.mb-7{margin-bottom:5rem}.mb-8{margin-bottom:6rem}.mb-9{margin-bottom:7rem}.mb-10{margin-bottom:8rem}.mb-11{margin-bottom:10rem}.mb-12{margin-bottom:12rem}.mb-13{margin-bottom:14rem}.mb-14{margin-bottom:16rem}.mb-15{margin-bottom:18rem}.mb-16{margin-bottom:20rem}.ml-auto{margin-left:auto}.mx-auto{margin:0 auto}.my-auto{margin:auto 0}.ml-0{margin-left:0}.mx-0,.my-0{margin:0}.ml-1{margin-left:.5rem}.mx-1{margin:0 .5rem}.my-1{margin:.5rem 0}.ml-2{margin-left:1rem}.mx-2{margin:0 1rem}.my-2{margin:1rem 0}.ml-3{margin-left:1.5rem}.mx-3{margin:0 1.5rem}.my-3{margin:1.5rem 0}.ml-4{margin-left:2rem}.mx-4{margin:0 2rem}.my-4{margin:2rem 0}.ml-5{margin-left:3rem}.mx-5{margin:0 3rem}.my-5{margin:3rem 0}.ml-6{margin-left:4rem}.mx-6{margin:0 4rem}.my-6{margin:4rem 0}.ml-7{margin-left:5rem}.mx-7{margin:0 5rem}.my-7{margin:5rem 0}.ml-8{margin-left:6rem}.mx-8{margin:0 6rem}.my-8{margin:6rem 0}.ml-9{margin-left:7rem}.mx-9{margin:0 7rem}.my-9{margin:7rem 0}.ml-10{margin-left:8rem}.mx-10{margin:0 8rem}.my-10{margin:8rem 0}.ml-11{margin-left:10rem}.mx-11{margin:0 10rem}.my-11{margin:10rem 0}.ml-12{margin-left:12rem}.mx-12{margin:0 12rem}.my-12{margin:12rem 0}.ml-13{margin-left:14rem}.mx-13{margin:0 14rem}.my-13{margin:14rem 0}.ml-14{margin-left:16rem}.mx-14{margin:0 16rem}.my-14{margin:16rem 0}.ml-15{margin-left:18rem}.mx-15{margin:0 18rem}.my-15{margin:18rem 0}.ml-16{margin-left:20rem}.mx-16{margin:0 20rem}.my-16{margin:20rem 0}.pt-auto{padding-top:auto}.pt-0{padding-top:0}.pt-1{padding-top:.5rem}.pt-2{padding-top:1rem}.pt-3{padding-top:1.5rem}.pt-4{padding-top:2rem}.pt-5{padding-top:3rem}.pt-6{padding-top:4rem}.pt-7{padding-top:5rem}.pt-8{padding-top:6rem}.pt-9{padding-top:7rem}.pt-10{padding-top:8rem}.pt-11{padding-top:10rem}.pt-12{padding-top:12rem}.pt-13{padding-top:14rem}.pt-14{padding-top:16rem}.pt-15{padding-top:18rem}.pt-16{padding-top:20rem}.pr-auto{padding-right:auto}.pr-0{padding-right:0}.pr-1{padding-right:.5rem}.pr-2{padding-right:1rem}.pr-3{padding-right:1.5rem}.pr-4{padding-right:2rem}.pr-5{padding-right:3rem}.pr-6{padding-right:4rem}.pr-7{padding-right:5rem}.pr-8{padding-right:6rem}.pr-9{padding-right:7rem}.pr-10{padding-right:8rem}.pr-11{padding-right:10rem}.pr-12{padding-right:12rem}.pr-13{padding-right:14rem}.pr-14{padding-right:16rem}.pr-15{padding-right:18rem}.pr-16{padding-right:20rem}.pb-auto{padding-bottom:auto}.pb-0{padding-bottom:0}.pb-1{padding-bottom:.5rem}.pb-2{padding-bottom:1rem}.pb-3{padding-bottom:1.5rem}.pb-4{padding-bottom:2rem}.pb-5{padding-bottom:3rem}.pb-6{padding-bottom:4rem}.pb-7{padding-bottom:5rem}.pb-8{padding-bottom:6rem}.pb-9{padding-bottom:7rem}.pb-10{padding-bottom:8rem}.pb-11{padding-bottom:10rem}.pb-12{padding-bottom:12rem}.pb-13{padding-bottom:14rem}.pb-14{padding-bottom:16rem}.pb-15{padding-bottom:18rem}.pb-16{padding-bottom:20rem}.pl-auto{padding-left:auto}.px-auto{padding:0 auto}.py-auto{padding:auto 0}.pl-0{padding-left:0}.px-0,.py-0{padding:0}.pl-1{padding-left:.5rem}.px-1{padding:0 .5rem}.py-1{padding:.5rem 0}.pl-2{padding-left:1rem}.px-2{padding:0 1rem}.py-2{padding:1rem 0}.pl-3{padding-left:1.5rem}.px-3{padding:0 1.5rem}.py-3{padding:1.5rem 0}.pl-4{padding-left:2rem}.px-4{padding:0 2rem}.py-4{padding:2rem 0}.pl-5{padding-left:3rem}.px-5{padding:0 3rem}.py-5{padding:3rem 0}.pl-6{padding-left:4rem}.px-6{padding:0 4rem}.py-6{padding:4rem 0}.pl-7{padding-left:5rem}.px-7{padding:0 5rem}.py-7{padding:5rem 0}.pl-8{padding-left:6rem}.px-8{padding:0 6rem}.py-8{padding:6rem 0}.pl-9{padding-left:7rem}.px-9{padding:0 7rem}.py-9{padding:7rem 0}.pl-10{padding-left:8rem}.px-10{padding:0 8rem}.py-10{padding:8rem 0}.pl-11{padding-left:10rem}.px-11{padding:0 10rem}.py-11{padding:10rem 0}.pl-12{padding-left:12rem}.px-12{padding:0 12rem}.py-12{padding:12rem 0}.pl-13{padding-left:14rem}.px-13{padding:0 14rem}.py-13{padding:14rem 0}.pl-14{padding-left:16rem}.px-14{padding:0 16rem}.py-14{padding:16rem 0}.pl-15{padding-left:18rem}.px-15{padding:0 18rem}.py-15{padding:18rem 0}.pl-16{padding-left:20rem}.px-16{padding:0 20rem}.py-16{padding:20rem 0} html{font-size:16px;-webkit-box-sizing:border-box;box-sizing:border-box} *,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit} body{color:#333;font-family:proxima-nova,sans-serif;font-style:normal;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .main-wrapper{overflow-x:hidden;width:100%;position:relative} a,a:link,a:visited{color:#5f3916;-webkit-transition:all .5s ease;transition:all .5s ease} a,a:hover,a:link,a:visited{text-decoration:none;outline:none} a:hover{color:#b68b5e} ol,ul{clear:both} .fl{float:left} .fr{float:right} .fn{float:none;display:inline-block} .tal{text-align:left} .tar{text-align:right} .tac{text-align:center} .clr-l{clear:left} .clr-r{clear:right} .clear,.clr{clear:both} .nodisp{display:none} h1,h2,h3,h4,h5,h6{font-family:futura-pt,sans-serif;font-weight:300;text-transform:uppercase;line-height:1.1} h1,h2,h3{margin-bottom:2.5rem} h1:after,h2:after,h3:after{content:"";display:block;height:1px;width:100%;max-width:300px;background-color:#5c5c5c;margin:1rem auto 0} h1.left-align:after,h2.left-align:after,h3.left-align:after{margin-left:0} h1{font-style:normal;font-size:2.25rem} h2{color:#5c5c5c;font-size:2rem} h3{color:#5c5c5c;font-size:1.75rem} p{padding-bottom:2rem} li,p{line-height:2rem} ol,ul{margin-bottom:2rem} a.btn,button.btn{font-size:inherit;font-family:futura-pt,sans-serif;letter-spacing:2px;display:inline-block;width:100%;max-width:320px;margin:0 auto;color:#fff;background-color:rgba(0,0,0,.9);border:1px solid rgba(0,0,0,.9);cursor:pointer;text-align:center;text-transform:uppercase;padding:1rem 2rem;-webkit-transition:all .5s ease;transition:all .5s ease} a.btn:hover,button.btn:hover{background:transparent;color:#000} .social a{display:inline-block;margin:0 .5rem;font-size:1.25rem} .stellarnav li>.dd-toggle i{-webkit-transition:none;transition:none} .stellarnav li.open>.dd-toggle i{-webkit-transform:rotate(180deg)!important;transform:rotate(180deg)!important} .stellarnav li.open>a{font-weight:700;text-decoration:underline} .stellarnav.mobile{border:1px solid rgba(0,0,0,.2)} .stellarnav.mobile li.has-sub>ul li a{padding-left:2rem} .stellarnav.mobile .third{width:33.3333%;color:#5f3916;font-weight:300;font-family:futura-pt,sans-serif;padding:25px 15px} .stellarnav.mobile .close-menu{width:100%;color:#5f3916;font-family:futura-pt,sans-serif} .stellarnav.mobile li>a{border-top:1px solid rgba(0,0,0,.08)} .stellarnav.mobile ul{background:none} .stellarnav .dd-toggle{height:51px} .stellarnav .dd-toggle .fa-plus:before{content:"\f078"} .stellarnav ul li a{font-family:futura-pt,sans-serif;color:#5f3916;font-weight:300;text-transform:uppercase} .stellarnav.desktop ul ul{background-color:#fff;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.1);padding:10px} .stellarnav.desktop ul ul a:hover{background-color:#e0eaec} .stellarnav.desktop>ul>li>a{padding:25px 10px} .stellarnav.desktop>ul>li>a:hover{background-color:#e0eaec} /* FORM */ form input,form select,form textarea{font-size:inherit;font-family:inherit;width:100%;margin:0 0 10px;padding:15px;border:none;border-bottom:1px solid #333;background:none;-webkit-transition:all .5s ease;transition:all .5s ease} form input:focus,form select:focus,form textarea:focus{outline:none} form textarea{height:160px} form span.acceptance{margin-top:1rem;display:inline-block} form ::-webkit-input-placeholder{font-style:normal;font-family:inherit;font-size:inherit} form ::-moz-placeholder{font-style:normal;font-family:inherit;font-size:inherit} form :-ms-input-placeholder{font-style:normal;font-family:inherit;font-size:inherit} form ::-ms-input-placeholder{font-style:normal;font-family:inherit;font-size:inherit} form ::placeholder{font-style:normal;font-family:inherit;font-size:inherit} header{padding:1rem 0} header .logo{text-align:center} header .logo img{margin-bottom:1.5rem} header .loc{text-align:center} header .loc p{font-size:1.125rem;font-weight:300;color:#5f3916;font-family:futura-pt,sans-serif;padding-bottom:0;display:inline-block} header .loc p:first-of-type{position:relative} header .loc p:first-of-type:after{content:"";position:absolute;right:0;top:0;bottom:0;margin:auto;width:1px;height:65%;background-color:#5f3916} header .top .cta{margin-bottom:1rem;text-align:center} header .top .btn{display:block;width:100%;max-width:325px;background:none;color:#5f3916;border:1px solid #5f3916;padding:1rem} header .top .btn:hover{background:#5f3916;color:#fff} #banner{background:url(images/banner-main.jpg) no-repeat 50%;background-size:cover;padding:4rem 0} #banner h1{text-transform:uppercase;color:#5c5c5c;margin-bottom:1.5rem} #banner h1:after{content:none} #banner .btn{border:1px solid rgba(0,0,0,.3);background-color:hsla(0,0%,100%,.9);color:#000;display:block;width:100%;max-width:250px;margin:0} #banner .btn:first-of-type{margin-bottom:1rem} #banner .btn:hover{background-color:rgba(0,0,0,.9);color:#fff;border-color:transparent} #banner.internal{background:url(images/banner-internal.jpg) no-repeat 50%;background-size:cover;padding:0;height:300px; display: none;} #main-nav .open-nav a{font-size:2rem;padding:5px 10px} #main-nav .open-nav a:hover{background:none;color:#b68b5e} #main-nav #menu-item-4517{display:none} #side-nav{display:none} #side-nav .overlay{height:100%;overflow-y:scroll;padding:2rem;opacity:0;visibility:hidden;-webkit-transform:translateY(20px);transform:translateY(20px);-webkit-transition:all .5s ease;transition:all .5s ease;-webkit-transition-delay:.4s;transition-delay:.4s} #side-nav .sub-menu{display:none;margin:0 0 0 2rem} #side-nav .close-nav{font-size:4rem;position:relative;top:-1rem;padding:0 15px} #side-nav a{display:inline-block;padding:15px;font-family:futura-pt,sans-serif;font-weight:300;text-transform:uppercase} #side-nav #menu-side-navigation>li{position:relative} #side-nav #menu-side-navigation .toggle{position:absolute;right:0;-webkit-transition:none;transition:none} #side-nav #menu-side-navigation .toggle.active{-webkit-transform:rotate(180deg);transform:rotate(180deg)} .close-overlay{position:fixed;width:100%;top:0;height:100%;z-index:999;background-color:rgba(0,0,0,.1);opacity:0;visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease} .close-overlay.open{opacity:1;visibility:visible} #about{padding:6rem 0} #about .content{background-color:#fff;padding:4rem 1rem} /*#about .content p{padding:0}*/ #about h2{margin-bottom:4rem} #specialties{padding:4rem 0} #specialties .content{background-color:hsla(0,0%,100%,.5)} #specialties .content img{width:100%;margin-bottom:0} #specialties .text{padding:2rem} #specialties .text a{text-transform:uppercase} #specialties .text ul a{padding:.5rem 0} #specialties .text ul a,#specialties .text ul a:after{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center} #specialties .text ul a:after{content:"\f061";font-family:'Font Awesome 5 Free';font-weight:900;margin-left:.5rem;border:1px solid #5f3916;border-radius:50%;width:24px;height:24px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .5s cubic-bezier(.175,.885,.32,1.275);transition:all .5s cubic-bezier(.175,.885,.32,1.275)} #specialties .text ul a:hover:after{border-color:#b68b5e;margin-left:1rem} #dr{padding:0 0 6rem 0} #dr .content{background-color:hsla(0,0%,100%,.5);padding:4rem 2rem} #dr .hide-on-desktop img{display:block;margin:0 auto 2rem} #dr .flex-wrapper, #dr-credentials .flex-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} #dr .flex-wrapper a, #dr-credentials .flex-wrapper a{display:inline-block;margin:1rem} #dr .flex-wrapper a img, #dr-credentials .flex-wrapper a img{margin:0 1rem;max-height: 70px;} #dr .btn{margin-top:2rem} #reviews{padding:4rem 0 6rem} #reviews .content{background-color:#cac4aa;padding:4rem 2rem;text-align:center} #reviews .content p{font-family:futura-pt,sans-serif;text-transform:uppercase;font-size:1.5rem} #reviews .content a{color:hsla(0,0%,100%,.8);text-transform:uppercase} #reviews .content a,#reviews .content a i{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} #reviews .content a i{border-radius:50%;border:1px solid #fff;width:24px;height:24px} #reviews .content a:hover{color:#fff} #reviews .slick-slide{padding:0 .5rem} #reviews .btn{margin-top:4rem} #bxa{padding:4rem 0 10rem} #bxa .grid-100{position:relative;z-index:1} #bxa .grid-100>img{display:none} #bxa .bxa-wrapper{background-color:#fff;padding:2rem 1rem;max-width:600px;margin:0 auto;-webkit-box-shadow:5px 8px 30px rgba(0,0,0,.1);box-shadow:5px 8px 30px rgba(0,0,0,.1)} #bxa .bxa-wrapper .flex-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} #bxa .bxa-wrapper img{display:inline-block} #bxa .bxa-wrapper p{font-family:futura-pt,sans-serif;text-transform:uppercase;text-align:center} #bxa .bxa-wrapper .after p,#bxa .bxa-wrapper .before p{padding-bottom:.5rem} #bxa .procedure{font-size:1.5rem;padding-bottom:0} #contact{padding-bottom:8rem} #contact .grid-container{-webkit-box-shadow:10px 10px 30px rgba(0,0,0,.1);box-shadow:10px 10px 30px rgba(0,0,0,.1)} #contact h2{margin-left:15px} #contact h2:after{content:none} #contact .doc-image{display:none;background:url(images/contact-bg.jpg) no-repeat 50%;background-size:cover;min-height:757px} #contact .content{background-color:#b9e1cd;padding:4rem 15px;min-height:757px} #contact .content .btn{margin-top:2rem} #contact .content form{max-width:480px} footer{padding:5rem 0 2rem} footer .grid-container{max-width:1500px} footer .grid-container .flex-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} footer .grid-container .flex-wrapper img{margin:1rem} footer .social{margin-bottom:1rem} footer .social img{margin-bottom:0} footer p{padding-bottom:.25rem} .main-bg{background:url(images/body-bg.jpg) no-repeat 50%;background-size:cover;overflow-x: hidden;} #main{padding:5rem 0} .bxa-slider .flex-direction-nav { list-style: none!important; display: flex; align-items: center; justify-content: center; } .bxa-slider .flex-prev::before, .bxa-slider .flex-next::before { font-family: 'Font Awesome 5 Free'; font-weight: 900; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: solid 1px #000; font-size: 1.5rem; margin: 1rem .5rem; } .bxa-slider .flex-prev::before { content: '\f060'; } .bxa-slider .flex-next::before { content: '\f061'; } .bxa-slider .before p, .bxa-slider .after p { text-transform: uppercase; padding-bottom: 1rem; text-align: center; } .bxa-slider .procedure { font-size: 1.25rem; text-transform: uppercase; text-align: center; margin-top: 2rem; padding-bottom: 0; } .gallBox { text-align: right; } /* NKP GLOBAL STYLES */ img{border:0} .img-resp,.img-responsive{max-width:100%;height:auto} .img-l,img.alignleft,img.left{float:left;margin:10px 15px 0 0} .img-r,img.alignright,img.right{float:right;margin:10px 0 0 15px} iframe{width:100%;height:400px} .embed-responsive{position:relative;padding-bottom:56.25%;padding-top:25px;height:0;margin-bottom:20px} .embed-responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #ccc} .patient-single{width:50%} .patient-single img{width:96%;height:auto} #content ol { list-style:decimal; margin:0; padding:0 0 0 20px; margin:0 0 15px; } #content ol ol { list-style:lower-alpha ; margin:0; padding:0 0 0 20px; margin:0 0 15px; } #content ol li { margin:0; padding:0; } #content > ul, #content #proc-content > ul{padding-left: 20px} #content ul { list-style:disc; margin:0; margin:0 0 15px; } #content ul li, .content ol li {padding-bottom:3px;} #content ul ul { list-style:circle; margin:0; padding:0 0 0 25px; margin:0; } #content ul ul ul{ list-style:square; margin:0; padding:0 0 0 25px; margin:0; } .resp-wrapper {position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0;} .resp-wrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} /* custom gallery */ /*#patient-listing .patient-entry { float: left; clear: none; width: 44%; border: 2px solid #fff; padding-top: 12px; min-height: 230px; background: transparent; padding: 10px; margin: .5%; border-top: 1px solid #000; position: relative; opacity: 1; transition: opacity 2s linear; box-sizing: border-box; }*/ #patient-listing .patient-entry { float: left; clear: none; width: 32%; padding-top: 12px; min-height: 230px; background: 0 0; padding: 10px; margin: .5%; border-top: 1px solid #000; position: relative; opacity: 1; transition: opacity 2s linear; box-sizing: border-box; } #patient-listing .patient-entry img { opacity: 1; transition: opacity .8s linear; } #patient-listing .patient-listing { width: 100%!important; float: left; } #patient-listing a.patientLink { width: 50%; display: inline-block; text-align: center; } #patient-listing .patientPic { width: 100%; height: 16vh; overflow: hidden; max-height: 250px; } #patient-listing .patient-entry:hover { background: #f8f8f8!important; } #patient-listing .patient-entry:hover img { opacity: .5; } .nav-previous a { float: left; } .nav-next a { float: right; } .nav-next a, .nav-previous a {margin: 40px 0px; width: 200px;} .bigimage.border.odd, .bigimage.border.even { width: 48%; padding: 0; } .bigimage.border.odd::after { content: "Before"; } .bigimage.border.even::after { content: "After"; } .beforeCap, .afterCap { text-transform: uppercase; font-size: 1em; letter-spacing: 10px; font-weight: 700; } .beforeCap { width: 45%; text-align: center; float: left; } .afterCap { width: 45%; text-align: center; float: right; } span.prev-arrow a, span.next-arrow a { width: 100%; max-width: 180px; font-size: 16px; font-family: myriad-pro, sans-serif; letter-spacing: 1px; font-weight: 400; font-style: normal; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; z-index: 998; background: none; padding: .75rem; color: #5f3916; border: 1px solid #5f3916; !important; text-transform: uppercase; } span.prev-arrow a:hover, span.next-arrow a:hover, span.prev-arrow a:focus, span.next-arrow a:focus { background: #292929; color: #fff !important; } span.prev-arrow a { float: left; } span.next-arrow a { float: right; } span.prev-arrow a svg, span.next-arrow a svg { fill: #000; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; width: 30px; display: block; margin: 15px auto 0; } span.next-arrow a svg { -webkit-transform: scale(-1, 1); transform: scale(-1, 1); } .results-disclaimer { text-transform: uppercase; letter-spacing: 2px; font-size: 22px; text-align: center; margin: 50px auto; } .patient-set { float: left; font-size: .85em; font-weight: 700; margin-bottom: 10px; text-align: center; text-transform: uppercase; width: 25%; } .patient-set.selected { color: #cf9e77; } .patient-set { float: left; font-size: 0.85em; font-weight: bold; margin-bottom: 10px; text-align: center; text-transform: uppercase; } .patient-set img.patient-list-image { width: 45%; } .single-patient-navigation { margin-bottom: 30px; text-align: center; position: relative; } .patients-case-number { text-transform: uppercase; letter-spacing: 5px; font-size: 20px; padding: 3rem 0; } #slider h1.gallery-title { text-align: left; font-size: 100px; line-height: 100px; letter-spacing: 20px; color: #000; margin: 160px auto; border: 0; } #main #content h1.patient-header { font-size: 40px; line-height: 40px; text-align: center; letter-spacing: 10px; color: #000; font-weight: 500; margin: 0 auto 40px; padding-bottom: 1rem; } .patient_image_large { background: #FDFDFD; margin: 0 0 50px 0; padding: 30px 10px 0 10px; } .patient_image_large.threeRowSingle img { display: inline-block !important; } .patient_image_large.threeRowSingle .bigimage.border.odd, .patient_image_large.threeRowSingle .bigimage.border.even { width: 30%; padding: 15px; float: left; } #main #content h1.patient-listing-title { font-size: 30px; font-weight: bold; margin-bottom: 37px; } #main #content img.patient-list-image { margin: 3px; max-width: 100%; } #main #content .procedure-parent { margin: 30px 0 0 0; /*! padding: 10px; */ } #main #content .procedure-parent .list ul li a:hover { padding-left: 15px; } #main #content .procedure-parent .list ul { list-style-type: none; } .patient-entry .enlargeBtn { margin: 0 auto; position: absolute; left: 0; top: 42%; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; transition: all .5s ease-out; /*background: rgba(255, 255, 255, 0.68); border: 0;*/ right: 0; max-width: 180px; width: 100%; } .patient-entry:hover .enlargeBtn { visibility: visible; opacity: 1; } #case-frame { max-width: 980px; margin: 20px auto; } .patient-list-image { width: 90%; } .btn-list .btn {margin: 1rem auto;} h3.performed-hed { font-size: 1.55rem; } /* end custom gallery */ #bxa-page {padding:2rem 0 2rem} #bxa-page .grid-100{position:relative;z-index:1} #bxa-page .grid-100>img{display:none} #bxa-page .bxa-wrapper{background-color:#fff;padding:2rem 1rem;max-width:600px;margin:0 auto;-webkit-box-shadow:5px 8px 30px rgba(0,0,0,.1);box-shadow:5px 8px 30px rgba(0,0,0,.1); position: relative} #bxa-page .bxa-wrapper .flex-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} #bxa-page .bxa-wrapper img{display:inline-block; border: 1px solid #e3e2e2;} #bxa-page .bxa-wrapper p{font-family:futura-pt,sans-serif;text-transform:uppercase;text-align:center; padding: 0} #bxa-page .bxa-wrapper .after p,#bxa .bxa-wrapper .before p{padding-bottom:.5rem} #bxa-page .procedure{font-size:1.5rem;padding-bottom:0} #bxa-page .bxa-wrapper a { display: block; color: #fff; height: 100%; width: 100%; top: 0; left: 0; z-index: 1; cursor: pointer; position: absolute; } #bxa-page .bxa-wrapper::before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.01); z-index: 0; transition: all .3s ease-out; } #bxa-page .bxa-wrapper:hover:before { background:rgba(255, 255, 255, 0.3) } h2.noline::after, h3.noline::after { content: ""; display: block; height: 0px; width: 100%; max-width: 300px; background-color: fff; margin: 0; } #content .list ul {list-style: none;} #content .list ul a::before { content: "\f061"; font-family: 'Font Awesome 5 Free'; font-weight: 900; margin-left: .25rem; margin-right: 1rem; border: 1px solid #5f3916; border-radius: 50%; width: 24px; height: 24px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all .5s cubic-bezier(.175,.885,.32,1.275); transition: all .5s cubic-bezier(.175,.885,.32,1.275); } #content .list ul a:hover::before{border-color:#b68b5e;margin-right:.25rem; margin-left: 1rem} .proc-box { background-color: rgba(208, 208, 208, 0.5); } #feat-procs .content { background: rgb(255 255 255 / 47%); padding: 2rem; } .video-container {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin-bottom: 2rem} .video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .bottom-cta { -webkit-box-shadow: 10px 10px 30px rgba(0,0,0,.1); box-shadow: 10px 10px 30px rgba(0,0,0,.1); text-align: center; padding: 20px; background: #fff; } #locations { margin-bottom: 4rem; } input[type="checkbox"] { width: 12px; } #proc-content { background: #fff;padding: 4rem 1rem; } ul.ez-toc-list li {margin: 0 20px !important} ul.ez-toc-list li a {text-transform: uppercase !important;} #ez-toc-container {display: block !important; box-shadow: none !important; margin-top: 1rem;} .gdl-divider { border-bottom: 1px solid #82A9C5; } .gdl-accordion{ margin:0px 0 4rem !important; padding:0px; list-style-type:none !important; cursor:pointer } .gdl-title{ display:block; background:transparent; color:#000; padding:15px; margin-bottom:0px; font-size:16px; font-weight: 400; } .accordion-content{ padding:1.75rem 1rem 0; background: rgba(245, 245, 245, 0.4); margin: 0 0 1rem 0; } .accordion-head-image{ width:15px; display:inline-block; text-align:center; margin-right: 10px; } .accordion-head-image:before{ content:"\f067"; font-family: FontAwesome; font-size: 11px } .open-accordion:before{ content:"\f00d"; transform: rotate(180deg); transition: transform 200ms ease-in-out; font-family: FontAwesome; font-size: 13px } .main-bg #about .flex-wrapper img {border: 1px solid #e8e8e8;} .assoc-cta a.btn {max-width: 420px;padding: 1rem;letter-spacing: 1px;} #main #content .content > a,#main #content .content > a:link,#main #content .content > a:visited,#main #content #proc-content p a, .main-bg #main #content #about .content a{color:#b68b5e;-webkit-transition:all .5s ease;transition:all .5s ease} #main #content .content > a,#main #content .content > a:hover,#main #content .content > a:link,#main #content .content > a:visited, #main #content #proc-content p a:hover, #main #content #proc-content p a:link; #main #content #proc-content p a:visited, #main #content #proc-content p a, .main-bg #main #content #about .content a:hover, .main-bg #main #content #about .content a:link, .main-bg #main #content #about .content a:visited {text-decoration:none;outline:none} #main #content .content > a:hover, #main #content #proc-content p a:hover, .main-bg #main #content #about .content a:hover{color:#5f3916} #main #content .related-links ul {list-style: none;} #main #content .related-links ul li a {text-transform: uppercase;} .testimonial-content { padding: 1rem; } .testimonial-entry { margin-bottom: 2rem; background: #E0EAEC; -webkit-box-shadow: 5px 8px 20px rgba(0,0,0,.1); box-shadow: 5px 8px 20px rgba(0,0,0,.1); }.testimonial-entry h3 { background-color: #cac4aa; padding: .25rem 1rem; } #main #content #proc-content h2::after, #main #content #proc-content h3::after, #main #content #about h3::after { margin: 1rem 0 0; } .single-content { font-size: 1.75rem; font-weight: 600; } .patient-listing a.recon:nth-child(n+2):nth-child(-n+3) { display: none !important; } .flex-wrapper.assoc-logos img { max-height: 100px; } .blog .attachment-thumbnail.size-thumbnail.wp-post-image { float: left; margin: 0 10px 10px 0; } .post-divider { margin-top: 2rem; padding-bottom: 2rem; border-bottom: 1px solid; } .post-divider h2 { text-align: center; } .feat-img.single { text-align: center; } .feat-img.single .attachment-full.size-full.wp-post-image { max-width: 100%; height: auto; margin-bottom: 1rem } #dr-credentials .creds-content { background-color: hsla(0,0%,100%,.5); padding: 4rem 1rem; } #dr-credentials .creds-content P { padding-bottom: .5rem; } /* MEDIA QUERIES */ @media only screen and (max-width: 767px) { .nav-next a, .nav-previous a { padding: 10px; max-width: 170px; } .gallBox { text-align: center; margin-bottom: 2rem; } iframe{width:100%;height:280px} .patient-single{width:100%!important} #specialties .grid-50:first-of-type{margin-bottom:4rem} #banner.internal{display:none} #dr .flex-wrapper{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap} #dr-credentials .flex-wrapper {flex-wrap:wrap;} #dr-credentials .flex-wrapper a img {margin:0 auto 1rem !important;} .main-bg #about .flex-wrapper > div:first-of-type {text-align: center} .main-bg #main #content #dr .flex-wrapper {flex-flow: row !important;} .main-bg #main #about { padding: 6rem 0 0; } .main-bg #main #dr { padding: 0 } } @media only screen and (min-width:768px) { h1{font-size:4rem} h2{font-size:3rem} h3{font-size:2rem} header .top .btn{margin-right:0} header .logo img{margin-bottom:1rem} header .top .grid-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center} #banner{padding:6rem 0} #about .flex-wrapper .grid-50:first-of-type{z-index:2} #about .content{padding:4rem 2rem;position:relative;z-index:1} #about .flex-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center} #about .content:before{content:"";background-color:#fff;position:absolute;width:100vw;height:100%;top:0;left:-8rem;z-index:-1} #specialties .content{min-height:1020px} #dr{padding:0 0 8rem 0} #reviews{padding-bottom:8rem} #bxa .grid-100>img{display:block;position:absolute;z-index:-1} #bxa .grid-100>img:first-of-type{left:0;top:0;bottom:0;margin:auto} #bxa .grid-100>img:last-of-type{right:0;top:0;bottom:0;margin:auto} #contact{padding-bottom:10rem} #contact .doc-image{display:block;background-position-x:-10.5rem} #locations .grid-50.loc1 {padding-right: 10px} #locations .grid-50.loc2 {padding-left: 10px} ul.ez-toc-list {margin: 2rem .5rem; display: -ms-flex; display: flex; justify-content: center; align-items: center;flex-wrap:wrap;} } @media only screen and (max-width:960px) { .gallBox { text-align: center; } .prm-0 { padding-right: 0; } .bottom-cta {margin-bottom: 2rem} .loc1, .loc2 { padding: 0 10px} } @media only screen and (min-width:960px) { #contact .doc-image{background-position-x:center} } @media only screen and (max-width:1024px) and (min-width:768px) { #patient-listing .patient-entry { width: 49% } } @media only screen and (max-width:1024px) { .assoc-cta a.btn {margin-bottom: 1rem} } @media only screen and (min-width:1025px) { header .logo img{margin-bottom:0} header .top .grid-70{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center} header .top .cta{margin-bottom:0} header{padding-bottom:0;position:relative;height:149px} #banner.internal{height:400px} #main-nav nav{position:absolute;background:#fff;width:100%;z-index:999} #main-nav nav.stuck{position:fixed;top:0;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.06);box-shadow:0 5px 10px rgba(0,0,0,.06)} #main-nav #menu-item-4517{display:inline-block} #side-nav{background:#fff;display:block;position:fixed;right:0;top:0;bottom:0;width:550px;max-width:80%;height:100%;z-index:9999;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:all .4s cubic-bezier(.165,.84,.44,1);transition:all .4s cubic-bezier(.165,.84,.44,1)} #side-nav.open{-webkit-box-shadow:-5px 0 10px rgba(0,0,0,.06);box-shadow:-5px 0 10px rgba(0,0,0,.06);-webkit-transform:translateX(0);transform:translateX(0)} #side-nav.open .overlay{visibility:visible;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)} #about{padding:8rem 0} #about .content{padding:6rem 2rem} #dr .grid-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center} #dr .content{position:relative;background:none;z-index:1} #dr .content:before{content:"";position:absolute;background-color:hsla(0,0%,100%,.5);height:100%;width:100vw;right:-8rem;top:0;z-index:-1} #dr .grid-50:last-of-type{z-index:2} #bxa{padding:6rem 0 14rem} #proc-content {padding: 4rem;} } /* Banner adjustments (Noticed top part of the site was being covered up by sticky menu. Pop out menu was also under top nav) */ #toc-bar { margin-top: 150px !important; } #main, #banner { margin-top: 200px!important; } #side-nav { z-index: 99999999999 !important; } @media screen and (max-width: 767px) { #main, #banner { margin-top: 250px!important; } #toc-bar { margin-top: 300px !important; } .main-bg { margin-top: -250px !important; } } /* make a payment form styling */ /* Add $ to number field */ /* Wrap the field container */ #nf-field-6-wrap { position: relative !important; } /* Add $ inside the field */ #nf-field-6-wrap:before { content: "$" !important; position: absolute !important; left: 10px !important; top: 54px !important; transform: translateY(-50%) !important; color: #555 !important; z-index: 2 !important; pointer-events: none !important; } /* Create space so text doesn’t overlap the $ */ #nf-field-6 { padding-left: 22px !important; } .cc-window { z-index: 99999999999999 !important; } #nf-form-1-cont { width: 90% !important; margin: 0 auto !important; } .nf-form-fields-required { margin-bottom: 30px !important; } .cky-consent-container { z-index: 99999999999999999999999 !important; } .wp-call-button { z-index: 99999999 !important; } .cky-consent-container { margin-bottom: 80px !important; } @media screen and (max-width: 595px) { .cky-consent-container { margin-bottom: 90px !important; width: 100% !important; padding-left: 0 5% !important;; z-index: 9999999999999999999999999999999999999999999999999999 !important; } } /* mobile menu drop down fix */ #main-nav { max-width: 90% !important; margin: 0 auto; max-height: 500px !important; overflow:scroll !important; } #toc-bar { display: none !important; } #wpfront-scroll-top-container { display:none !important; } html body { width: 100% !important; overflow-x: hidden !important; } .logo { max-width: 90%; margin: 0 auto; }