/* css styles */
/*-- scss:defaults --*/
@import 'fonts.css';
/* Note: League Script font still loaded from Google Fonts for signature styling */
@import 'https://fonts.googleapis.com/css2?family=League+Script&display=swap';

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

a {color: #92278E;}

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


.panel-tabset .nav-link {
  color: #92278E !important;
}


.panel-tabset .nav-link.active {
  color: black !important;
}

.panel-tabset .nav-link:hover {
  color: #854e82 !important;
}


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


#foreword-from-the-director-of-public-health-foreword-from-the-director-of-public-health {
    background-color: #ffffff; /* White background */
    padding: 20px;
    border-radius: 20px;
    color: #000000; /* Black text */
}


/* Image and text layout for foreword */
.image-text-container {
    margin-bottom: 1rem;
}

.circular-image {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    object-fit: cover;
    float: left;
    margin: 0 20px 20px 0;
}

.text-content {
    text-align: justify;
}

/* Clear float after container */
.image-text-container::after {
    content: "";
    display: table;
    clear: both;
}

/* Business sense purple panel */
.business-sense-panel {
    background-color: #92278E; /* Purple background */
    padding: 20px;
    border-radius: 20px;
    color: #ffffff; /* White text */
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    line-height: 1.6;
    margin-top: 0;
    margin-bottom: 1.5rem;
}

/* Remove paragraph margins inside business sense panel */
.business-sense-panel p {
    margin: 0;
    padding: 0;
}

/* Signature section styling */
.signature-section {
    margin-top: 30px;
    margin-bottom: 30px;
}

.signature-name {
    font-family: 'League Script', cursive;
    font-size: 2.5rem;
    color: #2e4245;
    margin-bottom: 5px;
}

.signature-title {
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    color: #2e4245;
    font-weight: 500;
}

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


#toc-title {
  color: #92278E; /* 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 */
}

/* Change SVG icon colour in sidebar to #2e4245 using CSS filter */
/*.sidebar nav[role=doc-toc] img[src$=".svg"],
#TOC img[src$=".svg"] {
    filter: brightness(0) saturate(100%) invert(17%) sepia(19%) saturate(588%) hue-rotate(160deg) brightness(95%) contrast(91%);
}*/

/* Change SVG icon size in sidebar*/
.sidebar nav[role=doc-toc] img[src$=".svg"],
#TOC img[src$=".svg"] {
    width: 10px;
    height: auto;
    padding-top: 10px;
}

/* Change png icon size in sidebar*/
.sidebar nav[role=doc-toc] img[src$=".png"],
#TOC img[src$=".png"] {
    width: 20px;
    height: auto;
    padding-top: 10px;
}

/* Change png icon colour in sidebar to #2e4245 using CSS filter */
.sidebar nav[role=doc-toc] img[src$=".png"],
#TOC img[src$=".png"] {
    filter: brightness(0) saturate(100%) invert(22%) sepia(6%) saturate(15%) hue-rotate(40deg) brightness(103%) contrast(97%);
}


.sidebar {
  font-family: 'Oswald', sans-serif !important;
  text-transform: uppercase;
}



/* Left navigation bar - Hover effect */
.sidebar .sidebar-item a:hover {
  color: #31CDC1 !important; /* Teal shade */
}

/* Left navigation bar - Active link */
.sidebar .sidebar-item a.active {
  color: #31CDC1 !important;
}


/* TOC (navigation on the right) hover */
.sidebar nav#TOC a:hover {
  color: #92278E !important;
}

/* TOC (navigation on the right) active */
.sidebar nav#TOC a.active {
  color: #92278E !important;
  border-left: 2px solid #92278E !important;
}



/* other-links (navigation through chapters) hover */
.sidebar .quarto-other-links a:hover {
  color: #92278E !important;
}

/* other-links (navigation through chapters) active */
.sidebar .quarto-other-links a.active {
  color: #92278E !important;
  border-left: 2px solid #92278E !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: #92278E !important;
    border-color: #92278E !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;
}

#TOC #toc-middle-super-output-areas-2021 {
    display: none !important;
}

#title-block-header {
    background-color: #f2f2f2; /* Very light grey colour */
    padding: 20px;
    border-radius: 20px; 
    color: #3E3E3E; 
}

#title-block-header::before {
    content: "";
    /* Additional styling for the 'TAGS' text */
    display: block;
    margin-bottom: 10px; /* Space between 'TAGS' and the rest of the content */
    color: #34b5aa; 
}


/* #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;
} */



/* #the-cost-of-inaction-is-enormous-doing-nothing-is-not-an-option-the-cost-of-inaction-is-enormous-doing-nothing-is-not-an-option {
    background-color: #f2f2f2;
    padding: 20px;
    border-radius: 20px;
} */


/* Chapter One grey panel */
.chapter-one-panel-two {
    background-color: #f2f2f2; /* grey background */
    padding: 20px;
    border-radius: 20px;
    color: #black; /* black text */
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    line-height: 1.6;
    margin-top: 0;
    margin-bottom: 1.5rem;
}

/* Remove paragraph margins inside Chapter One */
.chapter-one-panel-two p {
    margin: 0;
    padding: 0;
}



/* Chapter One grey panel */
.chapter-one-panel {
    background-color: #f2f2f2; /* grey background */
    padding: 20px;
    border-radius: 20px;
    color: #black; /* black text */
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    line-height: 1.6;
    margin-top: 0;
    margin-bottom: 1.5rem;
}

/* Remove paragraph margins inside Chapter One */
.chapter-one-panel p {
    margin: 0;
    padding: 0;
}



