.exPatient, .newPatient { text-align: left; background: #f4f4f4 } #Article, #Profile, #Story { max-width: 1200px; min-width: 300px; margin: 0 auto } #Article, #Profile, #Story, .drWeb { min-width: 300px } .drAppoint a, .drMedia, .shareStory { text-transform: uppercase } #Profile, #Story { padding: 0; position: relative } #Content { padding-bottom: 100px } #Profile { padding-bottom: 20px } .drPatient { width: 280px } .drMain, .locTwo>ul>li { width: 50% } .newPatient { padding: 34px 20px 17px 30px } .patHead { font: 500 24px/27px Albra, Helvetica, Arial, sans-serif; padding-bottom: 11px } .locOne>ul>li, .patHead span, .storyText span { display: block } .drMain, .patForms li a { display: inline-block; font: 500 18px/30px Avenir, Helvetica, Arial, sans-serif } .patForms li a { color: #007dc3; position: relative; padding: 5px 25px 5px 5px; text-decoration: underline } .patForms li a::after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: ''; width: 20px; height: 20px; background: url(/images/pdf-icon.png) center center no-repeat } .patForms li a:hover, .patResources li a:hover, .textMain .locList a:hover { color: #04833c; text-decoration: none } .drCall a, .drReview a, .patResources li a, .textMain .teamDiv a:hover { text-decoration: underline } .exPatient { padding: 35px 20px 35px 30px; margin: 15px 0 0 } .patResources li { background: url(/images/bullet-b.png) 5px 15px no-repeat } .drAppoint a, .drMedia a { display: block; background: #00853f } .patResources li a { font: 500 18px/25px Avenir, Helvetica, Arial, sans-serif; color: #007dc3; position: relative; padding: 5px 10px 5px 30px; display: block } .drAppoint { padding: 20px 0; text-align:center; } .drAppoint a { color: #fff; padding: 20px 25px; font: 900 16px/16px Avenir, Helvetica, Arial, sans-serif; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s } .drAppoint a:hover { background: #f4f4f4; color: #111 } .drCall a, .drCall span, .textMain .locCall span { color: #007dc3 } .drCall { font: 500 18px/30px Avenir, Helvetica, Arial, sans-serif; padding: 0 0 10px } .drCall a:hover, .textMain .teamDiv a { text-decoration: none } .drProfile { text-align: right } .table-div.drTable { min-height: 626px } .drMain { vertical-align: top; text-align: left; padding: 0 54px 0 0; min-height: 460px } .drMain h1 { font: 500 48px/50px Albra, Helvetica, Arial, sans-serif; padding-bottom: 18px } .drImg { position: absolute; left: -40px; top: 0; width: 450px } #Article, .drMore, .drWords, .textMain .drResume a, .textMain .teamMain li { position: relative } .drImg img, .slick-slide img { width: 100% } .drMedia { padding: 20px 0; text-align: center } .drBoard, .drCF { padding: 20px 0 0 } .drMedia a { color: #fff; padding: 21px 25px; font: 900 18px/30px Avenir, Helvetica, Arial, sans-serif; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s } .drMedia span, .drMore, .drWeb, .locThree>ul>li, .locTwo>ul>li { display: inline-block; vertical-align: top } .drMedia span { margin-right: 15px; width: 50px; height: 30px; background: url(/images/video-icon.png) center center no-repeat } .drMedia a:hover { background: #039e4c } .drBoard { font: 900 18px/22px Avenir, Helvetica, Arial, sans-serif } .boardList li { font: 500 18px/30px Avenir, Helvetica, Arial, sans-serif; padding: 5px 10px 5px 27px; background: url(/images/bullet-b.png) 5px 17px no-repeat } #Sidebar, .profMore, .shareStory a { background: #00853f } .drReview { font: 900 18px/25px Avenir, Helvetica, Arial, sans-serif; padding: 29px 0 5px } .drReview iframe { font: 500 18px/22px Avenir, Helvetica, Arial, sans-serif } .drReview a { color: #007dc3; display: block; padding-bottom: 3px } .drReview a:hover { text-decoration: none; color: #04833c } .drRating { font: 500 18px/30px Avenir, Helvetica, Arial, sans-serif } .drHead, .textMain .locHead { font: 900 20px/24px Avenir, Helvetica, Arial, sans-serif } .drRating img { vertical-align: baseline } #Article { padding: 0 20px 20px } .textMain { padding: 0 } #Sidebar { width: 220px; padding: 40px 20px; position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; left: 0; top: 150px; z-index: 10; float: left } .drHead { color: #fff; padding-bottom: 16px } .drList li { color: #fff; font: 400 17px/25px Avenir, Helvetica, Arial, sans-serif; padding: 8px 0 } .drList li a { background-image: linear-gradient(to right, #fff 0, #fff 100%); background-repeat: no-repeat; background-position: 50% 100%; background-size: 0 1px; text-decoration: none; transition: background .2s ease-in-out } .drMore, .profMore { -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s } .drList li a:hover { background-size: 100% 1px; text-decoration: none } .teamMain, .textMain .locList { padding: 10px 0 } .textMain .locList>ul { font-size: 0px; margin: 0; padding: 0 } .drWords, .textMain .eduList h4 { font: 900 24px/30px Avenir, Helvetica, Arial, sans-serif } .textMain .locList>ul>li { background: 0 0; font: 500 17px/26px Avenir, Helvetica, Arial, sans-serif; margin: 0; padding: 0 0 20px; min-width: 250px } .locThree>ul>li { width: 33.3% } .locMain { width: 85% } .textMain .locList li ul { margin: 0; padding: 10px 0 } .textMain .locList li li { background: 0 0; list-style: none } .textMain .locList a { color: #007dc3; text-decoration: none } .profMore, .textMain .profMore a { color: #fff } .textMain .locHead { color: #007dc3; padding: 0 0 12px } .textMain .locAdd, .textMain .locCall, .textMain .locFax { padding: 0 0 5px } .drVideos { padding: 24px 0 } .profMore { padding: 40px 55px; margin: 50px 0; transition: .2s } .profMore:hover { background: #068e46 } .drMore { padding: 0 30px 0 0; transition: .2s } .drMore::after, .profMore:hover .drMore::after { -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s } .drMore::after { position: absolute; right: 15px; top: 52%; transform: translateY(-50%); content: '\f105'; font-family: fontello; font-weight: 400; transition: .2s } .profMore:hover .drMore::after { right: 5px; transition: .2s } .drWeb { padding: 0 } .textMain .audioContent ul, .textMain .drWeb ul, .textMain .teamMain ul { margin: 0; padding: 0 } .textMain .drWeb li { margin: 0; padding: 0; background: 0 0 } .drWords { padding: 60px 0 20px 70px } .drName, .teamHead span { display: block; font: 500 18px/20px Avenir, Helvetica, Arial, sans-serif } .drWords::before { position: absolute; content: ''; width: 50px; height: 40px; background: url(/images/quote.png) center center no-repeat; left: 0; top: 45px } #Story, #Story .theme-L, #Story .theme-R { background: #f4f4f4 } .drName { padding: 20px 0 0 } .teamDiv, .textMain .drResume a, .textMain .teamMain li { display: inline-block; vertical-align: top } .textMain .teamMain li { margin: 0; padding: 10px 0; width: 49%; min-width: 400px; text-align: right; background: 0 0; min-height: 200px } .teamDiv { text-align: left; width: 60%; font: 500 16px/30px Avenir, Helvetica, Arial, sans-serif } .teamHead, .textMain .videoCaption { font: 900 18px/30px Avenir, Helvetica, Arial, sans-serif } .teamImg { position: absolute; z-index: 1; left: 0; top: 10px } .teamHead { padding-bottom: 10px; color: #007dc3 } .teamHead span { color: #111; padding-top: 10px } .textMain .eduList h4 { padding: 15px 0 5px } .addStory a::after, .drResume a::after { right: 5px; top: 55%; content: '\f105'; font-weight: 400 } .drResume { padding: 21px 0 20px; font-weight: 900 } .textMain .drResume a { padding: 0 20px 0 0; text-decoration: none } .drResume a::after { position: absolute; transform: translateY(-50%); font-family: fontello; -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s; transition: .2s } .addStory a:hover::after, .textMain .drResume a:hover::after { right: 0 } .textMain .resp-tabs-list.medTab, .textMain .resp-tabs-list.mediaTab, .textMain .resp-tabs-list.pubTab { text-align: left; margin: 0; padding: 0 } .textMain .resp-tabs-list.medTab li, .textMain .resp-tabs-list.mediaTab li, .textMain .resp-tabs-list.pubTab li { font: 500 24px/30px Avenir, Helvetica, Arial, sans-serif; margin: 0; padding: 0 } .resp-tabs-list li a, .textMain .resp-tabs-list li a { padding: 30px; position: relative } .resp-tabs-list li a::after, .textMain .resp-tabs-list li a::after { position: absolute; right: 0; top: 50%; width: 1px; height: 18px; content: ''; background: #bababa; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%) } .Videos_nav span, .popDiv, .textMain .resp-tabs-list.medTab li:last-child a::after, .textMain .resp-tabs-list.mediaTab li:last-child a::after, .textMain .resp-tabs-list.pubTab li:last-child a::after { display: none } .addStory a, .regular li, .shareStory a { display: inline-block } .textMain .pubTab.resp-tabs-list li span { position: relative; padding-bottom: 40px } .textMain .medTab.resp-tabs-list li span, .textMain .mediaTab.resp-tabs-list li span { position: relative; padding-bottom: 35px } .textMain .medTab.resp-tabs-list li.resp-tab-active a::before, .textMain .mediaTab.resp-tabs-list li.resp-tab-active a::before, .textMain .pubTab.resp-tabs-list li.resp-tab-active a::before { width: 70%; left: 50%; bottom: 0; height: 5px; background: #008540; content: ''; position: absolute; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%) } .textMain .medTab.resp-tabs-list h2.resp-tab-active a, .textMain .mediaTab.resp-tabs-list h2.resp-tab-active a, .textMain .pubTab.resp-tabs-list h2.resp-tab-active a { background: #008540; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s } .textMain .medTab.resp-tabs-list li.resp-tab-active::before, .textMain .mediaTab.resp-tabs-list li.resp-tab-active::before, .textMain .pubTab.resp-tabs-list li.resp-tab-active::before { border-top: 10px solid #008540; border-left: 10px solid transparent; border-right: 10px solid transparent; bottom: -8px; display: none } .textMain .medTab .resp-arrow, .textMain .mediaTab .resp-arrow, .textMain .pubTab .resp-arrow { border-top: 10px solid #008540 } .textMain .medTab .resp-tab-active .resp-arrow, .textMain .mediaTab .resp-tab-active .resp-arrow, .textMain .pubTab .resp-tab-active .resp-arrow { border-bottom: 10px solid #111 } .textMain .medTab h2, .textMain .medTab.resp-tabs-list h2, .textMain .mediaTab h2, .textMain .mediaTab.resp-tabs-list h2, .textMain .pubTab h2 { border-bottom: 1px solid #008540 } .textMain .resp-tabs-list.medTab a, .textMain .resp-tabs-list.mediaTab a, .textMain .resp-tabs-list.pubTab a { color: #111 } .resp-tabs-container.pubTab { -webkit-box-shadow: 0 0 23px 0 rgba(185, 182, 182, .75); -moz-box-shadow: 0 0 23px 0 rgba(185, 182, 182, .75); box-shadow: 0 0 23px 0 rgba(185, 182, 182, .75); padding: 20px 30px } #Publications { padding-bottom: 86px } .pubMain { max-height: 500px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #000000 #aaaaaa } #Media { padding: 11px 0 0 } #Media .videoBorder { width: 100%; margin: 0 auto } #Media .videoBorder iframe { border: none } #Media .resp-tabs-list li a, #Media .textMain .resp-tabs-list li a { padding: 10px 29px 35px } .resp-tabs-container.medTab, .resp-tabs-container.mediaTab { padding: 50px; background: #f4f4f4 } .textMain .videoCaption { padding: 25px 0 0 } #Story { min-height: 439px; padding: 80px; text-align: center } .storyHead { color: #111; font: 500 42px/50px Albra, Helvetica, Arial, sans-serif; padding-bottom: 20px } .storyText { font: 500 18px/30px Avenir, Helvetica, Arial, sans-serif; padding: 0 0 20px } .shareStory { padding: 12px 0 24px; font: 900 16px/30px Avenir, Helvetica, Arial, sans-serif } .shareStory a { vertical-align: top; color: #fff; padding: 15px 25px; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s } .shareStory a:hover { background: #029c4b; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s } .addStory { font: 600 18px/30px Avenir, Helvetica, Arial, sans-serif } .addStory a { position: relative; padding: 5px 20px 5px 0; color: #007dc3 } .addStory a::after { position: absolute; transform: translateY(-50%); font-family: fontello; -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s; transition: .2s; font-size: 20px } .pb-0 { padding-bottom: 0 !important } .pt-0 { padding-top: 0 !important } .mb-3 { margin-bottom: 3% } .Videos_nav { position: absolute; z-index: 20; display: block; width: 35px; height: 70px; bottom: 24px; text-align: center; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; padding: 10px 4px } #media, .Wrapper, .popFrame { position: relative } .popFrame, .popFrame iframe { z-index: 1; width: 100%; margin: 0 } .Videos_nav.slidePrev { right: 70px; border-left: 1px solid #aaa; text-align: right } .Videos_nav.slideNext { right: 35px; border-right: 1px solid #aaa; text-align: left } .Videos_nav.slideNext::before, .Videos_nav.slidePrev::before { font-family: fontello; font-size: 24px; line-height: 50px } .Videos_nav.slidePrev::before { content: '\e80e' } .Videos_nav.slideNext::before { content: '\e810' } .textMain .Videos_nav { color: #111; text-decoration: none } #biography { padding: 45px 0 0 } #publications-and-more { padding-bottom: 40px } #media { padding-top: 40px } .textMain .audioContent li { margin: 0; padding: 10px 0; background: 0 0; border-top: 1px dashed #d4d4d4 } .textMain .audioContent li:first-child { border-top: 0 } .textMain .audioContent h3, .textMain .audioContent h4 { padding-top: 0 } .textMain .audioContent audio { border: 1px solid #ccc; background:#f1f3f4; } .mediaMain { height: 540px } .mediaMain #drVideo iframe { width: 100%; height: 90%; border: 4px solid #333; margin: 0; padding: 0 } .slider { margin: 0 auto; font-size: 0px } .slick-slide { margin: 0 20px; transition: .3s ease-in-out; opacity: .2 } .slick-next:before, .slick-prev:before { color: #000 } .slick-active { opacity: .5 } .slick-current { opacity: 1 } .Wrapper { height: 700px } .popFrame { padding: 56% 0 0 } .popFrame iframe { height: 100%; border: 0; padding: 0; position: absolute; top: 0; left: 0 } .popClose { padding-bottom: 10px; font: 800 24px/24px Avenir, Helvetica, Arial, sans-serif } .popFrame h3 { text-align: left; font: 900 24px/30px Avenir, Helvetica, Arial, sans-serif; padding: 15px 0; margin: 0 } .popClose a, .popClose a:hover { color: #000; text-decoration: none } .textMain .regular ul { margin: 0px; padding: 0px; font-size: 0px; } .textMain .regular li { font: 400 16px/23px Avenir, Helvetica, Arial, sans-serif; vertical-align: top; width: 33%; position: relative; background: none; margin: 0px; padding: 9px; } .regular li a { text-decoration: none; color: #000; padding: 10px; display: block } .regular.slider li a::after { content: ''; width: 50px; height: 35px; background: url(/images/vplay-ico.png) no-repeat; position: absolute; left: 0; right: 0; top: -50px; bottom: 0; margin: auto } .regular.slider li span { padding: 10px 5px; display: block } .regular.slider li img { border: 2px solid #ccc } @media screen and (max-width:1050px) { .regular li { width: 50% } } @media screen and (max-width:550px) { .slider { text-align: center } .regular li { width: 100%; min-width: 300px } .regular li span { max-width: 310px; margin: 0 auto; text-align: left } } @media screen and (max-width:1650px) { #Article { padding: 0 20px 20px 70px } } @media screen and (max-width:1550px) { #Article { padding: 0 20px 20px 140px } } @media screen and (max-width:1450px) { #Article { padding: 0 20px 20px 180px } } @media screen and (max-width:1350px) { #Article { padding: 0 20px 20px 210px } } @media screen and (max-width:1200px) { #Article { padding: 0 20px 20px 240px } .drImg { width: 420px } #Profile { padding: 0 10px } } @media screen and (max-width:1146px) { .resp-tabs-list li a, .textMain .resp-tabs-list li a { padding: 24px } } @media screen and (max-width:1100px) { .drImg { width: 420px; left: 10px } .drMain, .drWeb { padding: 0 } .drMain h1 { font: 500 40px/50px Albra, Helvetica, Arial, sans-serif; padding-bottom: 20px } .drPatient, .drProfile { display: block } .drProfile { min-height: 460px } .drPatient { width: auto } .drAppoint, .drCall { display: inline-block; vertical-align: middle } .textMain .resp-tabs-list.medTab li, .textMain .resp-tabs-list.mediaTab li, .textMain .resp-tabs-list.pubTab li { font: 500 20px/30px Avenir, Helvetica, Arial, sans-serif } .profMore { padding: 40px } .drAppoint { padding: 20px 5px } .patDiv { display: grid; grid-template-columns: 1fr 1fr; column-gap: 30px } .exPatient, .newPatient { padding: 20px; margin: 0 } .mediaMain { height: 480px } } @media screen and (max-width:1000px) { .profMore { padding: 30px } .textMain .locList li { min-width: 226px } #Media .resp-tabs-list li a, #Media .textMain .resp-tabs-list li a, .resp-tabs-list li a, .textMain .resp-tabs-list li a { padding: 13px 24px } .mediaMain { height: 420px } } @media screen and (max-width:900px) { .drMain { width: 100% } .drImg { position: relative; width: auto; left: auto; padding-bottom: 20px; display: inline-block; vertical-align: top } .profMore { padding: 20px } .textMain .eduList h4 { font: 900 20px/30px Avenir, Helvetica, Arial, sans-serif } .textMain .resp-tabs-list.medTab li, .textMain .resp-tabs-list.mediaTab li, .textMain .resp-tabs-list.pubTab li { font: 600 18px/30px Avenir, Helvetica, Arial, sans-serif } .resp-tabs-list li a, .textMain .resp-tabs-list li a { padding: 13px 11px 13px 12px } .mediaMain { height: 380px; padding-bottom: 50px } .Videos_nav { bottom: 0 } .Videos_nav.slideNext { right: 0 } .Videos_nav.slidePrev { right: 35px } } @media screen and (max-width:800px) { #Sidebar { display: none } #Article { padding: 20px } .resp-tabs-container.medTab, .resp-tabs-container.mediaTab, .resp-tabs-container.pubTab { padding: 10px } .boardList li { display: inline-block } .drReview { padding: 15px 0 5px; height: 130px } .drWords { padding: 20px 0 20px 65px } .drCall { padding: 20px 0 0 12px } .drImg { width: 340px } .drProfile { min-height: 475px } .textMain .locList>ul>li { width: 49% } #Content { padding-bottom: 10px } .textMain h2.resp-accordion, h2.resp-accordion { font: 500 22px/40px Albra, Helvetica, Arial, sans-serif } .resp-tabs-container.medTab, .resp-tabs-container.mediaTab { background: 0 0; -webkit-box-shadow: 0 0 23px 0 rgba(185, 182, 182, .75); -moz-box-shadow: 0 0 23px 0 rgba(185, 182, 182, .75); box-shadow: 0 0 23px 0 rgba(185, 182, 182, .75) } #Profile { padding: 30px 10px 0 } .mediaMain { height: 520px } .mediaMain #drVideo .slider, .textMain .mediaMain #drVideo .slider { padding-bottom: 30px } } @media screen and (max-width:700px) { .drMain { display: block; width: auto; padding: 10px 20px 20px } .drImg { position: relative; left: 0 } .drVideos { padding: 0 } .profMore { padding: 40px 55px } .textMain .teamMain li { min-height: 172px } .drResume { padding: 13px 0 23px } #Publications { padding-bottom: 12px } #Story { min-height: 363px; padding: 40px 80px } .mediaMain { height: 460px } } @media screen and (max-width:640px) { .patDiv { grid-template-columns: 1fr } .Videos_nav.slideNext::before, .Videos_nav.slidePrev::before { line-height: 30px } .Videos_nav { bottom: 0; height: 50px } .Videos_nav.slidePrev { right: 35px } .Videos_nav.slideNext { right: 0 } .exPatient, .newPatient { display: block; width: 100%; min-height: inherit; margin: 10px 0 } .textMain .eduList h4 { font: 900 18px/20px Avenir, Helvetica, Arial, sans-serif } .textMain .locList>ul>li { width: 100% } .mediaMain { height: 420px } } @media screen and (max-width:540px) { .mediaMain { height: 380px } } @media screen and (max-width:480px) { .textMain .drWeb li { padding: 10px; word-break: break-all } .audioContent audio { margin-left: 0; width: 100% } .textMain .locList li { padding: 0 0 10px } .exPatient, .newPatient { padding: 20px 20px 20px 30px } .patHead { padding-bottom: 9px } .patForms li a { padding: 5px 25px 5px 0 } .teamMain, .textMain .locList { padding: 0 } .profMore { padding: 20px 16px; margin: 14px 0 } .drWords { font: 900 19px/27px Avenir, Helvetica, Arial, sans-serif } .drMain h1 { font: 500 30px/40px Albra, Helvetica, Arial, sans-serif; } .drImg, .teamDiv { width: 300px; text-align: center; } .drImg img { width: 200px; height: auto; } .drMedia { padding: 5px 0px 0px 0px; } .drMedia a { padding: 15px 6px; font: 900 15px/28px Avenir, Helvetica, Arial, sans-serif } #Story { padding: 25px 20px; min-height: 344px; text-align: left } .shareStory { padding: 12px 0 14px } .addStory { font: 600 16px/30px Avenir, Helvetica, Arial, sans-serif } .addStory a::after { top: 50% } .teamImg { position: static; padding: 9px 0 } .scheduleMain a::after { top: 2px; right: 0px } .scheduleMain { padding: 0; max-width: 300px; text-align: center; margin: 0px auto; } .Videos_nav.slideNext::before, .Videos_nav.slidePrev::before { display: block; font-size: 18px; text-align: center } .textMain .videoCaption { padding: 10px 0 20px } #Profile { padding: 0px 10px 0; } .drMain { padding: 10px 5px 20px; } #media { padding-top: 5px; } .storyHead { font: 500 30px/34px Albra, Helvetica, Arial, sans-serif; } #biography { padding: 5px 0px; } .drReview { height: auto; } } /* Added star rating designs */ @import url('https://fonts.googleapis.com/css?family=Raleway&display=swap'); html, body { margin: 0; font-family: Avenir, Arial, sans-serif; font-size: 16px; text-align: left; } .star-ratings-css { unicode-bidi: bidi-override; color: #c5c5c5; font-size: 16px; height: 16px; position: relative; padding: 0; display: inline-block; margin: 0px 5px; } .star-ratings-css-top { color: #FFB300; padding: 0; position: absolute; z-index: 1; display: block; top: 0; left: 0; overflow: hidden; } .star-ratings-css-bottom { padding: 0; display: block; z-index: 0; } .inline-block { display: inline-block; font-weight: normal; } span.addressCountry, span.bestRatingSlash, span.bestRating { display: none; } /* Added star rating designs */