/*CSS for header section being fixed when using anchor links*/
html {scroll-padding-top:10.5rem}
@media screen and (min-width: 768px) {html {scroll-padding-top:6.875rem}}
@media screen and (min-width: 1024px) {html {scroll-padding-top:12.25rem}}

/*prevent overlap of site name (slogan) on logo on Safari browsers*/
@media screen and (min-width:1200px){
  .c--basic-branding-header a {width:13.9375rem}
}
.cc--mini-site-sidebar .c--mini-site-sidebar nav ul {overflow:inherit;height:auto !important}

/*chaptered pages fix*/
.chaptered-page .cc--rich-text .c--rich-text {padding:0}
/*.chaptered-page .content-sidebar-main-wrapper .content-sidebar-main-wrapper-inner {padding-top:0}*/
/*chaptered page anchor landing*/
.chaptered-nav-anchor {
  display:block;
  margin-top:-3rem;
  padding:3rem;
  scroll-padding-top:3rem
}
@media screen and (min-width:768px) {
  .chaptered-nav-anchor {
    margin-top:-4rem;
    padding-top:4rem;
    scroll-padding-top:4rem;
  }
}

#connect-section-title {display:none}
.cc--descriptive-links .c--descriptive-links {max-width:100%}
@media screen and (min-width: 1024px) {
  .cc--basic-search-form .search-form-branding {margin-left: 2.5rem}
  .cc--basic-search-form .search-form-branding img {margin-left: 0}
}
@media screen and (min-width: 1440px) {#report-highlights{padding-top:5rem}}

/*disable links that have no target for featured summaries component*/
.paragraph--type--featured-summaries article .image-link[data-href=""] {cursor:initial;pointer-events:none}
.paragraph--type--featured-summaries article .f--sub-title a[href=""] {pointer-events:none}

/*disable links that have no target <nolink> for Description and card carousel component*/
.paragraph--type--description-card-carousel .c--description-card-carousel-slide .image-link[href=""] {cursor:initial;pointer-events:none}
.paragraph--type--description-card-carousel .c--description-card-carousel-slide .f--sub-title a[href=""] {pointer-events:none}

/*Adjust padding issue caused by rich text components above*/
.cc--rich-text + .cc--component-container > .c--component > .inner-wrapper {padding-top:3.125rem}
@media screen and (min-width:768px) {.cc--rich-text + .cc--component-container > .c--component > .inner-wrapper {padding-top:5rem}}
@media screen and (min-width:1024px){.cc--rich-text + .cc--component-container > .c--component > .inner-wrapper {padding-top:5.625rem}}
.mini-site-section .cl--component-list > .cc--component-container:not(.cc--hero-basic):not(.cc--slideshow) > .c--component > .inner-wrapper {padding-top:0}

/*RutgersHealth logo sizing */
/*#main-content-basic {margin-top:6.875rem}*/
#l--main-header-basic .mobile-nav .mobile-nav-topbar-container {min-height:6.87rem}

.cc--basic-branding-header a img {width:14.4375rem;height:auto}
@media screen and (min-width: 768px){.cc--basic-branding-header a img {width:14.4375rem;height:auto}}
@media screen and (min-width: 1024px){.cc--basic-branding-header a img {width:20rem;height:auto}}
@media screen and (min-width: 1200px){.cc--basic-branding-header a img {width:24rem;height:auto}}

/*RutgersHealth footer logo explicit size declaration for FF*/
.cc--basic-footer .c--basic-footer .cc--basic-branding-footer a img {width:264px;height:auto}

/*Increase sticky promo z-index to prevent it from overlaid (esp by Hero component)*/
.sticky-promo-inner {z-index:10 !important}

/*css adjustments for components and mini-site pages with sticky side-navs*/
@media screen and (min-width: 768px) {
  .cc--description-summary-cards .c--description-summary-cards .title-cta-inner,
  .cc--description-image-cards .c--description-image-cards .title-cta-inner,
  .chaptered-page .tab-content.fixed .chapter-menu,
  .cc--news-display .title-cta-inner,
  .cc--events-display .c--events-display .title-cta-inner {top:100px}
}
@media screen and (min-width: 1024px) {
  .cc--description-summary-cards .c--description-summary-cards .title-cta-inner,
  .cc--description-image-cards .c--description-image-cards .title-cta-inner,
  .chaptered-page .tab-content.fixed .chapter-menu,
  #main-content-basic .cc--mini-site-sidebar .c--mini-site-sidebar,
  .cc--news-display .title-cta-inner,
  .cc--events-display .c--events-display .title-cta-inner {top:200px}
}


/*Move editing block for pages to bottom of page when logged in; also hide contextual menu*/
.cc--admin-tabs {
    position: fixed!important;
    left: 0;
    bottom: 0;
    top: auto!important;
    right: auto!important;
    width: 100%;
    height: 3rem;
    line-height: 0;
}

.cc--admin-tabs .c--admin-tabs {
    padding-bottom: 0.625rem;
    padding-left: 0.375rem;
    padding-right: 0.375rem;
    font-size: 1rem;
    font-weight: 600;
}

.cc--admin-tabs {
    padding-bottom: 0.625rem;
    padding-left: 0.375rem;
    padding-right: 0.375rem;
    font-size: 1rem;
    font-weight: 600;
    display: none;
}

@media screen and (min-width: 768px) {
    .cc--admin-tabs {
        display:block;
    }
}
.contextual-links {
  display: none!important;
}
.contextual-links * {
  margin: 0px!important;
  padding: 0px!important;
  line-height: 1!important;
}
.contextual.open .contextual-links {
  display: block!important;
}
.contextual-links li {
  border: none!important;
  margin: 0.375rem 0 0.375rem!important;
  padding: 0 .375rem!important;
  ;}
.contextual-links li::after {
  content: none!important;
}
.contextual-links a:hover {
  color: #c03!important;
  text-decoration: none!important;
}

/*in the news component - allow for wrapping*/
@media screen and (min-width: 768px) { 
  .cc--in-the-news .cards {flex-wrap:wrap}
  .cc--in-the-news .card {margin-bottom: 5rem !important}
}