/* Chapter two grey panel */
.chapter-two-last-panel {
    background-color: #f2f2f2; /* grey background */
    padding: 20px;
    border-radius: 20px;
    color: #black; /* black text */
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    line-height: 1.6;
    margin-top: 0;
    margin-bottom: 1.5rem;
}

/* Remove paragraph margins inside Chapter two */
.chapter-two-last-panel p {
    margin: 0;
    padding: 0;
}


/* Chapter three purple panel */
.chapter-three-map-text {
    background-color: #92278E; /* purple background */
    padding: 20px;
    border-radius: 20px;
    color: #ffffff; /* white text */
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    line-height: 1.6;
    margin-top: 0;
    margin-bottom: 1.5rem;
}

/* Remove paragraph margins inside Chapter three */
.chapter-three-map-text p {
    margin: 0;
    padding: 0;
}

/* Chapter three grey panel */
.chapter-three-panel {
    background-color: #f2f2f2; 
    padding: 20px;
    border-radius: 20px;
    color: #000000;
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    line-height: 1.6;
    margin-top: 0;
    margin-bottom: 1.5rem;
}

/* Remove paragraph margins inside Chapter three */
.chapter-three-panel  p {
    margin: 0;
    padding: 0;
}



/* Chapter four purple panel */
.chapter-four-purple {
    background-color: #92278E; /* purple background */
    padding: 20px;
    border-radius: 20px;
    color: #ffffff; /* white text */
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    line-height: 1.6;
    margin-top: 0;
    margin-bottom: 1.5rem;
}

/* Remove paragraph margins inside Chapter four */
.chapter-four-purple p {
    margin: 0;
    padding: 0;
}


/* Chapter four grey panel */
.four-grey {
    background-color: #f2f2f2; 
    padding: 20px;
    border-radius: 20px;
    color: #000000;
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    line-height: 1.6;
    margin-top: 0;
    margin-bottom: 1.5rem;
}

/* Remove paragraph margins inside Chapter three */
.four-grey  p {
    margin: 0;
    padding: 0;
}


/* Chapter five  panel */
.chapter-five-pink {
    background-color: #e6cfe4; 
    padding: 20px;
    border-radius: 20px;
    color: #000000;
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    line-height: 1.6;
    margin-top: 0;
    margin-bottom: 1.5rem;
}

/* Remove paragraph margins inside Chapter five */
.chapter-five-pink   p {
    margin: 0;
    padding: 0;
}

/* Chapter six  panel */
.chapter-six-pink {
    background-color: #92278E; 
    padding: 20px;
    border-radius: 20px;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    line-height: 1.6;
    margin-top: 0;
    margin-bottom: 1.5rem;
}

/* Remove paragraph margins inside Chapter six */
.chapter-six-pink   p {
    margin: 0;
    padding: 0;
}

/*  footnotes colour */ 
.footnotes a {
    color: #92278E !important;
}

.footnote-ref {
  color: #92278E !important;
}



h2 {
  border-bottom: none !important;
  box-shadow: none !important;
}

h3 {
  border-bottom: none !important;
  box-shadow: none !important;
}


/* Resources  panel */
.resources-grey {
    background-color: #f2f2f2; 
    padding: 20px;
    border-radius: 20px;
    color: #000000;
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    line-height: 1.6;
    margin-top: 0;
    margin-bottom: 1.5rem;
}

/* Remove paragraph margins inside Resources */
.resources-grey p {
    margin: 0;
    padding: 0;
}

/* Exec Summary  panel */
.purple-exec-summary {
    background-color: #92278E; 
    padding: 20px;
    border-radius: 20px;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    line-height: 1.6;
    margin-top: 0;
    margin-bottom: 1.5rem;
}

/* Remove paragraph margins inside Exec Summary */
.purple-exec-summary p {
    margin: 0;
    padding: 0;
}


/* Grey panel */
.grey-panel {
    background-color: #f2f2f2; 
    padding: 20px;
    border-radius: 20px;
    color: #000000;
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    line-height: 1.6;
    margin-top: 0;
    margin-bottom: 1.5rem;
}

/* Remove paragraph margins inside grey panel */
.grey-panel p {
    margin: 0;
    padding: 0;
}

/* footnote superscript color for grey panel */
.grey-panel .footnote-ref {
  color: #92278E !important;
}

/* link color for grey panel*/
.grey-panel a {
  color: #92278E;
}


/* Pink panel */
.pink-panel {
    background-color: #e6cfe4; 
    padding: 20px;
    border-radius: 20px;
    color: #000000;
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    line-height: 1.6;
    margin-top: 0;
    margin-bottom: 1.5rem;
}

/* Remove paragraph margins inside Pink panel */
.pink-panel p {
    margin: 0;
    padding: 0;
}

/* footnote superscript color for pink panel */
.pink-panel .footnote-ref {
  color: #92278E !important;
}

/* link color for pink panel*/
.pink-panel a {
  color: #92278E;
}


/* Purple panel */
.purple-panel {
    background-color: #92278E; 
    padding: 20px;
    border-radius: 20px;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    line-height: 1.6;
    margin-top: 0;
    margin-bottom: 1.5rem;
}

/* Remove paragraph margins inside Purple panel */
.purple-panel p {
    margin: 0;
    padding: 0;
}

/* footnote superscript color for purple panel */
.purple-panel .footnote-ref {
  color: #ffffff !important;
}

/* link color for purple panel*/
.purple-panel a {
  color: #92278E;
}