/* css styles */
/*-- scss:defaults --*/
@import 'https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&family=Oswald:wght@300;400;500&display=swap';

#quarto-content {
  font-family: 'Poppins', sans-serif !important;
  font-family: 'Oswald', sans-serif;
  color: black;
}

$link-color: #30d5c8;

.panel-tabset .nav-item {
  font-family: 'Oswald';
  text-transform: uppercase;
}

#contributors {
    background-color: #3e3e3e; /* Black colour */
    color: #ffffff; /* White colour */
    padding: 20px;
    border-radius: 20px;
}



#why-is-it-important-to-population-health-why-is-it-important-to-population-health {
    background-color: #f2f2f2; /* Very light grey colour */
    padding: 20px;
    border-radius: 20px; 
}


#further-analysis-and-assessments-further-analysis-assessments {
    background-color: #f2f2f2; /* Very light grey colour */
    padding: 20px;
    border-radius: 20px; 
}


#toc-title {
  color: #34b5aa; /* Set the color */
  margin-bottom: 20px;
}

/* General TOC link styles */
#TOC a {
    display: flex;
    align-items: center;
    color: #3E3E3E;
    margin-bottom: 10px; /* Adjust if needed */
}

/* Styles for the icons */
#TOC a img {
    visibility: visible; /* Ensures icons are visible */
    width: 45px;
    height: 45px;
    margin-right: 10px; /* Space between icon and text */
}


$sidebar-hl: #30d5c8;

.sidebar {
  font-family: 'Oswald', sans-serif !important;
  text-transform: uppercase;
}
 
.sidebar-item-container .active, .sidebar-item-container .show>.nav-link, .sidebar-item-container .sidebar-link>code {
    color: #31CDC1 !important; 
}

.sidebar a.active {
    color: #31CDC1 !important;
}
 
.table {
  border-style: none;
}

/* remove grey lines in tables */
.table {
  border-color: #ffffff;
}


.thead, tbody, tfoot, tr, td, th {
    border-color: white;
    border-style: none;
    border-width: 0;
}

.tfoot {
  border-color: #ffffff;
  border-style: none;
}

/*  remove titles from webpages */
.quarto-title > h1.title {
  opacity: 0 !important;
  font-size: 0px;
}




/*-- footer style --  */

.footer-container {
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-top: 1em;
  margin-top: 2.5em;
  background-color: #3e3e3e;
}

.footer-text h3, .h3 {
  font-family: 'Noto Sans';
  color: white;
  font-size: .875rem;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  margin-top: 0.3rem;
  border-bottom: 0;
  padding-bottom: 0;
  padding-top: 0px;
}

.footer-text p, .p {
  color: white;
  font-size: .875rem;
  font-weight: 400;
}

.footer-text p > a {
  color: white;
  font-size: .875rem;
  font-weight: 400;
}

.footer-text p > a:hover {
  color: #939bc9;
  font-size: .875rem;
  font-weight: 400;
}

.footer-block {
  max-width: 1000px;
  margin: 0 auto;
  padding-top: 1em;
  padding-bottom: 1.8em; 
  box-sizing: border-box;
  background-color: #3e3e3e;
} 


/* nav bar */

.navbar {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  font-family: 'Oswald';
  font-size: 1em !important;
}



.navbar-brand.navbar-brand-logo {
  display: flex;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-right: 0 !important;
  margin-left: 1.5em !important;
}

@media (max-width: 991px) {
  .navbar-brand.navbar-brand-logo {
    margin-left: 5vw;
    margin-right: 10vw;
}
}

.navbar-logo {
  max-height: 150px !important;
  width: auto;
  align-items: baseline;
}

@media (max-width: 991px) {
.navbar-logo {
  max-height: 100px;
  width: auto;
  align-items: baseline;
}
}

.navbar-dark .navbar-nav .nav-link {
  color: black;
  font-weight: 400;
}

.navbar-dark .navbar-nav .nav-link:hover {
  color: #31CDC1;
  font-weight: 400;
}

.navbar-dark .navbar-nav .show>.nav-link, .navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active {
  color: #31CDC1;
}

.nav-item {
  margin-top: 5rem; 
}

/*change selected page number box colour on A-Z*/
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #31CDC1 !important;
    border-color: #31CDC1 !important;
}

@media (max-width: 1200px) {
  .nav-item {
    margin-right: 0.5rem;
}
}

@media (max-width: 991px) {
  .nav-item {
    margin-top: 0;
    margin-right: 0rem;
}
}

.aa-DetachedSearchButton {
  margin-top: 5rem;
}

@media (max-width: 991px) {
  .aa-DetachedSearchButton {
    margin-top: 0;
}
}

/* heading font */
h1, h2, h3, h4, h5, h6 {
  font-family: Oswald;
  font-weight: normal !important;
  text-transform: uppercase;
}

#TOC #toc-trend-data {
    display: none !important;
}

#TOC #toc-derbyshire-quilt {
    display: none !important;
}

#TOC #toc-prevalence-maps-of-derbyshire {
    display: none !important;
}

#TOC #toc-slope-index {
    display: none !important;
}

#TOC #toc-life-expectancy-and-healthy-life-expectancy-by-deprivation {
    display: none !important;
}

#TOC #toc-life-expectancy-and-healthy-life-expectancy {
    display: none !important;
}

#TOC #toc-contributors {
    display: none !important;
}

#TOC #toc-phof-profile {
    display: none !important;
}




#title-block-header.quarto-title-block.default::before {
    display: none !important;
    background-color: #fff !important;
    color: #fff !important;
    padding: none !important;
}

#title-block-header {
    display: none !important;
    background-color: #fff;
    padding: none;
    border-radius: none;
    color: ##fff;
}