@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Patrick+Hand+SC&display=swap');

  #home-link,
  #encyclopedia-link,
  #results-link,
  #context-link,
  #database-link {
    cursor: default;

  }


  a.click-brochure:hover {
    color: #E87928;
  }

  .modal__text,
  .chartTitleBackground {
    font-family: "Open Sans", sans-serif;

    font-weight: 400;
  }

  .pt-sans-regular {
    font-family: "PT Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
  }

  .pt-sans-bold {
    font-family: "PT Sans", sans-serif;
    font-weight: 700;
    font-style: normal;
  }

  .pt-sans-regular-italic {
    font-family: "PT Sans", sans-serif;
    font-weight: 400;
    font-style: italic;
  }

  .pt-sans-bold-italic {
    font-family: "PT Sans", sans-serif;
    font-weight: 700;
    font-style: italic;
  }



  #menu-item-7669,
  #menu-item-7670,
  #menu-item-7671,
  #menu-item-2898,
  #menu-item-7684,
  #menu-item-2897,
  #menu-item-2899 {
    cursor: default;
  }

  span.forthcoming {
    cursor: default;
    color: #7a7272;
    font-style: italic;
  }

  /* RESULTS - Achievement */

  .btn-custom-dl {
    font-size: 12px;
    margin: 5px 10px 5px 0px;
    border: 1px solid #ccc ;
    border-radius: 7px;
    padding: 6px 10px;
    background-color: #fdfeff;
  }

  .btn-custom-dl:focus,
  .btn-custom-dl:hover {
    color: #000;
    background-color: #fdfeff;
    box-shadow: 0 0 0 .25rem rgba(211, 212, 213, .5);
    text-decoration: none;
  }

  .btn-custom-dl .fa-solid {
    /*     color: #25599B;  */
    font-size: 18px;
    margin-right: 3px;
  }

