/* * Theme Name: Ortho Illinois * Theme URI: http://orthoillinois.com/ * Description: Developed by SocialDoctor * Author: SocialDoctor * Author URI: http://www.socialdoctor.com/ * Version: 1 */ /* Site Wide */ body { font-family: "proxima-nova"; background-color: #fafafa } [data-toggle="tooltip"]:hover { cursor: pointer } a { cursor: pointer } a:hover, a:visited, a:focus { text-decoration: none } .category-title { color: #137d79; text-transform: uppercase; font-size: 0.9375rem; letter-spacing: 0.0625rem; margin-bottom: 23px; display: block; font-weight: 500 } .contentWrapper { padding: 3.75rem 0 } .expand-width { width: 100% } .expand-width > .img-fluid { width: 100% } .alignright { float: right; display: inline-block; margin-left: 30px } .alignleft { float: left; display: inline-block; margin-right: 30px } .aligncenter { display: block; margin: 0 auto } .iframe-map { max-width: 100%; height: 450px } .pano-videos canvas { max-width: 100% !important; height: auto } .add-divider { border-top: 1px solid #EEE; margin-top: 20px; padding-top: 20px } .hidden-all { display: none !important } .container-fluid { max-width: 1380px } .btn-link:hover { text-decoration: none } .dropdown-item { white-space: normal } .dropdown-toggle::after { width: 14px; height: 20px; content: ""; border-top: 0 solid; border-right: 0 solid transparent; border-bottom: 0; border-left: 0 solid transparent; background-image: url('images/d-arrow-white.svg'); background-repeat: no-repeat; background-size: 19%; margin-left: 0; background-position: bottom center; margin-top: 2px } .dropdown-menu { border: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) } .dropdown-divider { margin: 0 25px !important } .iframeWrapper { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; margin-bottom: 40px } .iframeWrapper > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% } #alertMessage { background-color: RGB(212, 106, 27); height: auto; padding: 2px } #alertMessage p { color: #FFF; font-size: 1rem; text-align: center } #alertMessage a { color: #FFF } #supHeader { background: rgba(13, 166, 125, 1); background: -moz-linear-gradient(left, rgba(13, 166, 125, 1) 0%, rgba(0, 153, 112, 1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(13, 166, 125, 1)), color-stop(100%, rgba(0, 153, 112, 1))); background: -webkit-linear-gradient(left, rgba(13, 166, 125, 1) 0%, rgba(0, 153, 112, 1) 100%); background: -o-linear-gradient(left, rgba(13, 166, 125, 1) 0%, rgba(0, 153, 112, 1) 100%); background: -ms-linear-gradient(left, rgba(13, 166, 125, 1) 0%, rgba(0, 153, 112, 1) 100%); background: linear-gradient(to right, rgba(13, 166, 125, 1) 0%, rgba(0, 153, 112, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0da67d', endColorstr='#009970', GradientType=1) } #supHeader .container-fluid .row { height: 70px } #supHeader ul.nav { margin-left: -16px; margin-right: -12px } #supHeader ul li { color: #FFF; font-size: 1rem; letter-spacing: 0.5px } #supHeader ul li a { color: #FFF; padding: 7px 11px } #supHeader ul li a.dropdown-toggle::after { display: none } #supHeader ul div.dropdown-menu { background-color: #0eb98b; margin-top: 0.875rem; border: 0 none; padding: 20px 0; width: 300px; z-index: 99999999; transform: translate3d(0px, 46px, 0px) !important; top: 0px; left: -65px !important; right: 0px; margin: 0px auto } #supHeader ul div.dropdown-menu::after { content: '▲'; width: 15px; height: 5px; position: absolute; left: 0; right: 0; top: -24px; margin: 0 auto; color: rgb(14, 185, 139); font-size: 20px; text-shadow: 0px -3px 5px rgba(0, 0, 0, 0.05); transform: scale(1.8, 1.1) } #supHeader .left-edge .dropdown-menu { left: -25px !important } #supHeader .left-edge .dropdown-menu::after { left: -60px !important } #supHeader ul div.dropdown-menu a { color: #FFF } #supHeader .dropdown-item { padding: 5px 30px } #supHeader .dropdown-item:hover, #supHeader .dropdown-item:focus { background-color: transparent } #supHeader .dropdown:hover > .dropdown-menu { display: block } #header { position: relative; z-index: 999999; background-color: #FFF } #header .container-fluid .row { height: 150px } #header ul.nav > li { font-size: 1.125rem; padding: 1rem 0; position: relative } #header ul.nav li a { color: #454545 } #header ul.nav > li a.nav-link { padding: 0 23px } #header ul.nav li.contactBtn { background-color: #D46A1B; border: 0 none; height: 50px; margin-top: 9px; margin-left: 33px; line-height: 1.1; border-radius:0 !important; } #header ul.nav li.contactBtn > a { color: #FFF; width: 150px; text-transform: uppercase; font-size: 0.9375rem; letter-spacing: 1px } #header ul.nav li.contactBtn li { text-align: left } .sub-menu { display: none; list-style: none } #header ul.nav > li:hover > .sub-menu { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); display: block } #header ul.nav > li > .sub-menu { background-color: rgb(255, 255, 255); border-radius: 5px; left: 0; position: absolute; top: 70px; right: 0; width: 300px; margin: 0 auto 0 -80px; padding: 30px 0; list-style: none } #header ul.nav li .sub-menu::after { content: '▲'; width: 100%; height: 26px; position: absolute; left: 0; right: 0; top: -24px; margin: 0 auto; color: rgb(255, 255, 255); font-size: 20px; text-shadow: 0px -3px 5px rgba(0, 0, 0, 0.05); text-align: center } #header ul.nav li .sub-menu li { padding: 0 !important; letter-spacing: 0.5px; font-size: 1rem } #header ul.nav li .sub-menu li:hover { background-color: #EEE } #header ul.sub-menu li a { color: #676767; text-transform: none; border-bottom: 1px solid RGB(238, 238, 238); margin: 0 30px; padding: 7px 0 !important } #header ul.nav li .sub-menu li:last-child a { border-bottom: 0 none !important } #header ul.nav li .sub-menu li .sub-menu { background-color: #FFF; padding-left: 0 } #header ul.nav li .sub-menu li:hover .sub-menu { display: block } #main_nav_wrapper.bundled-pricing ul.nav > li a.nav-link { padding: 0 7px } .sliderContainer .dropdownMenuButton { width: 375px; height: 50px; background-color: #00a176; color: #FFF; text-align: left; vertical-align: middle; padding: 0 } #dropdownMenuButton { width: 358px; position: relative; color: #666; background-color: #FFF; text-align: left; padding: 10px 25px; border: 0 none } #dropdownMenuButton span { color: #007167; text-transform: uppercase; font-size: 0.9375rem; letter-spacing: 1px; font-weight: 500 } .sliderContainer { position: relative } .sliderContainer .dropdownMenuButton span { background-color: #FFF; color: #666; width: 85%; display: block; height: 100%; vertical-align: middle; padding-top: 11px } .sliderContainer .dropdown-toggle::after { background-position: center center; margin-top: 0 !important; background-color: #009970; padding: 26px 35px; position: absolute; right: -2px; top: -1px; border-radius: 0 3px 3px 0 } .sliderContainer .dropdown-menu { width: 100%; max-width: 358px; transform: translate3d(0, 54px, 0px) !important } .sliderContainer .dropdown-item { color: #676767; padding: 0.8125rem 1.5rem; letter-spacing: 0.5px } .sliderContainer .dropdown-item:hover, .sliderContainer .dropdown-item:focus { background-color: #EEE } .sliderContainer .dropdown-wrapper { position: absolute; z-index: 99; bottom: 33%; text-align: left; left: 0; right: 0 } .sliderContainer .dropdown { width: 100%; max-width: 385px } .sliderContainer .dropdown .dropdown-toggle::after { margin-top: 3px; height: 27px } .sliderContainer .dropdown-menu { width: 100%; transform: translate3d(0, 54px, 0px) !important; padding: 0 } .sliderContainer .btn.dropdown-toggle { width: 75px; height: 50px; background-color: #00a176; color: #FFF; text-align: center } .sliderContainer .btn.dropdown-toggle:hover { cursor: pointer } .sliderContainer .dropdown-menu .dropdown-divider { margin: 0 } .sliderContainer .dropdown-item { color: #676767; padding: 0.8125rem 1.5rem; letter-spacing: 0.5px } .sliderContainer .first-line { display: block; font-size: 3.75rem; line-height: 1.1; font-weight: 500; line-height: 1.1 } .sliderContainer .scrollTo { position: absolute; right: 75px; bottom: 13%; z-index: 99999999999999 } .sliderContainer .scrollTo a { color: #FFF; font-size: 1.125rem; letter-spacing: 1px } .sliderContainer .scrollTo a:after { content: ""; width: 14px; height: 27px; background: url('images/arrow-down.png') no-repeat transparent; position: absolute; right: -30px } .modal-dialog .close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; font-size: 40px; font-weight: 100; color: #0da67d; text-align: right; opacity: 1 } .modal-dialog .close:hover { color: #0da67d } .modal-dialog { max-width: 825px } .modal-content.insidePage { padding-top: 15px !important } .modal-content { padding: 25px } .modal-content a { color: #0da67d } .call-to-actions .col { margin-bottom: 3.75rem } .call-to-actions .col > div { height: 300px; display: flex } .call-to-actions .col > div:hover { background-color: #FFF; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) } .call-to-actions .col > div a { margin: auto; width: 100% } .call-to-actions p { color: #454545; font-size: 2.0625rem; font-weight: 500; margin-bottom: 2px } .call-to-actions span { color: #676767; text-transform: none } .handWristOurTeam { list-style-type: none; padding-left: 0 } .handWristOurTeam .btn-with-img > img { height: 55px !important } .handWristOurTeam .btn-with-img { transition: background-color .5s; margin-bottom: 0 } .handWristOurTeam .btn-with-img:hover { background-color: #0c906d } .handWristOurTeam a { display: inline-block; clear: both; width: 100%; max-width: 310px } .split-list.first { padding-right: 20px } .split-list { display: inline-block; list-style-type: none; padding-left: 0; margin-bottom: 0 } .split-list li { font-size: 1.0625rem; color: #676767 } .split-list li::before { content: '•'; color: #00a176; padding-right: 10px; font-size: 1.375rem } .split-container, .split-container div { padding: 0 } .split-container .col { display: flex; background-color: #FFF } .split-container .col > div { margin: auto; max-width: 30.625rem; padding: 15px } .split-container .col h1 { margin-bottom: 27px; color: #454545 } .split-container .col p { color: #676767; margin-bottom: 40px } .btn-default.orange { background-color: #d46a1b; margin-left: 20px } .btn-default { background-color: #00a176; color: #FFF !important; text-transform: uppercase; font-size: 1rem; letter-spacing: 0.0625rem } .btn-default:hover { color: #FFF } .split-container .pic-stack .col { background-color: transparent } .center-snippet { max-width: 590px; margin: 0 auto 80px; text-align: center } .center-snippet p { font-size: 1.125rem } .insidePage { padding-top: 40px } .insidePage .post hr.img-divider { margin-bottom: 25px } .insidePage .post img { max-width: 100%; height: auto } .insidePage .post h1 { color: #137d79; margin-bottom: 1.5625rem; font-weight: normal } .insidePage .post h2 { margin-bottom: 1.0625rem !important; color: #137d79 !important; line-height: 1.5 } .insidePage .post h3 { font-weight: lighter; line-height: 1.5 } .insidePage .post h4 { color: #137d79 !important; font-size: 1rem; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px !important } .insidePage .post h5 { color: #137d79 !important; font-weight: lighter !important } .insidePage .post h2, .insidePage .post h3, .insidePage .post h4, .insidePage .post p, .insidePage .post ul, .insidePage .post ol, .insidePage .post blockquote { margin-bottom: 1.875rem; color: #676767; display: block; width: 100%; line-height: 2.1 } .insidePage .post h2, .insidePage .post h3, .insidePage .post h4, .insidePage .post h5 { line-height: 1.5 } .insidePage .post a { color: #137d79 } .insidePage .post p > a:hover { text-decoration: underline } .insidePage .post blockquote { background-color: #FFF; border-left: 3px solid #137d79; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); padding: 33px 50px } .insidePage .post blockquote p { font-style: italic } .insidePage .post blockquote p:last-child { margin-bottom: 0 } .insidePage .post blockquote p > strong { font-style: normal } .insidePage table.table-striped tr > td { text-transform: uppercase; color: #007167; letter-spacing: 1px; padding-top: 20px; padding-bottom: 20px; font-size: 0.9375rem } .insidePage table.table-striped tr > td:first-child { text-transform: uppercase; color: #b1b1b1; letter-spacing: 1px; padding-left: 40px } .newsAlert { background-color: #FFF; color: #007167 !important; font-size: 0.9375rem; text-transform: uppercase; padding: 20px 27px; margin-bottom: 45px; letter-spacing: 1px; font-weight: 500; line-height: 2 } .newsAlert span { color: #b1b1b1 !important; margin-right: 30px } .newsAlert a { color: #007167 !important } .newsAlert p { color: #007167 !important; display: inline-block } .insidePage .btn-default { margin-bottom: 30px } .mCSB_scrollTools.mCSB_scrollTools_horizontal { height: 17px; bottom: -19px } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 110px; height: 3px; margin: 0 auto; border: 0 none } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #00a176 } .mCSB_scrollTools:hover .mCSB_dragger .mCSB_dragger_bar { background-color: #00a176 !important } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; margin: 0px auto; max-width: 300px; height: 3px } .mCSB_scrollTools .mCSB_draggerRail { background-color: #ebebeb } .mCustomScrollBox { overflow: visible } .horizontal-scroll-wrapper { width: 100%; position: relative; height: 494px; height: 564px; margin-bottom: 115px } .horizontal-scroll-wrapper > div { position: absolute; left: 0; top: 0; width: 1660px } .horizontal-scroll-wrapper .pop-doctor-info { position: relative; top: auto; display: inline-block; float: left; left: 0; margin-right: 60px } .one-star, .two-stars, .three-stars, .four-stars, .five-stars { background: url(images/stars-rating.png); background-repeat: no-repeat; width: 98px; height: 20px; display: inline-block; vertical-align: middle; margin-bottom: 10px } .five-stars { background-position: 0 0 } .four-stars { background-position: 0 -20px } .three-stars { background-position: 0 -40px } .two-stars { background-position: 0 -60px } .one-star { background-position: 0 -70px } .blog-roll .post h2, .blog-roll .post h2 a { color: #137d79; font-size: 1.75rem; margin-bottom: 0.8125rem } .meta { margin: 15px 0 30px; font-size: 1rem } .quick-links .btn:hover { background-color: rgb(6, 126, 94) } .quick-links .btn { color: #FFF !important; background-color: #0DA67D; padding: 18px 0; display: block; text-transform: uppercase; font-size: 0.9375rem; letter-spacing: 1px; -webkit-border-radius: 0; border-radius: 0 } .btn-with-img { background-color: rgb(13, 166, 125); color: rgb(255, 255, 255); float: left; font-size: 0.9375rem; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 15px; width: 100%; max-width: 373px; margin-right: 10px } .btn-with-img > img { margin-right: 25px; height: 70px !important } .animateThis { opacity: 0 } .hidden { opacity: 0 } .visible { opacity: 1 } .navigation { font-size: 2.5rem; color: #949494; margin-top: 25px; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .navigation h3 { height: 15px; line-height: 0.9 } .navigation > div { display: inline-block; padding: 0 20px; line-height: 33px } .navigation > div a { color: #237683; font-size: 25px; line-height: 2 } .sidebarWrapper { position: relative; padding-bottom: 115px } #blogRoll #sideBar, .singleBlog #sideBar { max-width: inherit; z-index: 99; width: 100%; position: absolute } #blogRoll #sideBar .section.affix, .singleBlog #sideBar .section.affix { position: relative; top: auto } #blogRoll #sideBar .section ul.list-group, .singleBlog #sideBar .section ul.list-group { padding: 0; height: 52px; overflow: hidden; width: 100% } #blogRoll #sideBar .section ul.list-group a, .singleBlog #sideBar .section ul.list-group a { display: block; color: #FFF; line-height: 1.7; letter-spacing: 1px } #blogRoll #sideBar .section ul.list-group.menu_dropped, .singleBlog #sideBar .section ul.list-group.menu_dropped { height: auto } #blogRoll #sideBar .section ul.list-group.menu_dropped:after, .singleBlog #sideBar .section ul.list-group.menu_dropped:after { transform: rotate(180deg); top: 25px; right: 60px } #blogRoll #sideBar .section ul.list-group:after, .singleBlog #sideBar .section ul.list-group:after { content: '▼'; width: 15px; height: 5px; position: absolute; right: 55px; top: 18px; margin: 0 auto; color: rgb(255, 255, 255, 0.4); font-size: 10px } #blogRoll #sideBar .sidebar_menu_dropdown, .singleBlog #sideBar .sidebar_menu_dropdown { background-color: #FFF; padding: 10px 25px; display: block; border-radius: 5px; font-size: 17px; text-transform: uppercase; letter-spacing: 1px } .singleBlog .post { padding-left: 0 } .singleBlog .container { max-width: 1120px } #blogRoll #sideBar .list-group li a:hover, .singleBlog .list-group li a:hover { background-color: transparent !important } #blogRoll .post { padding-left: 0 } #blogRoll .post hr { margin: 80px 0 0 0; max-width: 100%; border: 2px solid rgb(244, 244, 244) } #blogRoll .entry p { margin-bottom: 0 } #blogRoll .featured { margin: 120px 0 40px } #blogRoll .featuredArticle { height: 425px; display: block; position: relative; text-align: center; margin: 0; background-size: cover !important } #blogRoll .featuredArticle .featuredText { color: #FFF; position: absolute; left: 0; right: 0; margin: 0 auto; top: 40%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } #blogRoll .featuredArticle .supText { font-size: 0.875rem; text-transform: uppercase; margin-bottom: 25px; display: block; letter-spacing: 1px } #blogRoll .featuredArticle.mainFeatured { margin-bottom: 100px } #blogRoll .list-group.categories, .singleBlog .list-group.categories { background-color: #0da67d !important } #blogRoll .list-group.archives, .singleBlog .list-group.archives { background-color: #007167 !important } #blogRoll .h5 { margin-bottom: 38px; display: block; text-transform: uppercase; margin-bottom: 25px; color: #237683; letter-spacing: 2px; font-weight: 600; font-size: 0.875rem; text-transform: uppercase; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } #blogRoll h2, #blogRoll .h2, #blogRoll h2 > a, #blogRoll .h2 > a { font-size: 2rem; line-height: 1.3; color: #454545; margin-bottom: 22px; font-weight: normal } .moretag { color: #237683 } #accordion { margin-bottom: 3.125rem } #accordion, .card, .card-header { background-color: transparent; border-top: 0; border: 0 solid rgba(0, 0, 0, 0.125); -webkit-border-radius: 0; border-radius: 0 } .card-header { padding: 0.75rem 0; border-bottom: 2px solid #ececec } .card-header .mb-0 button { font-size: 1.625rem; color: rgb(81, 80, 80); padding: 0.375rem 0; display: block; width: 100%; text-align: left; white-space: normal !important } .card-header button:after { content: ''; width: 18px; height: 18px; position: absolute; right: 0; background: url('images/plus-minus.png') no-repeat; background-position: left !important; top: 30px } .card-header button[aria-expanded="false"]:after { content: ''; width: 18px; height: 18px; position: absolute; right: 0; background: url('images/plus-minus.png') no-repeat; background-position: right !important; top: 30px } .card-header button[aria-expanded="true"]:after { content: ''; width: 18px; height: 18px; position: absolute; right: 0; background: url('images/plus-minus.png') no-repeat; background-position: left !important; top: 30px } .card-body { padding: 1.875rem 0 } .card-body .accordion-col-btns { margin-left: -5px; margin-right: -5px } .accordion-col-btns { margin-left: 0; padding: 0 } .accordion-col-btns li { width: 50%; display: inline-block; float: left; margin-bottom: 10px; text-align: center; padding: 0 5px; letter-spacing: 1px; text-transform: uppercase; font-size: 0.9375rem } .accordion-col-btns li em { color: #FFF !important; display: block; color: #FFF; background-color: #0da67d; padding: 19px; font-style: normal } #headerImage { height: 385px; background-color: #FFF; position: relative; background: url('images/headers/inside-header.jpg') no-repeat transparent; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center } #headerImage.aboutHeaderImage { background-image: url('images/headers/about-header.jpg') } #headerImage.fourOFour { background-image: url('images/headers/about-header.jpg') !important } #headerImage.contactHeaderImage { background-image: url('images/headers/contact-header.jpg') } #headerImage.specialtiesHeaderImage { background-image: url('images/headers/inside-header.jpg') } #headerImage.servicesHeaderImage { background-image: url('images/headers/inside-header.jpg') } #headerImage.resourcesHeaderImage { background-image: url('images/headers/resources-header.jpg') } #headerImage.blogHeaderImage { background-image: url('images/headers/blog-header.jpg') } #headerImage.injuryExpressHeaderImage { background-image: url('images/headers/injury-express.jpg') } #headerImage.handWristElbowHeaderImage { background-image: url('images/headers/hand-wrist-elbow.jpg') } #headerImage .first-line { font-size: 3.75rem; color: #FFF } #headerImage .rsABlock { bottom: 4% } #sideBar { max-width: 28% } #sideBar .doctor-info h2 { margin-bottom: 8px } #sideBar .headshot { position: relative; display: inline-block } #sideBar .headshot .back-to-bio { display: inline-block; color: #FFF; position: absolute; left: 15px; bottom: 15px; opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s } #sideBar .headshot:hover .back-to-bio { opacity: 1 } #sideBar .end-link { border-radius: 0 0 5px 5px; width: 100%; background-color: #d46a1b; border: 0 none; padding: 23px 0; text-align: center; letter-spacing: 1px; text-transform: uppercase } #sideBar .end-link:hover { background-color: #b25814; } #sideBar .end-link.emergency-btn { background-color: #d46a1b } #sideBar > div.section { margin-bottom: 60px } #sideBar .list-group { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); padding: 2.5rem 0; background-color: #FFF } #sideBar .list-group > li:first-child { border-top-left-radius: .25rem; border-top-right-radius: .25rem; line-height: 1.7 } #sideBar .list-group > li:first-child > a { text-transform: uppercase; color: #137d79 } #sideBar .list-group > li { position: relative; display: block; line-height: 1.3 } #sideBar .list-group li a { color: #676767; display: block; font-size: 1.0625rem; padding: 0.75rem 1.5625rem; font-weight: 500; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } #sideBar .list-group li a:hover { color: #676767; background-color: #EEE } #sideBar .list-group ul { list-style: none; padding-left: 0; margin-bottom: 3.125rem } #sideBar .list-group ul:last-child { margin-bottom: 0 } #sideBar .list-group ul li { list-style: none; padding-left: 0; line-height: 1.3 } #sideBar .list-group li.current-menu-parent ul { display: block } #sideBar .list-group li.current-menu-parent ul a { padding: 0.75rem 5rem } #sideBar .list-group li.current-menu-item ul { display: block !important } #sideBar .list-group li.current-menu-item ul a { padding-left: 80px } #sideBar .list-group li.current-menu-item > a { color: #137d79 } #sideBar .list-group > li:last-child { margin-bottom: 0; border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem } #sideBar .list-group > li.category-title { margin-bottom: 0 !important } #sideBar .list-group > li.category-title a { color: rgb(19, 125, 121); text-transform: uppercase } #sideBar .list-group > li.category-title:hover a { background-color: transparent } #sideBar .doctor-info .white-bg ul { margin-bottom: 25px } #menu-sidebar-specialities-parent-page { height: auto !important } #sideBar.specialty { max-width: inherit; padding-top: 100px } #sideBar.specialty > div.section { max-width: 380px } #sideBar.specialty h1 { margin-bottom: 25px } #sideBar.specialty p { margin-bottom: 50px } #sideBar.specialty .list-group { padding: 3.4375rem 0 } #sideBar.specialty li.link-as-title:first-child a { margin-top: 0 !important } #sideBar.specialty li.link-as-title a:hover { background-color: transparent; cursor: default } #sideBar.specialty li.link-as-title a { margin-top: 40px !important; font-size: 1.625rem !important; color: rgb(81, 80, 80) !important; padding: 0 0 31px 50px !important; line-height: 1 } #sideBar.specialty li { margin-top: 0 !important; text-transform: none !important; font-weight: 500; line-height: 1.8 !important } #sideBar.specialty li a { font-size: 1.2rem; text-transform: none !important; color: #00a176 !important } #sideBar.specialty .list-group li a { padding: 0.3125rem 3.125rem } #sideBar li.link-as-title a { } #sideBar .section .white-bg h2 { margin-bottom: 26px } #sideBar .section .white-bg h2 > a { color: #212529 } #sideBar .section .white-bg ul li { } #sideBar .section .white-bg ul li a { color: rgb(81, 80, 80) } #sideBar .section .white-bg ul li a:hover { color: #137d79 } #sideBar .section .white-bg { background-color: #FFF; padding: 50px } #sideBar .section .white-bg .category-title { margin-bottom: 4px } #sideBar .section ul:last-child { margin-bottom: 0 } #sideBar .list-group > li.category-title { margin-top: 30px } #sideBar .list-group > li.category-title:first-child { margin-top: 0 } #sideBar .title-section > a { text-transform: uppercase !important; color: #137d79 !important; padding-top: 1.875rem !important } .single-column { max-width: 800px } .post-section { width: 100%; flex: none; margin: 0 auto } .single-column-page #sidebarWrapper { padding-bottom: 38px } .single-column-page .section.affix { position: initial !important } .single-column-page #sideBar .section ul.list-group li .hidden-lg-up { display: inline-block !important } .single-column-page #sideBar { width: 91% } .single-column-page #sideBar .section ul.list-group { padding: 0 0 38px; height: 38px; overflow: hidden; position: absolute; box-shadow: 0 0 5px rgba(0, 0, 0, 0.08) } .single-column-page #sideBar .section ul.list-group a { display: block } .single-column-page #sideBar .section ul.list-group.menu_dropped { height: auto } .single-column-page #sideBar .section ul.list-group.menu_dropped:after { transform: rotate(180deg); font-size: 14px; top: 30px; right: 35px } .single-column-page #sideBar .section ul.list-group:after { content: '▼'; width: 15px; height: 5px; position: absolute; right: 30px; top: 8px; margin: 0 auto; color: rgb(0, 0, 0, 0.4); font-size: 10px; text-shadow: 0px -3px 5px rgba(0, 0, 0, 0.05); transform: scale(1.5, 1.1); opacity: 0.4 } .box-shadow { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) } .reviews { color: #b2b2b2; margin-bottom: 30px; display: block; font-size: 0.9375rem; letter-spacing: 0.5px } .reviews a { color: #137d79 } .reviews img { margin-right: 10px } .location-list-ico { position: relative; padding-left: 20px } .location-list-ico:before { content: ""; width: 13px; height: 20px; position: absolute; left: 0; top: 5px; background-image: url("images/location-list-ico.png") } .col-list .category-title { margin-left: -40px !important; margin-bottom: 22px !important } .col-list { width: 50%; display: inline-block; float: left; margin-bottom: 10px } .locationsSpecialties ul li { margin-bottom: 20px; background-color: #FFF; font-size: 0.9375rem } .locationsSpecialties ul li:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) } .locationsSpecialties ul li a { display: flex; color: #007167; align-items: center; text-transform: uppercase } .locationsSpecialties ul li span.text { width: 80%; vertical-align: middle; padding-left: 20px } .locationsSpecialties ul li hr { margin: 45px 0 } .locationsSpecialties ul li span.ico { display: inline-block; width: 65px; height: 60px; background-repeat: no-repeat; background-position: center center; background-color: #0da67d; position: relative } .location-ico span.ico { background-image: url("images/location-ico.png") } .find-specialist-ico span.ico { background-image: url("images/circle-ico.png") } .specialties-image { background: url('images/specialties-bg.jpg') no-repeat transparent; background-position-x: 0%; background-position-y: 0%; background-position: top center; height: 1400px } .searchBox h3 { font-weight: 400; font-size: 1.625rem !important; margin-top: -30px } .searchBox .category-title { font-weight: 500; font-size: 0.9375rem !important; margin-bottom: 0 } .searchBox .category-title a { color: #00a176 } .left-container { padding-right: 40px } .right-container { padding-left: 40px } ul.alphabet { margin-left: -15px } ul.alphabet li.col { flex-grow: unset } ul.alphabet li a { text-transform: uppercase; color: #00a176; font-size: 1.25rem } .searchBox .dropdown:first-child { margin-top: 0 !important } .searchBox .dropdown:last-child { margin-top: 30px } .searchBox .btn { width: 100% !important; background-color: #f7f7f7; color: #007167 } .searchBox .dropdownMenuButton span { background-color: #f7f7f7; color: #00a176; width: 85%; display: block; height: 100%; vertical-align: middle; padding-top: 11px } .searchBox .dropdown-toggle::after { background-position: center center; margin-top: 0 !important; background-color: #009970; padding: 20px 22px; position: absolute; right: -2px; top: -1px; border-radius: 0 } .searchBox .dropdown-menu { width: 100%; transform: translate3d(0, 54px, 0px) !important } .searchBox .dropdown-item { color: #676767; padding: 0.8125rem 1.5rem; letter-spacing: 0.5px } .searchBox .dropdown-item:hover, .searchBox .dropdown-item:focus { background-color: #EEE } .searchBox .dropdown .dropdown-toggle::after { margin-top: 3px; height: 27px } .searchBox .dropdown-menu { width: 100%; transform: translate3d(0, 54px, 0px) !important; padding: 0 } .searchBox .btn.dropdown-toggle { width: 75px; height: 50px; background-color: #00a176; color: #FFF; text-align: center } .searchBox .btn.dropdown-toggle:hover { cursor: pointer } .searchBox .dropdown-menu .dropdown-divider { margin: 0 } .searchBox .dropdown-item { color: #676767; padding: 0.8125rem 1.5rem; letter-spacing: 0.5px } table.providers-table thead tr { color: #454545; border-bottom: 2px solid #ececec !important } table.providers-table thead tr:hover { background-color: transparent } table.providers-table thead th { color: #454545 } table.providers-table tr { border-bottom: 2px solid #ececec } table.providers-table tr:last-child { border-bottom: 0 none } table.providers-table tr:hover { background-color: #009970; color: #FFF } table.providers-table tr:hover td { color: #FFF } table.providers-table tr:hover td > a { color: #FFF } table.providers-table th { text-transform: uppercase; font-weight: 400; font-size: 1.125rem } table.providers-table th, table.providers-table td { vertical-align: middle; height: 95px; font-size: 1.0625rem; padding-left: 40px; position: relative } table.providers-table td, table.providers-table td a { color: #009970 } .pop-doctor-info { display: none; position: absolute; left: 35%; top: -140px; z-index: 999999; width: 360px; height: auto; background-color: #FFF; overflow: hidden } .pop-doctor-info .white-bg { padding: 40px } .pop-doctor-info .white-bg span { color: #009970 } .pop-doctor-info .white-bg span:hover { border-bottom: 1.5px solid #009970 } .pop-doctor-info .reviews { margin-bottom: 0 } .pop-doctor-info .white-bg h2 { color: #454545 } table.providers-table td:hover .pop-doctor-info { display: block } #hot-spots { margin-bottom: 0; position: absolute; z-index: 9; width: 100%; height: 100% } #hot-spots li:hover { cursor: pointer } #hot-spots li { width: 50px; height: 50px; background: url('images/circle-link.png') no-repeat transparent; position: absolute; background-position: center } #hot-spots li a { display: inline-block; width: 40px; height: 40px; position: relative } #hot-spots li.one { top: 24%; left: 45% } #hot-spots li.two { top: 27%; left: 56% } #hot-spots li.three { top: 52%; left: 19% } #hot-spots li.four { top: 53%; left: 54% } #hot-spots li.five { top: 59%; left: 76% } #hot-spots li.six { top: 69%; left: 16% } #hot-spots li.seven { top: 77%; left: 46% } .locations-page > .row { margin-bottom: 10px } .locations-page > .row hr { margin-bottom: 50px } .locations-page h3 { font-size: 2.0625rem; margin-bottom: 20px } .locations-page h1 { color: #454545; margin-bottom: 40px } .locations-page .btn { background-color: #f7f7f7; color: #00a176; width: 100%; text-align: left; height: 40px } .locations-page .map > div { overflow: hidden } .locations-page .searchBox { height: 300px; margin-bottom: 82px } .locations-page .searchBox > div { padding: 15px; height: 100%; width: 100%; background-color: #FFF; margin: auto; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) } .locations-page .searchBox > div > div { width: 100%; margin: auto; max-width: 560px } .locations-page .searchBox .dropdown { width: 100%; letter-spacing: 1px; font-size: 0.9375rem } .locations-page .searchBox .dropdown-menu { width: 100%; transform: translate3d(0, 54px, 0px) !important; padding: 0 } .locations-page .searchBox .btn.dropdown-toggle { width: 45px; height: 40px; background-color: #f7f7f7 !important; color: #FFF; text-align: center } .locations-page .searchBox .btn.dropdown-toggle:hover { cursor: pointer } .locations-page .searchBox .dropdown-menu .dropdown-divider { margin: 0 } .locations-page .searchBox .dropdown-item { color: #676767; padding: 0.8125rem 1.5rem } .locations-page .searchBox .dropdown-item:hover, .locations-page .searchBox .dropdown-item:focus { background-color: #EEE } .locations-page .d-flex.justify-content-between { width: 100% } .location-info-box span.title { font-size: 1.5rem; color: #454545 } .location-info-box a.location-details-link { transition: background-color .5s; font-size: 1rem; color: RGB(255, 255, 255); background-color: rgb(212, 106, 27); display: block; padding: 20px 0; text-align: center; text-transform: uppercase; letter-spacing: 1px; margin-top: -5px } .location-info-box a.location-details-link:hover { background-color: rgb(189, 97, 28) } .location-info-box .category-title { margin-top: 20px !important; margin-bottom: 0 !important } .location-info-box { margin-top: 0 !important; margin-bottom: 3.75rem !important; max-width: 440px } .location-info-box > div { background-color: #FFF; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); padding: 50px; min-height: 520px } .location-info-box ul { margin-bottom: 0 } .location-info-box ul li:last-child { margin-bottom: 0 } #contact_form .form-control, #contact_form select { padding: 0.75rem } #contact_form select { height: calc(2.25rem + 14px) } #contact_form textarea { margin-bottom: 30px } #contact_form .btn-default { display: block; margin-bottom: 30px; width: 100%; padding: 15px } .boxed-in { margin-bottom: 15px } .boxed-in .category-title { margin-top: 23px; margin-bottom: 3px } .boxed-in > div { box-shadow: 0 0 10px #0000001a; background-color: #FFF; width: 100%; padding: 15px; height: 100% } div.region a { color:#454545 } div.region img { transform:rotate(-90deg); filter: brightness(0) saturate(100%) invert(65%) sepia(78%) saturate(5906%) hue-rotate(138deg) brightness(90%) contrast(101%);} #recent-posts .imageContainer { height: 340px; background-repeat: no-repeat; width: 100%; background-size: cover; background-position: center center; position: relative; margin-bottom: 0; background-color: #FFF; position: relative } #recent-posts { width: 100%; display: block; margin-bottom: 120px } #recent-posts .post-wrapper a { display: inline-block; width: 100% } #recent-posts .post-wrapper a:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) } #recent-posts .entry { background-color: #FFF; padding: 33px 50px; max-height: auto } #recent-posts span.supHeading { font-size: 0.9375rem; font-family: 'Avenir'; text-transform: uppercase; color: #137d79 } #recent-posts h2 { color: #137d79; margin: 15px 0 30px; line-height: 2.0625rem; font-weight: normal; line-height: 1.3 } #recent-posts h2 a { color: #137d79 } #recent-posts p { font-size: 1.125rem; color: #576069; margin-bottom: 30px } .tp-80 { padding-top:80px } .bp-80 { padding-bottom:80px } #lp h1{ color:#000; font-size: 3.125rem; margin-bottom: 40px; } #lp h2{ color:#0e6142; font-size:2rem; font-weight: normal; margin-bottom:40px; } #lp h3{ color:#000; font-size:1.75rem; font-weight: normal; } #lp h5{ color:#0e6142; text-transform: uppercase; font-size: 0.875rem !important; letter-spacing: 2px; margin-bottom:15px} #lp .container-fluid.single-column-page{ max-width: 710px; } /*#lp .container-fluid { max-width: 710px; }*/ #lp .container-fluid.max-w { max-width: 1180px; } #lp p, #lp li { font-size: 1.125rem; } #corner-pop-up{position:fixed;bottom:5%;margin-left: auto;margin-right: auto; max-width: 262px;right: 0;left: 0;overflow:hidden;opacity:0;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;z-index:999999;} #corner-pop-up p{line-height:1;color:#FFF;font-size:16px;margin-bottom:0;letter-spacing:1px;font-weight:100;} #corner-pop-up p a{color:#FFF;} #corner-pop-up p sup{top:-3px;font-weight:lighter;font-size:23px;} #corner-pop-up p span{font-size:50px;margin-bottom:0;display:inline-block;vertical-align:middle;} .list-fade-in{opacity:1!important;} .visible-pop{display:block!important;} .close{position:absolute;right:25px;top:25px;} #corner-pop-up.visible-pop{opacity:1;} #corner-pop-up .btn { flex: none; display: inline-block !important; z-index:99999; background-color: #ec473d !important; border-radius:0 !important; border:0 none !important; } #corner-pop-up .btn:hover { background-color: #cb160b !important;} #footer { background-color: #FFF; padding: 98px 0 0 } #footer .copyright { padding: 68px 0 20px } #footer .copyright small { width: 80%; display: block; margin: 0 auto 20px; color: #999 } #footer .col span { color: #137d79; text-transform: uppercase; font-size: 0.9375rem; letter-spacing: 0.0625rem; margin-bottom: 20px; display: block } #footer .col ul li { line-height: 2.22; letter-spacing: 0.5px } #footer .col ul li a { font-size: 1rem; color: #676767 } @media (max-width:575px) { .hidden-xs-down, .hidden-sm-down, .hidden-md-down, .hidden-lg-down, .hidden-xl-down, .hidden-xs-up, .hidden-unless-sm, .hidden-unless-md, .hidden-unless-lg, .hidden-unless-xl { display: none !important } .col-xs-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-xs-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .order-xs-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .contentWrapper { padding: 0 } #headerImage { display: none } #headerImage.force-block { display: block !important } #dropdownMenuButton { width: 100% } .call-to-actions .col > div a { padding: 7px } #logo > a { max-width: 270px; width: 100% } #logo img { width: 100%; max-width: 160px } #menuIco { margin-top: 0 !important } #main_nav_wrapper.show { top: 70px !important } #header .container-fluid .row { height: 70px !important } #headerImage .rsABlock { height: 80px } #headerImage .first-line { font-size: 1.75rem !important } #headerImage { height: 205px } .locations-page .searchBox > div > div { max-width: 560px } .searchBox { margin-bottom: 20px } .left-container { padding-right: 15px } .right-container { padding-left: 15px } .locations-page h3 { margin-bottom: 30px } .searchBox h3 { font-weight: 500; font-size: 1.1rem !important } .searchBox h3 { margin-top: 0 } .pop-doctor-info { display: none !important } table.providers-table th, table.providers-table td { height: 55px; padding-left: 15px } .locations-page > .row { margin-bottom: 30px } .locations-page .searchBox > div { padding: 35px 15px; display: block !important; flex: unset; height: auto } .locations-page .searchBox { margin-bottom: 30px } .accordion-col-btns li { width: 100% } .location-info-box > div { padding: 30px } #sideBar .doctors-headshot { width: 100% } .divider { display: none } #sideBar .section .white-bg { padding: 20px } .post-wrapper { margin-bottom: 30px } .insidePage .post p, .insidePage .post ul, .insidePage .post ol { font-size: 1rem } #sideBar.specialty li.link-as-title a { padding: 0 0 30px 15px !important } #sideBar.specialty .list-group li a { padding: 0.3125rem 15px } .homePage .call-to-actions, .split-container > .row > div { padding-top: 0; padding-bottom: 0 } .split-container .col > div { padding-top: 30px; padding-bottom: 30px } #footer .d-flex { display: block !important } #recent-posts span.supHeading { font-size: 0.625rem } #recent-posts .imageContainer { height: 170px } #recent-posts h2 { font-size: 1.1rem } #recent-posts .entry { padding: 15px !important } .blog-roll .post h2, .blog-roll .post h2 a { font-size: 1.3rem !important; line-height: 1.6 } } @media (min-width:576px) and (max-width:767px) { .hidden-sm-down, .hidden-md-down, .hidden-lg-down, .hidden-xl-down, .hidden-xs-up, .hidden-sm-up, .hidden-unless-xs, .hidden-unless-md, .hidden-unless-lg, .hidden-unless-xl { display: none !important } .searchBox { margin-bottom: 20px } .left-container { padding-right: 15px } .right-container { padding-left: 15px } #footer .d-flex { display: block !important } } @media (min-width:576px) and (max-width:991px) { #sideBar .doctors-headshot.rounded-top { float: left; margin-right: 50px; max-width: 180px; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important } .divider { clear: both; margin-top: -8px; margin-right: -50px; margin-bottom: 30px; margin-left: -50px } #sideBar .headshot { float: left } } @media (min-width:768px) and (max-width:991px) { .hidden-md-down, .hidden-lg-down, .hidden-xl-down, .hidden-xs-up, .hidden-sm-up, .hidden-md-up, .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-lg, .hidden-unless-xl { display: none !important } .searchBox { margin-bottom: 20px } .left-container { padding-right: 15px } .right-container { padding-left: 15px } } @media (max-width:991px) { h1, .h1 { font-size: 1.75rem } #blogRoll { padding-top: 60px; padding-bottom: 60px } #supHeader ul.nav { margin-left: -20px } #header .container-fluid .row { height: 80px } #menuIco { display: inline-block !important; width: 50px; height: auto; float: right; padding: 6px 4px; margin-top: 20px } #menuIco:hover { cursor: pointer } #menuIco:hover span { background-color: #666 } #menuIco.active-menu span { background-color: #666 } #menuIco span { background-color: rgb(186, 186, 186); height: 2px; margin-bottom: 7px; display: block } #menuIco span:last-child { margin-bottom: 0 } #logo a { display: inline-block; margin-top: 0 } #supHeader { padding: 10px } #supHeader .container-fluid div { width: 100% } #supHeader ul li { line-height: 1 } #supHeader .dropdown:hover > .dropdown-menu { display: none } #main_nav_wrapper.show { border-top: 1px solid #EEE; position: absolute; top: 80px; z-index: 999999999; display: block !important; background-color: #FFF; width: 100%; padding: 30px 0 0 } #main_nav_wrapper.show ul.nav { display: block } #main_nav_wrapper ul.nav li:hover ul { display: none !important } #main_nav_wrapper ul.nav > li { padding: .25rem 0 } #main_nav_wrapper ul.nav > li a:hover { color: rgb(13, 166, 125) } #main_nav_wrapper ul:first-child { margin-bottom: 20px } #main_nav_wrapper ul:first-child li { font-size: 1.4375rem } #main_nav_wrapper ul:first-child li.contactBtn { display: none !important } #header ul.nav li.contactBtn { height: auto; margin-top: 33px; margin-left: 0 } #main_nav_wrapper ul li.contactBtn a { display: block; text-align: center; padding: 0.4375rem 0 !important } #main_nav_wrapper ul li.contactBtn a:hover { color: #FFF } #main_nav_wrapper ul li.contactBtn:hover { background-color: rgb(198, 108, 41) } #header ul.nav:last-child > li { font-size: 1.0625rem; padding: 2px 0 } #header ul.nav li.contactBtn { padding: 10px !important; line-height: 2.5 } #supHeader .container-fluid .row { height: auto } #headerImage .rsABlock { height: auto } #headerImage .first-line { font-size: 2.75rem } #sideBar { max-width: 100% } #sideBar .doctor-info { border-top-left-radius: 0.3125rem !important; border-top-right-radius: 0.3125rem !important; overflow: hidden } .post-section { max-width: 100%; flex: none } #sideBar .section ul.list-group { padding: 0; height: 50px; overflow: hidden } #sideBar .section ul.list-group a { display: block } #sideBar .section ul.list-group.menu_dropped { height: auto } #sideBar .section ul.list-group.menu_dropped:after { transform: rotate(180deg) } #sideBar .section ul.list-group:after { width: 14px; height: 20px; content: ""; background-image: url('images/arrow-down.png'); background-repeat: no-repeat; background-position: bottom center; position: absolute; right: 35px; margin-top: 13px } #sideBar .sidebar_menu_dropdown { color: green; background-color: #FFF; padding: 10px 25px; display: block; border-radius: 5px; font-size: 17px; text-transform: uppercase; letter-spacing: 1px } .quick-links a { margin-bottom: 15px } #sideBar.specialty li { line-height: 1 !important } #sideBar.specialty .list-group li a { font-size: 1.0625rem !important; padding: 0.75rem 0.9375rem !important } #sideBar.specialty li.link-as-title a { line-height: 1.8; padding: 0.75rem 0.9375rem !important } #sideBar.specialty > div.section { max-width: 100% } #sideBar.specialty { flex: none } #sideBar.specialty .section ul.list-group::after { display: none } .specialties-image { display: none } .location-info-box > div { min-height: 100% } .locations-page .d-flex.justify-content-between { width: 100%; display: block !important } .location-info-box { max-width: 100% } #recent-posts .imageContainer { height: 190px } #recent-posts .entry { padding: 33px 15px } .blog-roll .post h2, .blog-roll .post h2 a { font-size: 1.75rem; font-weight: normal } } @media (min-width:992px) and (max-width:1199px) { .hidden-lg-down, .hidden-xl-down, .hidden-xs-up, .hidden-sm-up, .hidden-md-up, .hidden-lg-up, .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-md, .hidden-unless-xl { display: none !important } .left-container { padding-right: 15px } .right-container { padding-left: 15px } .express { display: none } } @media (min-width:1200px) { .hidden-xl-down, .hidden-xs-up, .hidden-sm-up, .hidden-md-up, .hidden-lg-up, .hidden-xl-up, .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-md, .hidden-unless-lg { display: none !important } #supHeader ul li.nav-item > a { padding: 0.5rem 1rem } #header ul.nav > li a.nav-link { padding: 0 30px } #main_nav_wrapper.bundled-pricing ul.nav > li a.nav-link { padding: 0 21px } .blog-roll .post h2, .blog-roll .post h2 a { font-size: 2.75rem } #sideBar .list-group li a { padding: .75rem 3.125rem } .split-list { margin-bottom: 30px } .handWristOurTeam .btn-with-img > img { height: auto } }