.category-title{ color:#296647; text-transform: uppercase; letter-spacing: 1px;font-size: 0.875rem;text-transform: uppercase;margin-bottom: 23px; display: block; font-weight: 600;}

.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; }

.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%; }

.post-image{ max-width: 1100px; display: block; margin:45px auto 85px; position: relative;}
.post-image img{ display: block; max-width: 100%; height: auto; }
.contained-image{position: relative;}
.single-column{ max-width: 800px;}
.post-section{ width: 100%; flex:none; margin: 0 auto;}

.entry hr.img-divider{ margin-bottom: 25px; }
.entry img{ max-width:100%; height:auto; }
.post h1 { margin-bottom: 25px; }
.entry h2 { margin-bottom: 1.75rem !important; }
.entry h3 { margin-bottom: 1.0625rem !important; font-weight: lighter; }
.entry h4 { margin-bottom: 20px !important;}
.entry h5 { margin-bottom: 25px; }
.entry p,
.entry ul,
.entry ol,
.entry blockquote{ margin-bottom: 1.5rem; color:#676767; width: 100%; line-height: 2.22; }
.entry h5{ line-height: 1.5; }
.entry a{ color:#296647; }
.entry p > a:hover{ border-bottom:1px solid #296647 }
.entry blockquote{ background-color:#296647; padding: 33px 50px; }
.entry blockquote p{ color:#FFF; }
.entry blockquote p:last-child{ margin-bottom: 0; }
.entry blockquote p > strong{ font-style: normal; }

.entry table { background-color:#fafafa; width: 100%; display: block; }
.entry table tbody { display: table; width: 100%;}
.entry table tr{ padding-left: 15px; padding-right:15px; }
.entry table tbody tr:first-child td{ padding-top: 20px; }
.entry table tbody tr:last-child td{ padding-bottom: 20px; }
.entry table tr > td{ padding: 10px 20px; }
.entry table tr > td:first-child{ display: block;text-transform: uppercase;color: #000;letter-spacing: 2px;font-size: 0.875rem;text-transform: uppercase;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }
.entry table tr > td:last-child{border-left: 4px solid #FFF;}

.insidePage .newsAlert{ background-color:#FFF; color:#296647 !important; font-size: 0.9375rem; text-transform: uppercase; padding:20px 27px; margin-bottom: 28px; letter-spacing: 1px; font-weight: 500; line-height: 2;}
.insidePage .newsAlert span{ color:#b1b1b1 !important; margin-right:30px; }
.insidePage .newsAlert a{ color:#296647 !important; }
.insidePage .newsAlert p{ color:#296647 !important; display: inline-block; }

.insidePage .btn-default{ margin-bottom: 30px;}

.drBio { background-color:#fafafa; }
.drBio h5{ color:#296647 !important; }
.drBio ul{ padding-inline-start: 20px; }
.drPic {
    background: url('../images/content-end-bio-pic.webp') no-repeat center center;
    background-size: cover;
}

.has-caption { position: relative; }
.has-caption > span{position: absolute; left:40px; bottom:40px; color: #FFF; font-size: 0.875rem; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; } .no-margin { margin-left: 0 !important; margin-right: 0 !important; }

.single-column #sideBar .list-group li a { padding: 10px 30px; }
#patientStories .single-column { max-width: 100%; }
#patientStories .single-column-page #sideBar, 
#patientStories .patientStoriesMenu #sideBar { width: 100%; }
.single-column-page #sidebarWrapper,
.patientStoriesMenu #sidebarWrapper { padding-bottom: 38px; }
.single-column-page .section.affix,
.patientStoriesMenu .section.affix { position: initial !important; }
.single-column-page #sideBar .section ul.list-group li .hidden-lg-up,
.patientStoriesMenu #sideBar .section ul.list-group li .hidden-lg-up { display: inline-block !important; }
.single-column-page #sideBar,
.patientStoriesMenu #sideBar { width: 91%; }
.single-column-page #sideBar .section ul.list-group,
.patientStoriesMenu #sideBar .section ul.list-group {width: 100%; 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,
.patientStoriesMenu #sideBar .section ul.list-group a { display: block; }
.single-column-page #sideBar .section ul.list-group.menu_dropped,
.patientStoriesMenu #sideBar .section ul.list-group.menu_dropped { height: auto; }
.single-column-page #sideBar .section ul.list-group.menu_dropped:after,
.patientStoriesMenu #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,
.patientStoriesMenu #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; }

#patientStories img{ max-width: 100%; }
#patientStories .justify-content-between { max-width: 1100px; margin: 0 auto;  }
#patientStories .justify-content-between > div { max-width: 285px; }

/* Accordion */
#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 !important; letter-spacing: 0; text-transform: none; background-color: transparent; color: #296647 !important; padding: 0.375rem 30px 0 0; display: block; width: 100%; text-align: left; white-space: normal !important; font-weight: normal;}
.card-header h2.mb-0{ margin-bottom:0 !important; color: #296647 !important;  }
.card-header button::after{ content: '▲'; width: 18px; height: 18px; position: absolute; right: 0;top: 30px; font-size: 14px; }
.card-header button[aria-expanded="false"]::after{ color:#296647 !important; content: '▼'; width: 18px; height: 18px; position: absolute; right: 0; top: 30px; }
.card-header button[aria-expanded="true"]::after{ color:rgba(0,0,0,0.23) !important; content: '▲'; width: 18px; height: 18px; position: absolute; right: 0; 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: #296647; padding: 20px; font-style: normal; }

.accordion-section p > a { border-bottom:1px solid #296647; }

/* Header Image */
#headerImage{ display: flex; height: 500px;  background-color: #296647; position: relative;background-size: cover;background-position:center;}
#headerImage h5,
#headerImage .h5{ color:#FFF; margin-bottom: 0;}
#headerImage .first-line{ color:#FFF; font-size: 3.4375rem; }
#headerImage > div{ padding-bottom: 50px; }


#sideBar { min-height: 35px; z-index: 99; }
#sideBar > div.section div { width: 100%; }
#sideBar > div.section { margin-bottom:60px;  }
#sideBar .list-group{ padding:2.5rem 0; background-color:#296647; }
#sideBar .list-group > li:first-child { margin-bottom: 0.9375rem; line-height: 2.5 !important; }
#sideBar .list-group > li:first-child > a { text-transform: uppercase; color:#FFF; letter-spacing: 2px; line-height: 1.3;background-color:transparent !important; font-size:0.875rem; font-weight: bold; text-transform: uppercase; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
#sideBar .list-group > li:first-child > a:hover { background-color:transparent; color:rgba(255,255,255,1) !important; }
.void-link a:hover{ color:rgba(255,255,255,1) !important; }
#sideBar .list-group > li { position: relative;display: block; line-height: 1.3; }
#sideBar .list-group li a { color:rgba(255,255,255,0.6); display: block; font-size: 1.0625rem; padding: 10px 50px; letter-spacing: .1px;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#sideBar .list-group li a:hover { color:rgba(255,255,255,0.6); background-color:rgba(255,255,255,0.09); }
#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.menu-item-has-children > a span::after{ content: '▼'; font-size: 10px; padding-left: 10px; opacity: 0.4;  }
#sideBar .list-group li.showChildren.menu-item-has-children > .sub-menu > li a { padding-left:75px; }
#sideBar .list-group li.current-page-parent > ul { display: block !important; }
#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{ background-color:rgba(255,255,255,0.09); }
#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: #296647; text-transform: uppercase; }
#sideBar .list-group > li.category-title:hover a{ background-color:transparent;}
#sideBar .doctor-info .white-bg ul{ margin-bottom: 25px; }

.section.affix { position: fixed;top: 150px;}

#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:#296647 !important; }
#sideBar.specialty .list-group li a { padding: 0.3125rem 3.125rem; }

#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:#296647; }
#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: #FFF !important; padding-top:1.875rem !important; }

.postImg{ margin: 0 100px 60px 0;  }
.meta{ margin:15px 0 5px !important; font-size: 1rem; color:rgb(103, 103, 103) }

.quick-links { margin-top: 50px; margin-bottom: 50px; }
.quick-links .btn{ color:#FFF !important;  display: block;}
.quick-links .btn.btn-secondary{ background-color: #0D4C2A;}

#relatedLinks { background-color:#fafafa;}
#relatedLinks h5{ color:#296647 !important; font-size: 0.9375rem}
#relatedLinks .links-wrapper{ height: 200px;overflow: hidden; transition:height 0.3s;}
#relatedLinks ul li { letter-spacing: 0.1px; }
#relatedLinks ul li a{ color:#296647; border-bottom:1px solid #296647 }
#relatedLinks .links-wrapper.showAllLinks{ height: auto;}
#relatedLinks .viewAllLinks{ font-size: 1.0625rem; letter-spacing: 0.1px;  }
#relatedLinks .viewAllLinks::after{width: 15px;height: 12px;margin-left: 10px; font-weight: bold; content:''; background-image:url('../images/right-arrow.svg');background-size:contain; background-repeat: no-repeat; background-position: center; transform:rotate(90deg); display: inline-block; }
#relatedLinks .viewAllLinks.up-caret:after{ transform:rotate(-90deg); }


#overviewNav ul { list-style:none; }
#overviewNav ul li { text-align: center; }
#overviewNav ul li a{ color:#1c1c1c; width: 20px; padding-top:20px; padding-bottom:20px; display: block; border-bottom:3px solid transparent; transition:border-bottom 0.4s; }
#overviewNav ul li a.active{ border-bottom:3px solid #eaeaea; }
#overviewNav ul li a:hover{ border-bottom:3px solid #eaeaea; }
#overviewLinkList { list-style:none;margin-top: 48px !important; }
#overviewLinkList a { position: relative;display: block; color: #1c1c1c; border-top: 2px solid #eaeaea; padding-top: 17px; padding-bottom: 17px; font-size:1.5rem;}
#overviewLinkList a:hover { color:#296647 }
#overviewLinkList li { margin-bottom: 0;  }
#overviewLinkList li:last-child a { border-bottom: 2px solid #eaeaea; }
#overviewLinkList a:after{ color:#1e4130; content: '▶︎'; width: 18px; height: 18px; position: absolute; right: 0;top: 25px; font-size: 14px; }

#footerBar{ height: 60px; width: 100%; }
/* Breakpoint XS */
@media (max-width: 575px)
{

    /* Header Image */ 
    #headerImage > div { padding-bottom: 25px; }
    #headerImage .rsABlock { height: 80px; }
    #headerImage { height: 205px; }
    
    .drPic { height:540px }

    /* Side Bar */
    #sideBar .doctors-headshot{ width: 100%; }
    #sideBar .section .white-bg{ padding: 20px; }
    .divider{ display: none; }

    .post-wrapper { margin-bottom:30px; }

    .insidePage p,
    .insidePage ul,
    .insidePage ol,{ font-size: 1rem; }

    #blogRoll #sideBar .section { margin-bottom: 20px; }

    /* Home Page */
    .homePage > div:last-child { margin: 0 auto !important; }
    .homePage .call-to-actions,
    .split-container > .row > div{ padding-top:0; padding-bottom:0; }

    .split-container .col > div{ padding-top:30px; padding-bottom:30px; }

    /* Blog */
    #blogRoll #sideBar, .singleBlog #sideBar{ position: relative; }
    #blogRoll > .container:first-child { padding-top: 0 !important; }
    #blogRoll .featuredImageThumb > a{ height: 160px; width: 100%; }

    .postImg{ margin: 0 20px 20px 0; width: 100%; }

    /* Footer */
    #footer .d-flex{ display: block !important; }
    .blog-roll .post h2, 
    .blog-roll .post h2 a{ font-size: 1.3rem !important; line-height: 1.6; }

    #footer .col .h5 { line-height: 2.2; }
    
    .popupContainer{ display: none !important; }
}

/* Breakpoint SM */
@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;
    } 

    /* Serach Box */
    .left-container{ padding-right:15px; }
    .right-container{ padding-left:15px; } 
    
    /* Footer */
    #footer .d-flex{ display: block !important; }

    /* Blog*/
    #blogRoll .featuredImageThumb > a{ width: 100%; margin-bottom: 30px; }
    #blogRoll .splitPost .imageCTA{ display: none; }
    #blogRoll .splitPost .featuredImageThumb > a{ background-position: center !important; margin-bottom: 30px; display: block; }
    #blogRoll .featuredArticle h2{ font-size: 4em; }
    .postImg{ padding: 0 0 20px 0; }

    /* Landing Page*/
    .light-gray-bg .reversed-xs > div:first-child{ flex: none !important; }

}

@media (min-width: 576px) and (max-width: 991px)
{
    .divider{ clear:both; margin-top:-8px; margin-right: -50px; margin-bottom: 30px; margin-left: -50px; }
}

/* Breakpoint MD */
@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;
    } 
    
    /* Serach Box */
    .left-container{ padding-right:15px; }
    .right-container{ padding-left:15px; }  
}

@media (max-width: 991px){
    
    .box.row{ margin-left: 0; margin-right: 0; }
    .post-section { padding-left: 15px; padding-right: 15px;}

    #supHeader .container-fluid .row{ height: auto; }

    /* Header Image */
    #headerImage{ height: 305px; }
    #headerImage .first-line { font-size: 2.75rem; }
    
    .insidePage img{ margin:0 20px 20px 0; max-width: 150px; }

    .drBio img{ margin:0; max-width: 100%; }

    #sideBar{ max-width:100%; }
    #sideBar .section ul.list-group { padding: 0; height: 38px; overflow: hidden; position: absolute; }
    #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); font-size: 14px; top: 30px; right: 35px; }
    #sideBar .section ul.list-group:after { content: '▼'; width: 15px; height: 5px; position: absolute; right: 30px; top: 8px; margin: 0 auto; color: rgb(255, 255, 255, 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; }

    /* Post */
    .post-section{ max-width: 100%; flex:none; }
    .post-image { margin:45px auto 15px; }
    .post-image img { margin: 0; max-width: 100%; width: 100%;}
    
    .quick-links a{ margin-bottom: 15px; }

    
    #patientStories .justify-content-between { max-width: 920px;-webkit-box-pack: start !important;-ms-flex-pack: start !important;justify-content: flex-start !important; }
    #patientStories .justify-content-between > div{ max-width: 100%;}

    /* Footer */
    #footer ul.list-unstyled{ margin-bottom:60px; }
}

/* Breakpoint XL */
@media (max-width: 1199px){
    #patientStories .justify-content-between {max-width:1100px ;}
}
@media (min-width: 1200px)
{
    /* Sidebar */
    #sideBar .list-group li a { padding: 10px 50px; }
}