.btn-custom-dl-text {
  font-family: 'ArialNovaBold' !important;
  font-weight: 700;
}


  .d-inline {
    vertical-align: middle;
  }

  #toggleButton,
  #toggleArrow {
    color: #01739a;
  }

  #sidePanelButton {
    margin-right: 0px;
    display: flex;
    margin-top: -42px;
    width: 200px;
    position: relative;
    top: 1px;
  }

  #upScrollWrap {
    position: relative;
  }

  /* End Results - Achievement */

  /* Encyclopedia Country page styles  */
  p.encyclopedia-citation {
    font-size: 14px;
  }

  .country-pdf {
    width: 800px;
    height: 1130px;
  }

  @media (min-width: 1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
    }
  }

  .globe-country-graphic {
    background-image: url('../wp-content/uploads/2024/09/T23-Twin-Globe-Opacity.jpg');

    webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    left: 0;
    position: fixed;
    right: 0;
    top: 213px;
    background-position-y: 204px;
    text-align: justify;
  }

  p#suggested-citation {
    font-weight: bolder;
    color: #6b6565;
    /* margin-top: 11px; */
    margin-bottom: 11px;
    display: block;
    font-size: 16px;
    font-weight: 500;
  }

  .doi-text {
    font-size: 15px;
  }

  .copyright-disclaimer {
    font-size: 15px;

  }

  #country-card {
    width: 250px;
    height: 60px;
    padding-top: 5px;
    box-shadow: none;
    border: none;

  }

  /* fix scroll right problem */
  #colScrollText1 {
    float: right;
    color: #000;
    font-size: 14px;
    margin-top: 1px;
    margin-bottom: -15px;
  }

  /* end fix scroll right problem */
  #country-card h6,
  #country-card h5 {

    /*  color:#01739a; */
  }

  #ency-card {
    width: 300px;
    height: 60px;
    padding-top: 5px
  }

  #copyright-card {
    width: 650px;
    height: 55px;
    padding-top: 0px;
    font-size: 18px;
    box-shadow: none;
    border: none;
  }

  #section-title {
    color: #017399;
    text-align: center;
    text-transform: uppercase;
  }

  .hr-citation-first {
    margin-bottom: 0.65rem;
    margin-top: 61px;
  }

  #method-subtitle {
    padding-top: 1rem;
    font-weight: 400;
    color: #01739a;
  }

  #method-subtitle-first {
    padding-top: 0;
    font-weight: 400;
    color: #01739a;
  }

  #method-h5 {
    padding-top: 15px;
    font-weight: 700;
    /*  font-size:1.15rem; */
  }

  #method-h5 a:hover {
    color: #01739a;
  }

  #method-icon {
    display: flex;
    align-items: center;
    margin-left: 0.3rem;
  }

  #method-blue {
    background-color: #01739a;
    margin-top: 2px;
  }


  .firstBlock {
    background-color: #fff;
  }

  .timss-encyclopedia-card,
  .timss-encyclopedia-card-title {
    font-size: 15px;
  }

  h6.cq-data {
    margin-top: -8px;
  }



  .timss-encyclopedia-card:not(.cq-card),
  .timss-encyclopedia-card,
  .cq-card {
    box-shadow: 1px 1px 1px #9f9fa7;
    background-color: #E2E1E6;
    align-items: center;
    width: 195px;
    height: 76px;
  }

  .timss-encyclopedia-card:not(.cq-card),
  .timss-encyclopedia-card {
    padding-top: 10px;
  }

  .timss-encyclopedia-card.cq-card {
    padding-top: 15px;
  }


  span.italic {
    font-style: italic;
  }

  span.bold {
    font-style: bold;
  }

  /* juweek visuals 7-8  24 */

  .btn-country {
    background-size: 200%;
  }

  .btn-country {
    min-width: 161px;
    background-color: #fff;
    color: #018bba;
    border-color: #ddd;
    font-family: "PT Sans Narrow", sans-serif;
    font-size: 1rem;
    font-weight: 500;
    /* line-height: 1.5rem; */
    box-shadow: 1px 1px 1px #ddd;
    padding-top: .5em;
    padding-right: .3em;
    padding-bottom: .5em;
    padding-left: .3em;
    z-index: 11;
  }

  .data-visual-buttons {
    float: left;
    /* display: flex; */
    justify-content: flex-end;
    bottom: 0;
    min-width: 450px;
    padding-top: 109px;
    margin-left: -15px;
    position: static;
  }

  /* end juweek visuals 7-8 24 */



  #meetingMaterialsLink {
    color: #5581a5;
    text-decoration: underline;
    margin-top: 12px;
    margin-bottom: 10px;
    display: block;
  }

  #pleaseNoteDownloadTimes {
    font-style: italic;
    font-size: 15px;
  }

  .t23-pdf-text {
    margin-bottom: 9px ;
    font-family: "PT Sans Narrow", sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    color: #000;
  }


  #excelBtn2>span:nth-child(2) {
    color: #000;
    font-size: 12px;
    font-family: ArialNovaBold;
    margin-top: 3px;
    margin-bottom: 1px;
    position: absolute;
    width: 40px;
    padding-left: 7px;
  }

  #excelBtn-static,
  #pdfBtn-static,
  #pdfDlButton-static {
    width: 82px;
    margin: 5px;
    margin-bottom: 5px;
    border: 1px solid #ccc;
    border-radius: 7px;
    padding: 3px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: -6px;
    padding-right: 0px;
    padding-left: 0px;
    background-color: #fdfeff;
  }

  #Download-btn {
    width: 82px;
    margin: 5px;
    margin-bottom: 5px;
    border: 1px solid #ccc;
    border-radius: 7px;
    padding: 3px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: -6px;
    padding-right: 0px;
    padding-left: 0px;
    background-color: #fdfeff;
  }

  #Download-btn>span:nth-child(2) {
    color: #000;
    font-size: 12px;
    font-family: ArialNovaBold;
    margin-top: 3px;
    margin-bottom: 1px;
    position: absolute;
    width: 40px;
    padding-left: 7px;
  }

  #Download-btn>span:nth-child(1) {
    color: #000;
    font-size: 12px;
    font-family: ArialNovaBold;
    margin-top: 3px;
    margin-bottom: 1px;
    position: absolute;
    width: 40px;
    padding-left: 7px;
  }

  #Download-btn>i:nth-child(1) {
    margin-left: -32px;
    margin-right: -2px;
  }

  #Download-btn>i:nth-child(1) {
    margin-left: -31px;
  }

  .btn-custom-dl .fa-solid {
    /* color: #25599B; */
    font-size: 18px;
    margin-right: 3px;
  }

  .btn-custom-dl .fa-solid {
    color: #3690bb;
    background-color: #fff;
  }

  #Download-btn .fa-solid {
    /* color: #25599B; */
    font-size: 18px;
    margin-right: 3px;
  }

  #Download-btn .fa-solid {
    color: #3690bb;
    background-color: #fff;
  }

  .nav-tabs .nav-link.active {
    border-color: #ddd;
  }

  .nav-tabs .nav-link {
    border-color: #ddd;
  }

  .pdf-icon-blue {
    color: #0385C2;
  }

  .download-exhibit-button {
    margin: 10px;
    display: flex;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding-top: 8px;
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 8px;
    padding-bottom: 0px;
    box-shadow: 1px 1px 1px #ddd;
    margin-bottom: 12px;
    width: 127px;
  }

  .description-block p {
    text-align: center;
    padding-top: 15px;
    font-size: 18px;
    font-weight: 600;
    white-space: pre;
    overflow-x: ellipses;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 11px;
  }

  #t23Nav #navbarNavDropdown {
    margin-top: 6px;
  }


  .static-data-display-topic {
    text-align: center;
    font-weight: 700;
  }

  .pdf-embed {
    height: 1000px;
  }

  .country-list li a {
    font-size: 23px;
    cursor: pointer;
    color: black;
    text-transform: none;
  }

  #copyright-card a:hover {
    text-decoration: none;
  }

  .country-list li a:hover,
  .country-list li a.active {
    color: #01739a;
    text-decoration: underline;
  }

  .side-title {
    font-weight: 900;
    font-size: 1.5rem;
    color: #01739a;
  }

  .side-title a:hover {
    text-decoration: underline;
    color: #01739a;
  }

  .method-list li {
    line-height: 1.3;
    padding-bottom: 10px;
  }

  .method-list li a {
    font-size: 20px;
    cursor: pointer;
    color: black;
    text-transform: none;
  }

  .method-list li a:hover,
  .method-list li a.active {
    color: #01739a;
    text-decoration: underline;
  }


  #authors {
    font-size: 1.1rem;
    font-weight: 500;
    color: #464242;
  }

  #country-name {
    font-size: 2rem;
    /* font-family: 'Verdana", sans-serif; */
    color: #01739a;
    font-weight: 400;
  }

  .encyclopedia-pdf-buttons {
    float: right;
    display: flex;
    justify-content: flex-end;
    min-width: 450px;
  }

  .encyclopedia-pdf-buttons a {
    margin-left: 1rem;
  }

  .benchmark-pdf-buttons a {
    margin-left: 0.5rem;
  }

  .data-visual-buttons {
    float: left;
    display: flex;
    justify-content: flex-end;
    min-width: 450px;
  }

  .data-visual-buttons a {
    margin-left: 1rem;
  }

  .btn-benchmark {

    color: #018bba;

    font-family: "PT Sans Narrow", sans-serif;
    font-size: 1rem;
    font-weight: 500;
    box-shadow: none;
    z-index: 11;
    min-width: 90px;
    /*   background-color: #fff; */
    color: #018bba;
    border: 1px solid lightgray ;
    border-color: #ddd ;
    transition: box-shadow 0.2s;
    font-family: "PT Sans Narrow", sans-serif;
    font-size: 1rem;
    font-weight: 500;
    /* line-height: 1.5rem; */

    padding-top: .5em;
    padding-right: .2em;
    padding-bottom: .5em;
    padding-left: .3em;
    background-size: 200%;
  }

  .btn-benchmark .fas {
    color: #018bba;
    margin-right: 0.5rem;
  }

  .btn-benchmark:hover .fas {
    color: #018bba;
  }

  .btn-benchmark:hover {
    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.25);
  }

  .btn-country {
    min-width: 161px;
    /*   background-color: #fff; */
    color: #018bba;
    border: 1px solid lightgray;
    box-shadow: none;
    transition: box-shadow 0.2s;
    font-family: "PT Sans Narrow", sans-serif;
    font-size: 1rem;
    font-weight: 500;
    /* line-height: 1.5rem; */

    padding-top: .5em;
    padding-right: .3em;
    padding-bottom: .5em;
    padding-left: .3em;
  }

  .btn-country .fas {
    color: currentColor;
    margin-right: 8px;
    /* Uses the current text color of the button */
  }

  .btn-country:hover .fas {
    color: #018bba;
  }

  .btn-country:hover {
    /* Adds a larger outer shadow that looks like a thicker border */
    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.25);
    /* Adjust thickness and color here */
  }



  .btn-country {
    /*
    background: linear-gradient(to left, white 50%, rgb(33 111 138) 50%) right;
      background-position: left;

  */
    ;
    background-size: 200%;
  }

  .btn-country:hover {
    /*   background-color: rgb(33 111 138) */
    text-decoration: none;
  }



  .country-divider {
    border-top: 3px solid #FFB900 ;
    margin-top: 8px;
    margin-bottom: 16px;
    opacity: 1;
  }

  .cq-data {
    margin-bottom: -20px;
  }

  #ency-sidebar {
    margin-top: 4rem;
    padding-top: 2rem;

    text-align: center;
    color: black;

    /*  height: 420px; */
  }

  .ency-list li:last-child {
    border-bottom: none;
  }

  .ency-list li {
    color: black;
  }

  #ency-sidebar .sidebar-title {
    font-size: 2.0rem;
    color: #01739a;
    font-family: "PT Sans Narrow", sans-serif;
    font-weight: bold;
    margin-bottom: 1rem;
  }

  #country-sidebar {
    margin-top: 10.8rem;
    padding-top: 2rem;
    text-align: center;
    background-color: #eee;
    color: #01739a;
    text-transform: uppercase;
    height: 900px;
    overflow-y: scroll;
  }

  .sidebar-title {}

  #country-sidebar .sidebar-title {
    font-size: 1.5rem;
    color: #01739a;
    font-family: "PT Sans Narrow", sans-serif;
    font-weight: bold;
    margin-bottom: 1rem;
  }

  .ency-list {
    list-style-type: none;
    padding-left: 0;
    margin: 15px;
  }

  .ency-list li {
    font-size: 1rem;
    font-size: 22px;
    color: #0288b6;
    font-family: "PT Sans Narrow", sans-serif;
    /* font-weight: bold; */
    margin-bottom: 7px;
    border-bottom: 2px solid #ccc;
  }

  .country-list {
    list-style-type: none;
    padding-left: 0;
    margin: 15px;
  }

  .country-list li {
    font-size: 1rem;
    font-size: 22px;
    color: #0288b6;
    font-family: "PT Sans Narrow", sans-serif;
    /* font-weight: bold; */
    margin-bottom: 7px;
    border-bottom: 2px solid #ccc;
  }


  #method-sidebar {
    margin-top: 10.8rem;
    padding-top: 2rem;
    text-align: center;
    background-color: #eee;
    color: #01739a;
    height: 900px;
    overflow-y: scroll;
    font-size: 1.5rem;
    font-family: "PT Sans Narrow", sans-serif;

    margin-bottom: 1rem;
  }

  .method-list {
    list-style-type: none;
    padding-left: 0;
    margin: 15px;
  }

  .method-list li {
    font-size: 1rem;
    font-size: 22px;
    color: black;
    font-family: "PT Sans Narrow", sans-serif;
    /* font-weight: bold; */
    margin-bottom: 7px;
    border-bottom: 2px solid #ccc;
  }

  .method-list li:last-child {
    border-bottom: none;
  }

  .method-list li span {
    display: block;
    font-size: 1.2rem;
    color: #01739a;
    font-style: italic
  }

  p#suggested-citation {
    font-weight: bolder;
    color: #6b6565;
    /* margin-top: 11px; */
    margin-bottom: 11px;
    display: block;
    font-size: 14px;
    font-weight: 500;
  }

  p.encyclopedia-citation {}

  #footer-full-content {
    padding-top: 20px;
  }

  a.folder-1-materials-link:hover {
    color: #000;
    text-decoration: none;
  }

  .mobile-spacer {
    display: none;
  }

  /*
.card-body {
  background-color: #EAEFF2;
}
*/

  .disp-svg-flex {
    display: flex;
    align-items: center;
  }

  #genderPlotsKey {
    width: 720px;
    margin-left: auto;
    margin-right: auto;
  }

  .t23-card-text:last-child {
    margin-bottom: 20px;
  }

  .about-intro {
    background-color: #fff;
  }

  .t23-group-item.clickable {
    background-color: #EAEFF2;
    background-color: #e5edf2;
  }

  #percentageKey {
    width: 340px;
  }

  #distributionKey {
    width: 340px;
  }

  #page-wrapper {
    background-color: #fff;
  }

  .math-1,
  .math-2,
  .science-1,
  .science-2 {
    max-width: 697px;
  }

  .about-section-wrap {
    padding: 10px;
  }

  .wrapper {
    padding: 0;
  }

  #wrapper-footer-full {
    height: 60px;
  }

  h5#mathHeader {
    height: 30px;
    padding-top: 3px;
    background-color: #000;
    font-weight: 700;
  }

  .math-row-second {
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
  }

  .first-note {}

  .please-note:nth-child(1) {}

  p.download-note {
    display: block;
    font-style: italic;
    margin-bottom: 0px;

    font-family: Arial, sans-serif;
    font-size: 17px;
    padding: 8px;
  }

  p.download-note-two {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    border-left: 1px solid #000;
  }

  .simple-border {
    border: 1px solid #000;
  }

  .math-row {
    border: 1px solid #000;
  }

  .math-2 {}

  .science-2 {}

  /*
p.download-note:nth-child(2), .second-download-note {
  border-left: 2px solid #000;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
}
*/

  .ffolder.folder-1 {
    background-color: #DAE3F3;
  }


  /*
.ffolder.big {
    width: 264px;
    height: 183px;
    border-radius: 0px 15px 0px 0px;
    box-shadow: 1px 1px #ccc;
}

200 139

190 132

180 125

*/

  .ffolder.big {
    width: 190px;
    height: 132px;
    border-radius: 0px 15px 0px 0px;
    box-shadow: 1px 1px #ccc;
  }


  .folder-1 {
    background-color: #D3A76F;
  }

  .ffolder {
    position: relative;
    display: inline-block;
    text-align: center;
    cursor: pointer;
  }

  .ffolder.folder-1 span,
  .ffolder.folder-1:before {
    background-color: #DAE3F3;
  }

  .ffolder.big:before {
    top: -24px;
    left: 0;
    width: 96px;
    height: 24px;
    border-radius: 14px 0 0;
  }

  .ffolder:after,
  .ffolder:before {
    content: " ";
    display: block;
    position: absolute;
  }

  .ffolder.folder-1:after {
    border-bottom-color: #ae895a;
  }

  .ffolder.folder-1:after {
    border-bottom-color: #ae895a;
  }


  .ffolder:after {
    width: 0;
    height: 0;
  }

  .ffolder:after,
  .ffolder:before {
    content: " ";
    display: block;
    position: absolute;
  }

  .ffolder:after {
    width: 0;
    height: 0;
  }

  .ffolder:after,
  .ffolder:before {
    content: " ";
    display: block;
    position: absolute;
  }

  a.folder-1-materials-link,
  .folder-1-text {
    font-weight: 600;
    font-size: 19px;
  }

  .folder-1-info a {
    text-align: center;
  }

  .ffolder.folder-1:after {
    border-bottom-color: #DAE3F3;
  }

  .ffolder2.folder-1:after {
    border-bottom-color: #ae895a;
  }

  .ffolder2.folder-1:after {
    border-bottom-color: #ae895a;
  }


  .ffolder2:after {
    width: 0;
    height: 0;
  }

  .ffolder2:after,
  .ffolder2:before {
    content: " ";
    display: block;
    position: absolute;
  }

  .ffolder2:after {
    width: 0;
    height: 0;
  }

  .ffolder2:after,
  .ffolder2:before {
    content: " ";
    display: block;
    position: absolute;
  }

  a.folder-1-materials-link,
  .folder-1-text {
    font-weight: 600;
    font-size: 19px;
  }

  .folder-1-info a {
    text-align: center;
  }

  .ffolder.folder-1:after,
  .ffolder2.folder-1:after {
    border-bottom-color: #DAE3F3;
  }

  .folder-1-inner span {
    margin-top: 27px;
    display: block;
    font-weight: 600;
    font-size: 19px;
  }

  .g4-science-folder {
    background-color: #E2F0D9 ;
  }

  .g4-science-folder:before,
  .g4-science-folder:after,
  .g4-science-folder {
    background-color: #E2F0D9 ;
    border-color: #E2F0D9 ;
  }


  /*
.math-1, .science-1  {
  border: 2px solid #000;
}
.math-2, .science-2 {
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-top: 2px solid #000;
}
*/


  .math-1,
  .science-1,
  .math-2,
  .science-2 {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .math-1 .ffolder,
  .science-1 .ffolder,
  .math-2 .ffolder,
  .science-2 .ffolder {
    margin: 60px;
  }

  .math-row {
    margin-left: 0px;
    margin-right: 0px;
  }

  .g4-science-span {
    background-color: #E2F0D9 ;
  }


  .g4ScienceBanner p {
    background-color: #E2F0D9 ;
    color: #000;
    font-family: Arial, sans-serif;
    font-weight: 600;
    font-size: 1.25rem;
  }

  .g8ScienceBanner p {
    color: #fff;
    font-family: Arial, sans-serif;
    font-weight: 600;
    background-color: #385723 ;
    font-size: 1.25rem;
  }

  .g8ScienceBanner {}

  .g8ScienceBanner,
  .g4ScienceBanner {
    width: 100%;
    height: 35px;
  }

  .g8ScienceBanner p,
  .g4ScienceBanner p {
    height: 35px;
    padding-top: 1px;
  }

  #g8-science-span,
  .g8-science-folder {
    background-color: #385723 ;
    color: #fff;
  }

  .science-1 .text-center a {
    color: #000;
    background-color: #E2F0D9 ;
  }


  .ffolder.big:after {
    top: -24px;
    left: 78px;
    border: 12px solid #DAE3F3;
    border-radius: 2px 8px 1px;
  }

  .ffolder.big.g8-math-folder:after {
    background-color: #2a64a5 ;
  }

  .ffolder:after {
    width: 0;
    height: 0;
  }

  .ffolder:after,
  .ffolder:before {
    content: " ";
    display: block;
    position: absolute;
  }

  *,
  ::after,
  ::before {
    box-sizing: border-box;
  }

  .ffolder {
    position: relative;
    display: inline-block;
    text-align: center;
    cursor: pointer;
  }

  #g8-mathemathics-span {
    color: #fff ;
    background-color: #203864 ;
  }

  /* folder hover effects 

#g4-mathemathics-span:hover,
#g8-mathemathics-span:hover,
#g8-science-span:hover,
#g8-science-span:hover,
.folder-1-inner span:hover,
div.math.math-1 > div > div > div.folder-1-info > div > a:hover,
#g8-mathemathics-span:hover,
div.folder-1-info > div > div.arrow-inline-text > p:hover,
.hoveredFolderText
{
  text-decoration: underline ;
  color: #ccc ;
}
*/

  #g8-materials-link {
    color: #fff;
  }

  #g8-folder-text {
    color: #fff;
  }

  .g8-folder-text {
    color: #fff;
  }

  .g8-math-folder {
    background-color: #203864 ;
  }

  .g8-math-folder:before,
  .g8-math-folder:after {
    background-color: #203864 ;
    border-color: #203864 ;
  }

  .ffolder.folder-4 span,
  .ffolder.folder-4:before,
  .ffolder.folder-4:after,
  .ffolder.big.folder-4:after,
  .ffolder.big.folder-4:before {
    background-color: #385723 ;
    border-color: #385723 ;
  }



  #g4MathBanner,
  #g8MathBanner,
  .g4ScienceBanner,
  .g8ScienceBanner {
    width: 100%;
    height: 35px;
  }

  #g4MathBanner {
    background-color: #438bd4;
  }

  #g4MathBanner p {
    font-weight: 600;
    color: #000;
    height: 35px;
    font-size: 1.25rem;
    padding-top: 1px;
  }

  #g8MathBanner {
    background-color: #2a64a5;
  }

  #g8MathBanner p {
    font-weight: 600;
    height: 35px;
    font-size: 1.25rem;
    padding-top: 1px;
  }

  .no-gutters {
    margin-right: 0;
    margin-left: 0;
  }

  .no-padding-right {
    padding-right: 0;
  }

  .no-padding-left {
    padding-left: 0;
  }


  .exhibit-intro h3,
  .exhibit-intro h4 {
    color: #017399;
  }

  /* database page url /data */
  .res-v3-side-nav-v2 {
    /* margin-top: 275px;*/
    margin-top: 701px;
  }

  .narrow-caps {
    font-stretch: 90%;
    font-weight: 550;
    font-family: "Open Sans", sans-serif;

    text-align: left;
    color: rgb(85, 85, 85);
    font-size: 15px;
    margin-top: 10px;
    text-transform: uppercase;
  }

  .citation-field {
    font: 0.83rem "Open Sans";
    border-bottom: 1px solid #ddd;
    margin: 0;
    padding: 1rem 0;
  }

  #download-center-link,
  #download-center-link2,
  #download-center-link3 {
    color: #b83726;
  }

  hr {
    box-sizing: content-box;
    overflow: visible;
    background-color: #ccc;
    display: block;
    border: 0;
    border-top-width: 0px;
    border-top-style: none;
    border-top-color: currentcolor;
    border-top: 2px solid #ccc;
    margin: 1em 0;
    padding: 0;
  }

  /* This is where the font size was set to .97rem */
  a,
  a.individualchapters:link a.downloadlink {
    color: #a64235;
    font-size: 1rem;
    text-decoration: none;
  }

  /* color: #a64235; */
  p a:hover {
    text-decoration: underline;
  }

  .userGuide h1 {
    font-size: 2rem;
  }

  .userGuide h2 {
    font-size: 1.5rem;
    margin-top: 32px;
  }

  .card {
    border-radius: 0px;
  }


  .citation-field {
    border-top: 1px solid #ddd;
  }

  @media screen and (max-width: 991px) {



    .pdf-embed {
      min-height: 800px;
    }

    .timss-encyclopedia-card-title {}

    .cq-data {
      margin-bottom: -11px;
    }

    .res-v3-side-nav-v2 {
      margin-top: 0 ;
    }

    .first-note {
      display: none;
    }

    .mobile-spacer {
      display: block;
      flex: 0 0 auto;
      width: 16.66666667%;
    }

    .math-row-second {
      border-left: 1px solid #000;
    }

  }

  @media screen and (max-width: 800px) {
    .resultsMiniNavigation {
      display: block ;
    }

    .download-note {
      padding-top: 7px;
      padding-bottom: 7px;

    }

  }

  @media screen and (max-width:768px) {

    .mobile-spacer {
      display: block;
      flex: 0 0 auto;
      width: 16.66666667%;
    }
  }

  blockqoute {
    margin-left: 12px ;
  }

  #sourceParagraph {
    margin-left: 12px ;
  }

  span#smallNd {
    font-size: 9px;
    margin-top: 1px;
    position: absolute;
    margin-right: 8px;
  }

  /* end database page */



  .t23BackButton {
    font-weight: 500;
    font-size: 15px;
    color: #017399;
    margin-bottom: 20px;
  }

  .list-group-item {
    border: 0px;
  }

  .t23BackButton i {
    color: #0385C2;
  }

  .methodBackButton {
    font-weight: 500;
    font-size: 15px;
    color: #01739a;
    margin-top: 40px;
    margin-bottom: 0px;

  }

  .methodBackButton i {
    color: #01739a;
  }

  .methodBackButton a {
    color: #01739a;
  }

  .t23-read span {
    margin-top: -3px;
    display: inline-block;
    padding-left: 22px;
    white-space: pre;
    color: #017399;
  }

  .t23-group-item span:hover,
  .t23-group-item:hover,
  a.t23-group-item:hover .t23-read span:hover {
    color: #0385C2;
    text-decoration: none;
  }

  *,
  ::after,
  ::before {
    box-sizing: border-box;
  }

  .t23-read {
    margin-bottom: 0;
    float: right;
    padding-left: 22px;
    white-space: pre;
    font-size: 15px;
  }

  .t23-single-group-item {
    /*   background-color: #efefef; */
    margin-bottom: 10px;
    border: none;
    padding-bottom: 0;
  }

  .t23-single-read {
    margin-bottom: 0;
    float: right;
    padding-left: 22px;
    white-space: pre;
    font-size: 15px;
  }

  .t23-single-read span {
    margin-top: -3px;
    display: inline-block;
    padding-left: 22px;
    white-space: pre;
    color: #017399;
  }

  .t23-single-readMoreWrap {
    width: 20px ;
    height: 20px ;
    display: inline-block;
    /* float: right; */
  }



  #graphContainer {
    z-index: 2;
    background-color: #fff;

  }

  #main-nav:nth-child(0) {
    display: block;
    width: 1499px;
    margin-left: auto;
    margin-right: auto;
  }

  #t23Nav>#main-nav:nth-child(1) {
    border-top: solid 3px #e22326;
  }

  #main-nav .dropdown-item.active,
  #main-nav .dropdown-item:active {
    background-color: #e9ecef;
  }

  /*Animated icons*/
  /* Icon 1 */

  .animated-icon1,
  .animated-icon2,
  .animated-icon3 {
    width: 30px;
    height: 20px;
    position: relative;
    margin: 0px;

    transition: .5s ease-in-out;
    cursor: pointer;
  }

  .animated-icon1 span,
  .animated-icon2 span,
  .animated-icon3 span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }


  .animated-icon1 span {
    background: #fff;
    background-color: #fff;
  }

  .animated-icon2 span {
    background: #fff;
    background-color: #fff;
  }

  .animated-icon3 span {
    background: #fff;
    background-color: #fff;
  }



  .animated-icon1 span:nth-child(1) {
    top: 0px;
  }

  .animated-icon1 span:nth-child(2) {
    top: 10px;
  }

  .animated-icon1 span:nth-child(3) {
    top: 20px;
  }

  .animated-icon1.open span:nth-child(1) {
    top: 11px;
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
  }

  .animated-icon1.open span:nth-child(2) {
    opacity: 0;
    left: -60px;
  }

  .animated-icon1.open span:nth-child(3) {
    top: 11px;

    transform: rotate(-135deg);
  }

  /* Icon 3*/

  .animated-icon2 span:nth-child(1) {
    top: 0px;
  }

  .animated-icon2 span:nth-child(2),
  .animated-icon2 span:nth-child(3) {
    top: 10px;
  }

  .animated-icon2 span:nth-child(4) {
    top: 20px;
  }

  .animated-icon2.open span:nth-child(1) {
    top: 11px;
    width: 0%;
    left: 50%;
  }

  .animated-icon2.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .animated-icon2.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .animated-icon2.open span:nth-child(4) {
    top: 11px;
    width: 0%;
    left: 50%;
  }

  /* Icon 4 */

  .animated-icon3 span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }

  .animated-icon3 span:nth-child(2) {
    top: 10px;
    -webkit-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }

  .animated-icon3 span:nth-child(3) {
    top: 20px;
    -webkit-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }

  .animated-icon3.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0px;
    left: 8px;
  }

  .animated-icon3.open span:nth-child(2) {
    width: 0%;
    opacity: 0;
  }

  .animated-icon3.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 21px;
    left: 8px;
  }

  .animated-icon1,
  .animated-icon2,
  .animated-icon3 {
    width: 30px;
    height: 20px;
    position: relative;
    margin: 0px;
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
  }

  .animated-icon3 span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;

    -o-transform-origin: left center;
    transform-origin: left center;
  }


  .animated-icon1 span,
  .animated-icon2 span,
  .animated-icon3 span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }

  .animated-icon3 span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }

  animated-icon3 span:nth-child(2) {
    top: 10px;
    -webkit-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }

  .animated-icon3 span:nth-child(3) {
    top: 20px;
    -webkit-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }

  .animated-icon3.open span:nth-child(1),
  .animated-icon3.open span:nth-child(3) {
    background-color: rgb(168 208 231);
  }


  #footer-logo-tpbciea {}

  .fa-map-marker-alt {
    padding-right: 4px;
  }

  #t23Nav img {}

  #t23Nav img:hover {
    filter: drop-shadow(.048em .048rem .055em #000);
  }

  #t24-sub-footer {
    position: absolute ;
    overflow: visible;
    background-color: #1D282C;
    left: 0;
    padding: .8rem;
    color: #6c757d ;
    text-align: center;
    right: 0;

  }

  #t24-sub-footer p {
    margin-top: 5px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    color: rgb(108, 117, 125);
  }

  .timss-encyclopedia-intro h2 {
    color: #017399;
  }



  /*   border-radius: 0.25rem; */




  .cq-card .card-body .card-title {}

  .timss-encyclopedia-card:hover,
  .timss-encyclopedia-card.active {
    background-color: #ccc;
    color: #fff;
  }

  .timss-encyclopedia-card:hover .card-body .card-title,
  .timss-encyclopedia-card:hover .card-title {
    color: #fff;
  }

  .timss-encyclopedia-card-title {
    font-weight: 400;
    text-align: center;
    width: 100%;
  }

  .timss-encyclopedia-citation-title {
    font-size: 1.1rem;
    font-weight: 300;
    width: 100%;
  }


  .timss-encyclopedia-citation {
    font-size: 0.85rem;
  }

  .timss-encyclopedia-intro {
    margin-bottom: 2rem;
  }

  .timss-encyclopedia-intro h1 {
    margin-bottom: 1.5rem;
  }

  .timss-encyclopedia-intro p.lead {
    font-size: 1.1rem;
    font-weight: 500;
    color: #464242;
  }

  .timss-encyclopedia-card-container {
    margin-bottom: 1.5rem;
  }

  .timss-encyclopedia-citation-hr {
    max-width: 284px
  }

  #timss-encyclopedia-doi {
    font-size: 0.8rem;
    white-space: pre;
  }

  #timss-encyclopedia-copyright {
    font-size: 0.75rem;
    font-weight: 600;
    max-width: 260px
  }

  .clickable {
    cursor: pointer;
  }

  .t23-about {
    text-transform: uppercase;
    margin-bottom: 0;
    font-weight: 300;
  }

  .carotWrap {
    background-color: #FFCC00;
    width: 20px ;
    height: 20px ;
    display: inline-block;
    border-radius: 50%;
    float: right;
  }

  .aboutCarotWrap {
    background-color: #FFCC00;
    width: 20px ;
    height: 20px ;
    display: inline-block;
    border-radius: 50%;
    float: left;
    margin-right: 14px;
  }

  .about-list-group li a {
    border-bottom: 6px solid #fff;
    padding-bottom: 6px;
  }

  .readMoreWrap {
    width: 20px ;
    height: 20px ;
    display: inline-block;
    /* float: right; */
  }


  .t23-single-readMoreWrap i {
    color: #0385C2;
  }

  .t23-about .fa-caret-right {
    font-size: 17px;
    padding-left: 5px;
    border-radius: 20px;
    margin-top: .05em;
    display: block;
    margin-left: 1px;
    position: absolute;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
  }

  .t23-about .fa-caret-right.rotateArrowIcon {
    transform: rotate(90deg);
    padding-left: 9px;
    margin-top: -.18em;
  }

  .carotWrap.rotate {
    background-color: #978989;
    width: 20px ;
    height: 20px ;
    display: inline-block;
    border-radius: 50%;
  }

  .aboutCarotWrap.rotate {
    background-color: #978989;
    width: 20px ;
    height: 20px ;
    display: inline-block;
    border-radius: 50%;
  }


  .t23-about span {
    margin-top: -3px;
    display: inline-block;
    font-family: "Open Sans", sans-serif;

  }

  .t23-about span:hover {
    color: #017399;
  }


  .t23-section-wrap {
    background-color: #fff;
    border-radius: 3px;
    margin: 0;
    margin-bottom: 3px;
  }

  .t23-section-wrap p {
    color: #000;
  }

  .section-content {
    /*
  display: none;
  padding-top: 18px;
  */
  }

  .slideVisible {
    display: block;


  }

  @-webkit-keyframes slide-down {
    0% {
      opacity: 0;
      transform: translateY(-100%);
    }

    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @-moz-keyframes slide-down {
    0% {
      opacity: 0;
      transform: translateY(-100%);
    }

    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .t23-card-title {
    text-align: center;
    color: #017399;
    font-size: 38px;
    text-transform: uppercase;
  }

  .t23-card-text {
    text-align: center;
  }

  /* testing new nav */

  #t23Nav>.navbar-dark .navbar-nav .nav-link:hover {
    color: #555a5d ;
  }

  #main-nav:nth-child(1) {
    border-bottom: none;
  }

  #t23Nav>#main-nav:nth-child(1) {
    background-image: -webkit-linear-gradient(top, #01739a, #01739a 64px, transparent 64px, transparent 100%) ;
    border-bottom: none;
  }

  div#navbarNavDropdown,
  div#navbarNavDropdown.navbar-collapse.collapse,
  #main-nav>div .container {
    background: #D7E5ED;
  }


  /*
#t23Nav > #main-nav:nth-child(1) {
    background-color: #D7E5ED ;
    background: #D7E5ED;
    border-bottom: none;
}
*/

  /*  background-color: #01739a ;
 */

  #t23Nav>.navbar-dark .navbar-nav .nav-link {
    color: #01739a ;
    font-family: "PT Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 25px;
    line-height: 2rem;
    text-transform: capitalize;
  }


  /* Icon 1 */

  #nav-icon1,
  #nav-icon2,
  #nav-icon3,
  #nav-icon4 {
    width: 60px;
    height: 45px;
    position: relative;
    margin: 50px auto;
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
  }

  #nav-icon1 span,
  #nav-icon3 span,
  #nav-icon4 span {
    display: block;
    position: absolute;
    height: 9px;
    width: 100%;
    background: #fff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;

    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }

  #nav-icon1 span:nth-child(1) {
    top: 0px;
  }

  #nav-icon1 span:nth-child(2) {
    top: 18px;
  }

  #nav-icon1 span:nth-child(3) {
    top: 36px;
  }

  #nav-icon1.open span:nth-child(1) {
    top: 18px;
    -webkit-transform: rotate(135deg);

    -o-transform: rotate(135deg);
    transform: rotate(135deg);
  }

  #nav-icon1.open span:nth-child(2) {
    opacity: 0;
    left: -60px;
  }

  #nav-icon1.open span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(-135deg);

    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }


  /* test nav */

  .navbar-dark .navbar-toggler {
    color: rgba(0, 0, 0, .5) ;
    border-color: rgba(0, 0, 0, .1) ;
    margin-top: -3px;
  }

  .navbar-toggler-icon::before {
    content: "☰";
    position: absolute;
    font-size: 35px;
    margin-left: -15px;
    margin-top: -5px;
  }

  .navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background: no-repeat center center;
    background-size: 100% 100%;
  }

  .navbar-toggler {
    border: none;
    background: transparent ;
  }

  .navbar-toggler:focus {
    outline: none;
    box-shadow: none;
  }

  .navbar-toggler .navbar-toggler-icon {

    transition: transform 0.3s ease-in-out;
  }

  .navbar-toggler.active .navbar-toggler-icon {
    transform: rotate(90deg);
  }

  .active.navbar-toggler-icon::before,
  .active>.navbar-toggler-icon::before {
    content: "" ;
    position: absolute;
    font-size: 35px;
    margin-left: -15px;
    margin-top: -5px;
  }

  /* end test nav */
  /* Icon 2 */

  #nav-icon2 {}

  #nav-icon2 span {
    display: block;
    position: absolute;
    height: 9px;
    width: 50%;
    background: #d3531a;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }

  #nav-icon2 span:nth-child(even) {
    left: 50%;
    border-radius: 0 9px 9px 0;
  }

  #nav-icon2 span:nth-child(odd) {
    left: 0px;
    border-radius: 9px 0 0 9px;
  }

  #nav-icon2 span:nth-child(1),
  #nav-icon2 span:nth-child(2) {
    top: 0px;
  }

  #nav-icon2 span:nth-child(3),
  #nav-icon2 span:nth-child(4) {
    top: 18px;
  }

  #nav-icon2 span:nth-child(5),
  #nav-icon2 span:nth-child(6) {
    top: 36px;
  }

  #nav-icon2.open span:nth-child(1),
  #nav-icon2.open span:nth-child(6) {
    transform: rotate(45deg);
  }

  #nav-icon2.open span:nth-child(2),
  #nav-icon2.open span:nth-child(5) {
    transform: rotate(-45deg);
  }

  #nav-icon2.open span:nth-child(1) {
    left: 5px;
    top: 7px;
  }

  #nav-icon2.open span:nth-child(2) {
    left: calc(50% - 5px);
    top: 7px;
  }

  #nav-icon2.open span:nth-child(3) {
    left: -50%;
    opacity: 0;
  }

  #nav-icon2.open span:nth-child(4) {
    left: 100%;
    opacity: 0;
  }

  #nav-icon2.open span:nth-child(5) {
    left: 5px;
    top: 29px;
  }

  #nav-icon2.open span:nth-child(6) {
    left: calc(50% - 5px);
    top: 29px;
  }

  /* Icon 3 */

  #nav-icon3 span:nth-child(1) {
    top: 0px;
  }

  #nav-icon3 span:nth-child(2),
  #nav-icon3 span:nth-child(3) {
    top: 18px;
  }

  #nav-icon3 span:nth-child(4) {
    top: 36px;
  }

  #nav-icon3.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
  }

  #nav-icon3.open span:nth-child(2) {

    transform: rotate(45deg);
  }

  #nav-icon3.open span:nth-child(3) {

    transform: rotate(-45deg);
  }

  #nav-icon3.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
  }

  /* Icon 4 */

  #nav-icon4 span:nth-child(1) {
    top: 0px;
    transform-origin: left center;
  }

  #nav-icon4 span:nth-child(2) {
    top: 18px;
    transform-origin: left center;
  }

  #nav-icon4 span:nth-child(3) {
    top: 36px;

    transform-origin: left center;
  }

  #nav-icon4.open span:nth-child(1) {
    transform: rotate(45deg);
    top: -3px;
    left: 8px;
  }

  #nav-icon4.open span:nth-child(2) {
    width: 0%;
    opacity: 0;
  }

  #nav-icon4.open span:nth-child(3) {
    transform: rotate(-45deg);
    top: 39px;
    left: 8px;
  }

  /* end testing new nav */


  /* Juweek CSS for https://timss-2023.replit.app/ses
 */

  /*
.container {
    width: 1024px;
    padding: 2em;
} */

  #table {
    z-index: 1;
  }

  #L2-menu {
    z-index: 2;
  }

  .bold-blue {
    font-weight: bold;
    color: #05314b;
  }

  .bold-blue td {
    background-color: #f4f4f4 ;
  }

  /*
#container {
    width: 90vw;
    max-width: 1000px;
    padding: 2em;
    overflow-x: auto;
    margin: auto;
    font-family: "Open Sans", sans-serif;

}
 */

  #table {
    box-shadow: inset -5px 0 5px -5px rgba(0, 0, 0, 0.5);
    overflow-x: auto;
  }

  #table th,
  #table td {
    /* Adjust as needed */
    text-align: left;
    padding: 4px;
    white-space: normal;
    /* Allows text to wrap */
    word-wrap: break-word;
    /* Ensures long words do not overflow */
  }

  .no-records-found {
    display: none;
  }

  .empty-cell {
    background-color: #f0f0f0;
    /* Grayish background */
  }

  .zero-score {
    background-color: #f0f0f0;
    /* Lighter gray to distinguish from empty cells */
    color: #000;
  }

  /* Target the first header cell */
  #table thead th:first-child {
    min-width: 180px;
    /* or whatever width you prefer */
    text-align: right;
  }

  /* Optionally, if you also want to adjust the cells in the body */
  #table tbody td:first-child {
    min-width: 180px;
    /* Ensure consistent column width */
    text-align: right;
    padding-right: 8px;
  }

  /* Target the first header cell */
  #table tbody td,
  #table thead th {
    max-width: 9rem;
    min-width: 9rem;
  }

  #table thead tr:nth-of-type(2) td {
    background-color: #fff;
  }

  #table thead th {
    text-align: center;
  }

  /* Adjustments for smaller screens */
  @media (max-width: 760px) {
    #container {
      width: 95vw;
      /* Allows the container to take up more of the viewport width */
      padding: 1em;
      /* Reduces padding on smaller screens */
    }

    #table th,
    #table td {
      min-width: 5rem;
      /* Smaller min-width for table cells on smaller screens */
    }

    .group-header th:first-child {
      border-bottom: none;
    }

    /* Hide top border of the second "Country" header cell */
    #table thead th[data-field="Country"] {
      border-top: none;
    }
  }

  .stdErrorColumn {
    max-width: .5rem ;
  }

  .fixed-table-container thead th .th-inner {
    white-space: break-spaces;
    word-wrap: break-word;
  }

  .fixed-table-body {
    height: 500px ;
  }

  #table {
    position: relative;
    font-size: small;
  }

  #table thead th {
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 1;
    height: 60px;
    line-height: 60px;
    padding: 0px;
  }

  .fht-cell {
    display: none;
  }

  tbody tr:nth-child(odd) {
    background-color: #EFF7FF;
    /* light red color, change as needed */
  }


  .higherColumn {
    background-color: rgb(242, 242, 242) ;
  }


  td.knowingColumn.arrowColumn {
    display: table-cell;
    flex-direction: row;
    justify-content: space-between;
  }

  td.arrowColumn {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

  .number {
    text-align: right;
  }

  .arrow {
    padding-right: 6px;
  }

  .fixed-table-container thead th .th-inner {
    line-height: 14px;
  }

  /* end juweek CSS */

  /* t23 hamburger nav */

  .hamburger {
    cursor: pointer;
    position: relative;
    width: 100px;
    height: 44px;
    z-index: 1000;
    display: inline-block;
    position: absolute;
    left: .5rem;
    top: .4rem;
  }

  .card-header {
    z-index: 3;
  }


  .hamburger svg {
    transition: transform 0.3s ease-in-out;
  }

  .hamburger .line1,
  .hamburger .line2,
  .hamburger .line3 {
    stroke: #fff;
    stroke-width: 2;
    stroke-linecap: round;
    transition: all 0.3s ease-in-out;
  }

  .hamburger.active .line1 {
    transform: translateX(0.17em) translateY(-0.04em) rotate(45deg);
    stroke: #fff;
  }

  .hamburger.active .line3 {
    transform: translateY(.19em) translateX(-.30em) rotate(-45deg);
    stroke: #fff;
  }

  .hamburger.active .line2 {
    opacity: 0;
  }


  svg {
    vertical-align: middle;
  }

  /* end t23 hamburger nav */

  #mainLogoImg {
    width: 200px;
    margin-left: 36px;
    margin-top: -3px;
  }

  .bg-primary {
    background-color: transparent ;
  }


  .site-info,
  .entry-title {
    display: none;
  }

  footer .site-info,
  html body.home.page-template.page-template-page-templates.page-template-fullwidthpage.page-template-page-templatesfullwidthpage-php.page.page-id-13.logged-in.admin-bar.wp-custom-logo.wp-embed-responsive.understrap-no-sidebar.customize-support div#page.site div#wrapper-footer-full.wrapper div#footer-full-content.container div#wrapper-footer.wrapper div.container div.row div.col-md-12 footer#colophon.site-footer div.site-info {
    display: block;
  }

  #L2-menu {
    background-color: #01739a;
  }

  #L2-menu h1 {
    background-color: #01739a;
    color: #FFF;
    margin-bottom: 0;
    padding-left: 31px;
    padding-bottom: 7px;
  }

  /* #L2-menu h1, */
  #L2-menu h2 {
    cursor: pointer;
    font-family: "EB Garamond", serif;
 font-size: 2.5rem;
    padding: 0 0 .3rem 2.3rem;
  }

  #L2-menu h2 {
    background-color: rgb(1 115 154, .5);
    color: #017399;
    font-size: 25px;
    line-height: 3rem;
    padding-left: 3rem;
  }

  #L2-menu h2>a {
    color: #017399;
    text-decoration: none;
    font-size: 25px ;
  }

  #L2-menu h3 {
    color: #772419;
    font-size: 1rem;
    text-transform: uppercase;
    line-height: 1.5rem;
    padding: .5rem 0 .25rem 4rem;
  }

  #L2-menu h3:hover {
    background-color: #ddd;
  }


  body {
    font-family: "Open Sans", sans-serif;

    background-color: #FFF;
    position: relative;
    margin: 0 auto;
    margin-bottom: 60px ;
  }

  html {
    position: relative ;
    min-height: 100% ;
  }

  #L2-menu {
    position: absolute;
    width: 100%;
    margin-bottom: 100px;
    height: 51px;
    z-index: 1;
  }



  #L2 img.pl-2 {
    image-rendering: crisp-edges;
  }

  /* p21 styles */
  @import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap);



  #L2 img.pl-2 {
    image-rendering: crisp-edges;
  }

  body {
    font-family: "Open Sans", sans-serif;

    background-color: #FFF;
    position: relative;
    margin: 0 auto;
    margin-bottom: 60px ;
  }

  html {
    position: relative ;
    min-height: 100% ;
  }



  i {
    color: #fff;
  }

  .twitter_link,
  .youtube_link,
  .linkedin_link {
    display: block;
    float: left;
    width: auto;
    min-width: 25px;
    text-align: center;
    line-height: 20px;
    padding: 5px;
    margin-left: 3px;
    margin-bottom: 3px;
    transition: background .6s ease-out;
    -webkit-transition: background .6s ease-out;

    background: rgba(0, 0, 0, .1);
    font-size: 18px;
    line-height: 20px;
    vertical-align: middle;
    padding: 6px;
    margin-left: 12px;
    margin-top: 15px;
  }

  .entry-content p a:not(.btn) {
    text-decoration: none;
  }

  #wrapper-footer-full {
    background-color: #5686da;
    border-top: 4px solid #e22326;
  }

  .footer-text {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 16px;
    line-height: 24px;
    color: #fff ;
  }

  .widget {
    background-color: #5686da;
  }

  html {
    background-color: #5686da;
  }

  .text-widget p,
  #text-5>div:nth-child(1)>p:nth-child(1) {
    margin-top: 0;
    margin-bottom: 1rem;
    /*
  font-family: 'Poppins', sans-serif ; */
    font-size: 16px;
    line-height: 24px;
  }

  .footercol2 {
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 20px;
  }

  #containerfooter {
    padding-top: 30px;
    position: relative;
    margin-top: 80px;
  }

  #containerfooter .virtue_social_widget a {
    background: rgba(0, 0, 0, .1);
  }

  .footerBig {
    background-color: #5686da;
    border-top: 4px solid #e22326;
  }

  #containerfooter h3,
  #containerfooter,
  .footercredits p,
  .footerBig a,
  .footernav ul li a {
    color: #ffffff;
  }

  #containerfooter .virtue_social_widget a {
    display: block;
    float: left;
    width: auto;
    min-width: 25px;
    text-align: center;
    line-height: 20px;
    padding: 5px;
    margin-left: 3px;
    margin-bottom: 3px;
    transition: background .6s ease-out;
    -webkit-transition: background .6s ease-out;
    -o-transition: background .6s ease-out;
  }

  #containerfooter .virtue_social_widget a i {
    font-size: 18px;
    line-height: 20px;
    vertical-align: middle;
  }

  #containerfooter .facebook_link:hover,
  .virtue_social_widget .facebook_link:hover {
    background: #3b5998;
  }

  #containerfooter .virtue_social_widget .twitter_link:hover,
  .virtue_social_widget .twitter_link:hover {
    background: #9AE4E8;
  }

  #containerfooter .virtue_social_widget .youtube_link:hover,
  .virtue_social_widget .youtube_link:hover {
    background: #F33;
  }

  #containerfooter .virtue_social_widget .linkedin_link:hover,
  .virtue_social_widget .linkedin_link:hover {
    background: #4875B4;
  }



  #mini-menu a {
    text-align: center;
  }

  #mini-menu a {
    color: #000;
  }

  a,
  #mini-menu a {
    color: #000;
  }

  .entry-header {
    display: none;
  }

  .search-wrapper .entry-header {
    display: block ;
  }

  .country-h1 {
    color: #555;
    font-size: 2.8rem;
    font-weight: 500;
    margin: 0;
  }

  #main-nav:nth-child(1) {
    background-color: #fff ;
    /*
    border-bottom: solid 3px #e22326;
  */
  }

  .navbar-dark .navbar-nav .nav-link {
    color: #000;
  }



  .pirls-nav-h2 a {
    background-color: rgb(1 115 154, .5);
    color: #017399;
    font-size: 1.75rem;
    line-height: 3rem;
  }

  #wrapper-footer-full {
    /* breaks visuals 
  position: absolute;
  */
    bottom: 0;
    width: 100%;
  }




  #search-wrapper {
    margin-top: 60px;
  }

  .fa-magnifying-glass:hover {
    cursor: pointer;
  }

  #custom-search-button {
    position: absolute;
    top: 11px;
    left: 1px;
    z-index: 3;
    background-color: transparent;
    color: #fff;
    border: none;
  }

  .widget_search {
    width: 200px;
    float: right;
    margin: 0;
    margin-top: 0px ;
    padding: 0px ;
  }

  .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #b83726;
    border-color: #b83726;
  }

  .page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #b83726;
    background-color: #fff;
    border: 1px solid #b83726;
  }

  .widget {
    background-color: transparent ;
  }

  #s-1 {
    background: rgba(255, 255, 255, .2);
    border: none;
    color: #fff;
    height: 25px;
    line-height: normal;
    margin-bottom: 0;
    box-shadow: none;
    font-size: 13px;
    margin-top: 7px;
    padding-left: 32px;
  }


  .navbar-brand .img-fluid {
    max-width: 281px;
    width: 281px;
  }

  .banner,
  .headerclass {
    background-color: #5686da;
    height: 40px;
  }

  .search-query {
    margin-top: 6px;
  }

  .navbar-dark .navbar-nav .nav-link {
    color: #000;
    font-family: "Open Sans", sans-serif;

    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    padding: 10px 20px;
    padding-right: 20px;
    padding-left: 20px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;

    -o-transition: all .3s ease-out;
  }

  .navbar-dark .navbar-nav .nav-link:hover,
  .navbar-dark .navbar-nav .nav-link:active,
  dark .navbar-nav .show>.nav-link {
    color: #5686da ;
  }

  .navbar-dark .navbar-nav .show>.nav-link {
    color: #5686da ;
  }

  #topbar-search input[type="text"] {
    background: url(https://timss2023.org/img/20white.png);
    background: rgba(255, 255, 255, .2);
    border: none;
    color: #fff;
    height: 25px;
    line-height: normal;
    margin-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 7px;
  }


  input[type="text"]::placeholder {
    color: #fff ;
  }

  ::-webkit-input-placeholder,
  :-ms-input-placeholder,
  ::placeholder {
    color: #fff ;
  }

  .form-search .search-query {
    display: block;
    position: relative;
    right: 0;
    width: 100%;
    height: 35px;
    margin: 0;
    margin-bottom: 0px;
    border: none;
    padding: 5px 5px 5px 35px;
    font-size: 13px;
    font-weight: 400;
    color: #777;
    background-color: #fff;
    border: 1px solid;
    border-color: #eee;
    border-color: rgba(196, 196, 196, .4);
    border-radius: 0;
    box-sizing: border-box;
  }



  #footer {
    background: url("https://timss2023.org/general-module/img/footer.png") no-repeat top center;
    height: 256px;
    width: 100%;
    bottom: 0;
    margin-top: 3rem;
  }



  #header {
    width: 100%;
    text-align: center;
  }

  .push-right {
    margin-left: 5px;
  }

  .read-more,
  .read-less,
  .p21-button {

    -o-transition: all .2s;
    -webkit-border-radius: 5px;
    -webkit-transition: all .2s;
    background-color: #fff;
    border: 2px solid;
    border-color: #bb9f67;
    border-radius: 5px;
    color: #aa3f30 ;
    float: right;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin: 0 0 15px;
    padding: 4px 10px;
    text-align: center;
    text-decoration: none ;
    text-shadow: none;
    text-transform: uppercase;
    transition: all .2s;
  }


  .active[data-tab-content] {
    display: block;
  }

  .bg-EF {
    background-color: #efefef ;
  }

  .border-for-testing {
    border: 1px solid #f0f;
  }

  .caps {
    text-transform: uppercase;
  }

  #L2-menu #accordion .card {
    margin-bottom: -1px;
    border: none;
    background: rgb(1 115 154, .5);

  }

  #L2-menu #accordion .card-body {
    padding: 0;
    z-index: 3;
  }


  #L2-menu #accordion .card {
    margin-bottom: -1px;
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    border-radius: 0;
    background: rgb(1 115 154, .5);
  }

  #L2-menu h3 {
    color: #017399;
    font-size: 1rem;
    text-transform: uppercase;
    background-color: rgb(1 115 154, .5);
    margin: 0;
  }

  #L2-menu #accordion .card-header {
    background-color: rgba(0, 0, 0, .03);
    border-bottom: none;
    margin: 0;
    padding: 0;
  }

  #L2-menu #accordion .card-header h3 a {
    color: #017399;
    line-height: 1;
    margin: .2em 0;
  }

  /* TIMSS AND PIRLS UNIVERSAL HEADER ALSO ON p21 */

  .navbar-dark .navbar-nav .nav-link {
    color: #000;
    font-family: "Open Sans", sans-serif;

    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    padding: 10px 20px;
    padding-right: 20px;
    padding-left: 20px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;

    -o-transition: all .3s ease-out;
  }

  .navbar-dark .navbar-nav .nav-link {
    color: #000 ;
  }

  #s-1 {
    background: rgba(255, 255, 255, .2);
    border: none;
    color: #fff;
    height: 25px;
    line-height: normal;
    margin-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 13px;
    margin-top: 7px;
    padding-left: 32px;
  }

  #s-1::placeholder,
  ::placeholder {
    color: #fff;
  }

  .fa-magnifying-glass:before,
  .fa-search:before {
    content: "\f002";
  }

  /* END TIMSS AND PIRLS UNIVERSAL HEADER */



  @media(min-width:900px) {
    .mobile-row {
      display: none;
    }

    .desktop-row {

      display: block;
      margin-left: auto;
      margin-right: auto;
      width: 900px;
    }

    #L2-menu {
      padding-left: 20%;
    }

    .address-text {
      padding-left: 30px;
    }

    .ffolder.big {}



  }

  @media(max-width:899px) {
    #timss23Banner {}

    .ffolder.big {
      width: 180px;
      height: 125px;
    }

    #confidential {
      display: none ;
    }

    p.download-note {
      padding: 10px;
      padding-bottom: 10px;
      margin-bottom: 20px;
    }
  }

  @media(max-width:576px) {
    .ffolder.big {
      width: 160px;
      height: 111px;
    }

    .folder-1-inner span,
    a.folder-1-materials-link,
    .folder-1-text {
      font-size: 16px;
    }
  }

  @media(min-width:1500px) {
    #t23Nav>#main-nav:nth-child(1) {
      border-bottom: none;
      /* limit nav width
    width: 1499px;
    */
      margin-left: auto;
      margin-right: auto;
    }

  }

  @media(max-width:1100px) {

    .timss-encyclopedia-card-title {}


  }

  @media(max-width:900px) {
    #L2-menu {
      padding-left: 10%;
    }

    .mobile-row {
      display: block;
    }

    .desktop-row {
      display: none;
    }
  }

  /* folder overrides */

  ffolder.folder-1 {
    background-color: #90A4CC;
  }

  .ffolder.big {
    margin-top: 70px;
    width: 264px;
    height: 183px;
    border-radius: 0px 15px 0px 0px;
    background-color: background-color: #ccc;
    background-color: #90A4CC;
  }

  .ffolder2.big {
    margin-top: 70px;
    width: 264px;
    height: 183px;
    border-radius: 0px 15px 0px 0px;
    background-color: background-color: #ccc;
    background-color: ccc;
  }


  .folder-1 {
    background-color: #90A4CC;
  }

  .ffolder {
    position: relative;
    display: inline-block;
    text-align: center;
    cursor: pointer;
  }

  .ffolder2 {
    position: relative;
    display: inline-block;
    text-align: center;
    cursor: pointer;
  }

  .ffolder.folder-1 span,
  .ffolder.folder-1:before {
    background-color: #788FC0;
    color: #fff;
    width: 181px;
    border-radius: 14px;
  }

  .ffolder.big:before {
    top: -24px;
    left: 0;
    width: 96px;
    height: 24px;
    border-radius: 14px 0 0;
    background-color: #90A4CC;
  }

  .ffolder:after,
  .ffolder:before {
    content: " ";
    display: block;
    position: absolute;
  }

  .ffolder2.folder-1 span,
  .ffolder.folder-1:before {
    background-color: #788FC0;
    color: #fff;
    width: 181px;
    border-radius: 14px;
  }

  .ffolder.big:before {
    top: -24px;
    left: 0;
    width: 96px;
    height: 24px;
    border-radius: 14px 0 0;
    background-color: #90A4CC;
  }

  .ffolder:after,
  .ffolder:before {
    content: " ";
    display: block;
    position: absolute;
  }

  *,
  ::after,
  ::before {
    box-sizing: border-box;
  }

  .ffolder {
    position: relative;
    display: inline-block;
    text-align: center;
    cursor: pointer;
  }

  .ffolder.folder-1:after {
    border-bottom-color: #90A4CC;
  }

  .ffolder.big:after {
    top: -24px;
    left: 88px;
    background-color: #90A4CC;
    border: 12px solid transparent;
    z-index: 1;
    height: 10px;
    transform: rotate(360deg);
  }

  .ffolder:after {
    width: 0;
    height: 0;
  }

  .ffolder:after,
  .ffolder:before {
    content: " ";
    display: block;
    position: absolute;
  }

  .ffolder.folder-1:hover span,
  .ffolder.folder-2:hover span,
  .ffolder.folder-3:hover span,
  .ffolder.folder-4:hover span,
  .ffolder.folder-5:hover span,
  .ffolder.folder-6:hover span,
  .ffolder.folder-7:hover span,
  .ffolder.folder-8:hover span,
  .ffolder.folder-9:hover span {
    color: #fff;
  }

  .ffolder.folder-1:hover span,
  .ffolder.folder-2:hover span,
  .ffolder.folder-3:hover span,
  .ffolder.folder-4:hover span,
  .ffolder.folder-5:hover span,
  .ffolder.folder-6:hover span,
  .ffolder.folder-7:hover span,
  .ffolder.folder-8:hover span,
  .ffolder.folder-9:hover span {
    color: #fff;
  }

  .ffolder.folder-1 span {
    color: #FFF;
    font-size: 28px;
    width: 236px;
    white-space: break-spaces;
    font-family: ArialNovaBold;
  }

  .ffolder.folder-1 span,
  .ffolder.folder-1:before {}

  .ffolder span {
    font-size: 12px;
    padding: 2px 8px;
    border-radius: 15px;
    white-space: nowrap;
  }

  .ffolder i,
  .ffolder span {
    position: absolute;
    top: 36%;
    left: 50%;
    transform: translate(-50%, -50%);
  }


  *,
  ::after,
  ::before {
    box-sizing: border-box;
  }

  .ffolder {
    position: relative;
    display: inline-block;
    text-align: center;
    cursor: pointer;
  }

  .ffolder.folder-1 span {
    color: #FFF;
    font-size: 22px;
    width: 225px;
    white-space: break-spaces;
    color: #FFF;
    font-size: 22px;
    width: 225px;
    white-space: break-spaces;
    font-family: "Open Sans", sans-serif;

  }

  .confidential {
    background-color: #0285C2;
    text-align: center;
    color: #fff;
  }

  .nrc-table:nth-child(1) {
    margin-top: 25px;
  }

  .nrc-table-2 {
    margin-top: -23px;
  }


  .download-column {
    width: 600px;
    background-color: #fff;
  }

  .table-panel-row-header {
    background-color: #FBEDEE;
  }

  #contentsNote {
    font-style: italic;
    width: 330px;
    font-size: 15px;
  }

  #agenda1 {
    line-height: .8;
    font-weight: 500;
    margin-bottom: 7px;
    font-size: 17px;
  }



  #agenda2 {
    line-height: .8;
    font-weight: 500;
  }

  span.karatSpacer {
    margin-right: 5px;
    margin-left: 11px;
  }

  #agenda3 {
    line-height: .8;
    font-weight: 500;
  }

  #agenda3Half {
    line-height: .8;
    margin-left: 29px;
    font-weight: 500;
  }

  #agenda4 {
    line-height: .8;
    font-weight: 500;
  }

  .contents-column {
    width: 481px;
    background-color: #fff;

  }

  #sidePanelButton::before,
  #downloadButton1::before {
    content: " ";
    display: inline-block;
    margin-right: 5px;
    width: 13px;
    height: 13px;
    margin-left: 1px;
    margin-top: 4px;
    background-image: url(../wp-content/uploads/2024/07/chart.png);
    background-repeat: no-repeat;
    background-size: contain;
  }

  #searchBarResults div::before,
  #resetButton div::before {
    content: " ";
    display: inline-block;
    margin-right: 5px;
    width: 10px;
    height: 10px;
    margin-left: 3px;
    margin-top: 4px;
    border: 1px solid #000;
    border-radius: 100px;
    background-image: url(../wp-content/uploads/2024/07/x-symbol.png);
    background-repeat: no-repeat;
    background-size: contain;
  }

  .ffolder2.big:before {
    top: -24px;
    left: 0;
    width: 96px;
    height: 24px;
    border-radius: 14px 0 0;
    background-color: #90A4CC;
  }

  .ffolder2.big:after {
    top: -24px;
    left: 88px;
    background-color: #90A4CC;
    border: 12px solid transparent;
    z-index: 1;
    height: 10px;
    transform: rotate(360deg);
  }

  .ffolder2.folder-1 span {
    color: #FFF;
    font-size: 22px;
    width: 225px;
    white-space: break-spaces;
    color: #FFF;
    font-size: 22px;
    width: 225px;
    white-space: break-spaces;
    font-family: "Open Sans", sans-serif;

  }

  .ffolder.big.second {
    margin-top: 70px;
    width: 264px;
    height: 183px;
    border-radius: 0px 15px 0px 0px;
    background-color: background-color: #ccc;
    background-color: #808389;
  }


  .ffolder.big.second:before {
    top: -24px;
    left: 0;
    width: 96px;
    height: 24px;
    border-radius: 14px 0 0;
    background-color: #808389;
  }

  .ffolder.big.second:after {
    background-color: #808389;
  }

  .ffolder.second.folder-1 span,
  .ffolder.second.folder-1:before {
    background-color: #808389;
  }

  .ffolder.second.folder-1 span {
    background-color: #6a6d72;
  }

  #main-nav:nth-child(1).blue-border {
    /*
      background: linear-gradient(to bottom, #017399 0%, #017399 70px, rgba(0,0,0,0) 70px); */

  }

  .dropdown-menu {
    width: 245px;
  }

  #search-3 {
    display: none;
  }

  #doi-enc,
  #doi-ir {
    color: #464242;
    font-size: inherit;
  }

  #doi-enc:hover,
  #doi-ir:hover {
    color: #01739a;
  }

  #breadcrumb {
    color: #017399;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 30px;
    text-transform: none;
  }

  #breadcrumb a {
    color: #017399;
    font-size: 15px;
  }

  #breadcrumb a:hover {
    text-decoration: underline;
  }

  #breadcrumb-ir-yoast {
    color: #017399;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 30px;
    text-transform: none;
  }

  #breadcrumb-ir-yoast a {
    color: #017399;
    font-size: 15px;
  }

  #breadcrumb-ir-yoast a:hover {
    text-decoration: underline;
  }

  #button-grid-ir-mat-sci .dropdown-menu a.dropdown-item {
    white-space: normal;
  }

  #toggle-able .dropdown-menu a.dropdown-item {
    white-space: normal;
  }




  .page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #01739A;
    background-color: #fff;
    border: 1px solid #01739A;
  }

  .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #01739A;
    border-color: #01739A;
  }