/*Content*/

    h1 {
      font-size: 18px;
      margin-bottom: 10px;
    }

 /*   h2 {

    }*/

    h3 {
      font-size: 18px;
      margin-bottom: 25px;
    }

    section img {
      margin-bottom: 25px;
    }

    #methodology {
      margin-bottom: 35px;
    }

    ol {
      padding-left:1.3rem;
    }

    .page-intro {
      font-weight: normal;
      font-family: serif;
      font-size: 20px;
    }

    .body-font {
      font-weight: normal;
      font-family: serif;
      font-size: 20px;
      margin-bottom: 20px;
    }

    .section-heading {
      font-family: sans-serif;
      font-size: 18px;
      font-weight: 500;
    }

    .page-title {
      font-size: 42px;
      font-weight: bold;
      margin-bottom: 20px;
    }

    .section-title {
      font-size: 30px;
      font-weight: bold;
      margin-bottom: 20px;
    }


    .breadcrumb {
      font-family: sans-serif;
      font-weight: 300;
      font-size: 16px;
    }

    .breadcrumb-separator {
      margin-left: 5px;
      margin-right: 5px;
    }


    p {
      font-weight: 400;

    }

    a {
      text-decoration: none;
      color: #607D8B;
    }

    .table-of-contents-anchor-link {
      margin-top: 0px;
      margin-bottom: 3px;
      font-size: 16px;
    }

    .quote-card {
      border-style: none;
      border-left-style: solid;
      border-left-width: 3px;
      border-radius: 0px;
      margin-bottom: 25px;
      
    }

    .card-footer {
      background-color: #FFFDE7;
    }

    .blockquote-text {
      padding: 10px;
      padding-left: 18px;
      padding-bottom: 0px;
      font-weight: 400;
      font-size: 17px;
      
    }

    .blockquote-footer {
      margin-top:15px;
    }

    /*Quotes*/

    .card:nth-of-type(3n+1) {
        border-left-color: #f7a3b2;
    }

    .card:nth-of-type(3n+2) {
        border-left-color: #a8dc98;
    }

    .card:nth-of-type(3n+3) {
        border-left-color: #8dbcea;
    }


    /*UI*/

    body {
      scroll-behavior: smooth;
    }

    section {
      margin-top: 25px;
    }

    .footer-link {
      font-size: 14px;
      margin-top: 12px;
      margin-right: 5px;
    }

    .footer-link a {
      color:#EFEFEF;
    }

    #footer_links {
      float: right;
    }


    .footer-area {
      margin-top:52px;
      background-color: #607D8B;
      padding-top:3px;
      padding-bottom:5px;
    }

    .footer-area.short {
      margin-top:0px;
    }

    #copyright_mark {
      color:#FFFFFF; 
      font-size: 14px; 
      margin-top: 12px;
    }



    #logo_img {
      margin-top:5px;
      margin-bottom:5px;
    }
    .yellow-bg {
      background-color: #FFEB3B;
    }

    .blue-bg {
      background-color: #E1F5FE;
    }

    .top-bar-action-area {
      background-color: #296efd;
      margin: 0px;
    } 

    .top-bar-action-area-text {
      color:#FFFFFF;
      font-size: 15px; 
      margin: 0px; 
      margin-top:10px;
      font-family:monospace;
      text-align: center;
    }

    /*Anchor Links Space*/

    section::before {
      display: block;
      content: " ";
      margin-top: -15px; /* Adjust according to your fixed-top height */
      height: 15px; /* Adjust according to your fixed-top height */
      visibility: hidden;
    }

    #paper {
      margin: 0 auto;
      max-width: 740px;
      margin-top: 52px;
    }

    #home_page_h1 {
      margin-top: 0px;
      font-size: 41px;
    }

    @media (max-width: 600px) {
      #paper {
        
        padding:25px;
        margin-top:0px;
        padding-left:15px;
      }

    #home_page_h1 {
      margin-top: 52px;
      font-size: 30px;
    }


    .page-title {
      font-size: 30px;
      font-weight: bold;
      margin-bottom: 20px;
    }



    }


    .share-btn-menu:hover {
      cursor: pointer;
    }

    /*.topic-box {
      height: 17vh;
    }

    .topic-box-topic-name {
      text-align: center;
      font-size: 18px;
      color: #1976D2;
    }


   .topic-box:nth-of-type(3n+1) {
        background-color: #FAFAFA;
    }

    .topic-box:nth-of-type(3n+2) {
        background-color: #F5F5F5;
    }

    .topic-box:nth-of-type(3n+3) {
        background-color: #EEEEEE;
    } */

   


    /*Search field*/

    #timeless_search {
      margin-top:0px;
      background-color: #FFFDE7;
      height:44px
    }



    #searchResults {
       position: fixed; /* or fixed, depending on your need */
       top: 100px; /* Adjust as necessary */
       left: 0;
       width: 100%;
       background-color: white;
       z-index: 1000; /* Ensure this value is higher than other elements */
       display: none; /* Hide it initially */
       box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
     }

    @media only screen and (max-width: 600px) {
      #searchResults {
      width: 100%;
      }
    }


.list-group-item {
  padding-top:10px;
  padding-bottom:10px;
  border-radius: 0px;
  border-left-style: none;
/*  font-family: monospace;*/
  cursor: pointer;
  padding-left:13px;
}


.list-group-item:nth-child(1) {
   border-top-style: none;
}

.list-group-item:hover {
  background-color: #E1F5FE;
/*  color:#FFFFFF;*/

}

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

    /*Interactive*/

    .book-citation {
        cursor: pointer; /* Change cursor to pointer */
        display: inline-block; /* Makes it behave like a button */
        font-size: 14px;
        color: #212529bf;
    }

    .book-citation:hover {
        color: #0a58ca; /* Change text color on hover */
    }

    .share-link-box {
        margin-top: 5px;
    }

    .share-link-btn {
/*      background-color: #FFFFFF;
      border-style: none;
      font-size: 16px;
      color: #0d6efd;
      padding: 0px;
      margin-top: 5px;
      margin-bottom: 25px;*/
    }

    .expert-perspective-card {
      border-style: none;
      border-left-style: solid;
      border-color: #FFEB3B !important;
      border-width: 3px; 
      border-radius: 0px;"
    }

    .expert-perspective-card-header {
      background-color: #FFFFFF;
      color: #607D8B;
    }

    .expert-perspective-card-body {
      padding-bottom: 0px !important;
    }

    cite {
      color: #607D8B;
      font-size: 16px;
    }

    cite:hover {
      cursor: pointer;
    }

    .link-icon-img {
      height:25px;
      float:left;
      margin-right:10px;
    }

    #top_bar {
/*      padding: 0px;
      margin:0px;*/
    }

    #logo_area {
      padding-left:11px;
      padding-top:5px;
      padding-bottom:5px;
    }