/* Fonts */ 


/* Barlow */

  /* latin-ext */
  @font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/barlow/v12/7cHpv4kjgoGqM7E_Ass5ynghnQci.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/barlow/v12/7cHpv4kjgoGqM7E_DMs5ynghnQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3_-gs6Vostz0rdom9.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3_-gs51ostz0rdg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E30-8s6Vostz0rdom9.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E30-8s51ostz0rdg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3t-4s6Vostz0rdom9.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3t-4s51ostz0rdg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin */
  @font-face {
    font-family: 'Droid Serif';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/droidserif/v19/tDbI2oqRg1oM3QBjjcaDkOr9rAXWGQyH.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }  

/* End Barlow */

@font-face {
    font-family:"urw-geometric";
    src:url("https://use.typekit.net/af/643764/00000000000000003b9ae9ee/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/643764/00000000000000003b9ae9ee/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/643764/00000000000000003b9ae9ee/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
    }
    
    @font-face {
    font-family:"urw-geometric";
    src:url("https://use.typekit.net/af/66e1d2/00000000000000003b9ae9ef/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/66e1d2/00000000000000003b9ae9ef/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/66e1d2/00000000000000003b9ae9ef/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
    font-display:auto;font-style:italic;font-weight:400;font-stretch:normal;
    }
    
    @font-face {
    font-family:"urw-geometric";
    src:url("https://use.typekit.net/af/1dc64b/00000000000000003b9ae9f1/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/1dc64b/00000000000000003b9ae9f1/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/1dc64b/00000000000000003b9ae9f1/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
    font-display:auto;font-style:normal;font-weight:500;font-stretch:normal;
    }
    
    @font-face {
    font-family:"urw-geometric";
    src:url("https://use.typekit.net/af/9bd68c/00000000000000003b9ae9f5/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/9bd68c/00000000000000003b9ae9f5/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/9bd68c/00000000000000003b9ae9f5/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
    }

  .capitalize:first-letter {
    text-transform: capitalize;
  }
  
  body {
    margin: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    background: linear-gradient(45deg, #010d25, #243b55);  
    padding-top: 50px; /* adjust to match the header height */  
  }
  
  body, html {
    overscroll-behavior: none;
  }
  

  /* Header */
  
  #header {
    top: 0;
    width: 100%;
    color: white;
    position: fixed;
    top: 0;
    z-index: 9999;
    background: transparent;
  }

  #header.scrolled {
    background: linear-gradient(45deg, #010d25, #243b55);
  }
  
  #logo-container {
    height: 88px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  #logo img {
    height: 26px;
    width: auto;
  }
  
  #back-to-main-site {
    text-decoration: none;
    color: white;
    padding-right: 1em;
  }
  
  /* Tabs */
  
    .tab {
      overflow: hidden;
      padding-right: 3em;
    }
  
    .tablinks {
      padding-left: 1rem;
      padding-right: 1rem;
    }
    
    /* Style the buttons inside the tab */
    .tab button {
      color: white;
      background-color: transparent;
      border: none;
      cursor: pointer;
      font-size: 14px;
      font-family: 'barlow', 'HelveticaNeue', 'Helvetica Neue', 'Helvetica-Neue', Helvetica, Arial, sans-serif;
      -webkit-font-smoothing: auto;
      font-weight: 600;
    }
    
    /* Style the tab content */
    .tabcontent {
      display: none;
      height: 100%;
      }
  
      .indented {
        padding: 6px 12px;
      }
  
  /* Table */
  
  .render {
      font-family: 'Lato','Roboto',Arial,Tahoma,sans-serif;
  }
  
  .render td, .render th {
      border: .1px solid black;
  }
  
  table {
      border-top: 0;
      margin-bottom: 1.5em;
      position: relative;
      table-layout: fixed;
      width: 100%;
      z-index: 1;
      background-color: white;
  }
  
  table {
      border-top: 1px solid #eee;
      max-width: 100%;
      border-collapse: collapse;
      border-radius: 10px;
      border-style: hidden; /* hide standard table (collapsed) border */
      box-shadow: 0 0 0 .5px #b4b4b4; /* this draws the table border  */ 
      margin-top: 1em;
  
  }
  
  .render td, .render th {
      padding: 5px;
  }
  
  .heading-cell {
    color: white;
    font-weight: 500;
    font-size: .9em;
    -webkit-font-smoothing: auto;
    background-color: rgba(0,0,0,.05);
  }
  
  th {
      font-weight: 100;
  }
  
  tr th,td:first-of-type {
    font-size: .9em;
    padding-top: .7em !important;
    padding-bottom: .7em !important;
  
  }
  
  .subrow {
      text-align: left;
      font-weight: 500;
      border-bottom: 1px solid black !important;
  }
  
  .bubble.bubble-negative {
      background-color: #F38800;
      color: black;
  }
  .bubble {
      display: inline-block;
      width: 24px;
      height: 24px;
      -moz-border-radius: 12px;
      -webkit-border-radius: 12px;
      border-radius: 12px;
      font-family: "droid serif", HelveticaNeue, "Helvetica Neue", Helvetica-Neue, Helvetica, Arial, sans-serif;
      line-height: 24px;
      text-align: center;
      cursor: pointer;
      background-color: #203750;
      color: white;
  }

  .bubble:hover {
    background-color: #104c8e !important;
  }
  
  .bubble.bubble-neutral {
      background-color: #FFC61E;
      color: black;
  }
  
  .bubble.bubble-positive {
      background-color: #628020;
      color: #fff;
  }
  
  .modal-header-positive {
    color: #628020;
    font-weight: 500;
    font-size: 1.8em;  
  }
  
  .modal-header-negative {
    color: #F38800;
    font-weight: 500;
    font-size: 1.8em;  
  }
  
  .modal-header-neutral {
    color: #FFC61E;
    font-weight: 500;
    font-size: 1.8em;  
  }
  
  #number-of-studies {
    font-weight: 500;
    font-size: 1.3em;  
  }
  
  #modal-transition-word {
    font-weight: 500;
    font-size: 1.3em;
    margin-left: .2em;
  }
  
  .table-legend {
    font-size: .8em;
  }
  
  .legend-label {
    font-weight: 500;
    color: rgba(0,0,0,.6);
  }
  
  /* Text */
  
  h1, h2, h3, h4, h5, h6 {
      font-family: 'urw-geometric', 'Helvetica Neue', Helvetica, Arial, sans-serif;
      font-weight: normal;
      font-style: normal;
      line-height: 0.93;
  }
  
  h3 {
      margin-bottom: 0.8em;
      font-size: 48px; 
      margin-top: 0.3em;
      font-weight: 300;
      letter-spacing: 1.2px;
      line-height: 1.1;
  }
  
  h4 {
    font-size: 42px;
    font-weight: 500;
    margin-top: 2em;
    color: white;
    line-height: 1.2em;
  }

  h5 {
    font-size: 42px;
    font-weight: 500;
    color: white;
    line-height: 1.2em;
    margin-top: 1em;
    margin-bottom: 1em;
  }

  ol {
    list-style:decimal !important;
  }

  ol li {
    line-height: 26.4px;
  }
  
  /* Filters */
  
  .dropdown-check-list {
      display: inline-block;
    }
    
    .dropdown-check-list .anchor {
      position: relative;
      cursor: pointer;
      display: inline-block;
      padding: 5px 50px 5px 10px;
      border: 1px solid #14141357;
      margin-right: 5px;
      margin-bottom: 5px;
      padding-top: 0.8em;
      padding-bottom: 0.8em;
      font-weight: normal;
      font-size: 16px;
      padding-left: 1.5em;
      color: #141413;
      transition: .5s;
      border-radius: .375rem;
      font-family: "droid serif", HelveticaNeue, "Helvetica Neue", Helvetica-Neue, Helvetica, Arial, sans-serif;
    }
  
      .dropdown-check-list .anchor:after {
      position: absolute;
      content: "";
      border-left: 2.2px solid black;
      border-top: 2.2px solid black;
      padding: 3px;
      right: 15px;
      top: 35%;
      -moz-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
      -o-transform: rotate(-135deg);
      -webkit-transform: rotate(-135deg);
      transform: rotate(-135deg);
    }
  
    .dropdown-check-list ul.items {
      padding: 10px;
      position: absolute;
      overflow: hidden;
      max-height: 0;
      margin: 0;
      background-color: #fff;
      z-index: 100;
      list-style: none;
      border-radius: .375rem;
      content: #000000bf;
      transition: all .1s ease-in;
      opacity: 0;
      box-shadow: 5px 5px 15px rgba(0,0,0,0.05);
      font-family: "droid serif", HelveticaNeue, "Helvetica Neue", Helvetica-Neue, Helvetica, Arial, sans-serif;
    }
  
    .dropdown-check-list.visible .items {
      display: block;
      max-height: 500px;
      overflow-y: scroll;
      border: .5px solid #b4b4b4;
      opacity: 1;
      transform: translate(0, 0)
    }
  
    .dropdown-check-list ul.items li {
      font-size: 16px;
      padding-top: .5em;
      padding-bottom: .5em;
      padding-left: .3em;
      padding-right: 1em;
    }
  
    .dropdown-check-list ul.items li:hover {
      opacity: .8;
    }
  
    .dropdown-check-list ul.items li {
      vertical-align: middle;
    }
  
    .dropdown-check-list ul.items span {
      vertical-align: middle;
    }
    
    .dropdown-check-list ul.items [type="checkbox"] {
      vertical-align: middle;
    }
  
  
  
    .dropdown-check-list ul.items label {
      display: block;
      position: relative;
      padding-left: 35px;
      margin-bottom: .5em;
      margin-top: .5em;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }
    
    /* Hide the browser's default checkbox */
    .dropdown-check-list ul.items label input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0;
    }
    
    /* Create a custom checkbox */
    .dropdown-check-list ul.items .checkmark {
      position: absolute;
      top: 0.1em;
      left: 0;
      height: 12.5px;
      width: 12.5px;
      border: 1px solid #b4b4b4;
      background-color: white;
    }
    
    /* On mouse-over, add a grey background color */
    .dropdown-check-list ul.items label:hover input ~ .checkmark {
      border: 1px solid #213750;
    }
    
    /* When the checkbox is checked, add a blue background */
    .dropdown-check-list ul.items label input:checked ~ .checkmark {
      border: 1px solid #213750;
      background-color: #213750;
    }
    
  
    /* Create the checkmark/indicator (hidden when not checked) */
    .dropdown-check-list ul.items .checkmark:after {
      content: "";
      position: absolute;
      display: none;
    }
    
    /* Show the checkmark when checked */
    .dropdown-check-list ul.items label input:checked ~ .checkmark:after {
      display: block;
    }
    
    /* Style the checkmark/indicator */
    .dropdown-check-list ul.items label .checkmark:after {
      left: 4.5px;
      top: 2.5px;
      width: 2.5px;
      height: 5px;
      border: solid white;
      border-width: 0 1.5px 1.5px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
    }
  
  
  
    .dropdown-check-list ul.items li span {
      margin-left: .5em;
    }
  
    #reset-button {
      padding-left: 30px;
      padding-right: 30px;
      padding-top: 10px;
      padding-bottom: 10px;
      border: 0;
      background-color: #20264d;
      color: #fff;
      font-size: 16px;
      line-height: 22px;
      cursor: pointer;
      border-radius: 50px;
      margin-left: 1em;
      font-family: 'barlow', 'HelveticaNeue', 'Helvetica Neue', 'Helvetica-Neue', Helvetica, Arial, sans-serif;
      font-weight: bold;
    }
  
  /* Modal */
  
  .modal {
      display: none; /* Hidden by default */
      position: fixed; /* Stay in place */
      z-index: 5000; /* Sit on top */
      padding-top: 100px; /* Location of the box */
      left: 0;
      top: 0;
      width: 100%; /* Full width */
      height: 100%; /* Full height */
      overflow-y: auto; /* Enable scroll if needed */
      background-color: rgb(0,0,0); /* Fallback color */
      background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
      font-family: 'Lato','Roboto',Arial,Tahoma,sans-serif;
    }
    
    /* Modal Content */
    .modal-content {
      font-family: "droid serif", HelveticaNeue, "Helvetica Neue", Helvetica-Neue, Helvetica, Arial, sans-serif;
      background-color: #fefefe;
      margin: auto;
      padding: 20px;
      border: 1px solid #888;
      width: 80%;
      border-radius: 10px;
    }
    
    /* The Close Button */
    .close {
      color: #888;
      float: right;
      font-size: 1.2em;
      font-weight: bold;
    }
    
    .close:hover,
    .close:focus {
      color: #000;
      text-decoration: none;
      cursor: pointer;
    }
  
    #bibliography {
      margin: 1.2em 0;
      padding: 1.2em 0 0;
      border-top: 1px solid #d9d9d9;
      list-style-type: none;
      height: 500px;
      overflow-y: scroll;
  }
  
  #bibliography a {
    line-height: 22px !important;
    color: #203750;
    font-weight: bold;
    text-decoration: none;
    font-family: 'urw-geometric', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 20px;
  }
  
  #bibliography > li {
      font-size: 16px !important;
      line-height: 24px;
      padding-left: 0;
      padding-bottom: 1.2em;
      margin-bottom: 1.2em;
      border-bottom: 1px solid #d9d9d9;
  }
  
  #filters {
      padding-left: 12px;
      position: sticky;
      bottom: 0;
      background-color: white;
      z-index: 1000;
      padding-top: 1em;
      font-family: "droid serif", HelveticaNeue, "Helvetica Neue", Helvetica-Neue, Helvetica, Arial, sans-serif;
      letter-spacing: .01em;
  }
  
  #study-map {
    font-family: "droid serif", HelveticaNeue, "Helvetica Neue", Helvetica-Neue, Helvetica, Arial, sans-serif;
    letter-spacing: .01em;
    background-color: white;
  }

  #study-map-table .heading-cell {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: #203750;
    color: white;
    text-align: center;
  }

  #number-of-data-points, #modal-transition-word, #number-of-studies {
    font-weight: bold;
    color: #203750;
  }
  
  /* Footer */
  
  .site-footer {
    color: #fff;
    margin-top: auto;
    font-size: 15px;
    font-family: 'urw-geometric', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 400;
    background-color: rgb(1, 13, 37);
  }
  
  .py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  
  .bg-grey-7 {
    --tw-bg-opacity: 1;
    background-color: rgb(20 20 19/var(--tw-bg-opacity));
  }
  
  .border-grey-5 {
    --tw-border-opacity: 1;
    border-color: rgb(85 82 80/var(--tw-border-opacity));
  }
  
  .justify-between {
    justify-content: space-between;
  }
  
  .pt-3 {
    padding-top: 0.75rem;
  }
  
  .justify-between {
    justify-content: space-between;
  }
  .items-end {
    align-items: flex-end;
  }
  
  .max-w-250-px {
    max-width: 250px;
  }
  
  .w-full {
    width: 100%;
  }
  
  .w-7 {
    width: 1.75rem;
  }
  
  .h-7 {
    height: 1.75rem;
  }
  
  .managed-by {
    float: right;
    padding-top: 1.25em;
    text-align: end;
    max-width: 24rem;
  }
  
  
  .flex {
    display: flex;
  }
  
  .items-center {
    align-items: center;
  }
  
  menu, ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  
  svg {
    display: block;
    vertical-align: middle;
  }
  
  .justify-center {
    justify-content: center;
  }
  .items-center {
    align-items: center;
  }
  .w-full {
    width: 100%;
  }
  .h-full {
    height: 100%;
  }
  
  .text-white {
    --tw-text-opacity: 1;
    color: white;
  }
  
  .text-orange {
    color: #ff671b;
  }

  a {
    text-decoration: none;
  }
  
  .space-x-6 {
    margin-right: 1.5rem;
  }
  
  .space-x-3 {
    margin-right: 0.75rem;
    margin-left: 0.75rem;
  }
  
  .space-between {
    justify-content: space-between;
  }
  
  .text-sm {
    color: #fff;
    margin-top: auto;
    font-size: 15px;
    font-family: 'urw-geometric', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: auto;
  }
  
  .center {
    text-align: center;
  }
  
  .bubble-small {
    width: 20px;
    height: 20px;
    vertical-align: bottom;
    font-size: 15px;
    margin: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  
  .bubble-medium {
    margin: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  
  .bubble-big {
      width: 30px;
      height: 30px;
      border-radius: 100%;
      vertical-align: top;
      margin: 5px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
  }
  
  .bubble-bigger {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    vertical-align: top;
    margin: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  
  #filters-label {
    font-size: 1.2em;
    margin-bottom: 0.7em;
    margin-top: .7em;
    font-family: "droid serif", HelveticaNeue, "Helvetica Neue", Helvetica-Neue, Helvetica, Arial, sans-serif;
    letter-spacing: .01em;
    padding-left: 12px;
    font-weight: bold;
  }
  
  /* Hero */
  
  .hero-about {
  }

  .about {
    font-size: 16px;
    line-height: 26.4px;
  }
    
  .hero {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    color: white;
    padding-top: 3em;
    padding-bottom: 3em;
    min-height: 15em;
    height: auto;
    font-size: 1.2em;
    line-height: 1.5em;
  }
  
  .hero-text div {
    font-family: "droid serif", HelveticaNeue, "Helvetica Neue", Helvetica-Neue, Helvetica, Arial, sans-serif;
    font-size: 1.125rem;
    line-height: 1.65;
  }
  
  @media (min-width: 768px) {
    .hero-text {
        width: 66.666667%;
    }
  }
  
  @media (min-width: 1280px) {
    .hero-text {
        width: 50%;
    }
  }
  
  .hero h3 {
    max-width: 20em;
    font-weight: bold;
  }
  
  .hero .preset {
    font-size: 14px;
    font-weight: bold;
    letter-spacing:  2.4px;
    line-height: 20px;
  }
  
  .hero-content {
    margin-top: 2em;
    font-size: 1.2em;
    line-height: 1.5em;
  
  }
  
  .hero-content h2 {
    margin-top: 1.3em;
    margin-bottom: 1.3em;
  
    font-family: "droid serif", HelveticaNeue, "Helvetica Neue", Helvetica-Neue, Helvetica, Arial, sans-serif;
    font-size: 28px;
    font-weight: 300;
    line-height: 35px;
  }
  
  .hero-content div {
    font-family: "droid serif", HelveticaNeue, "Helvetica Neue", Helvetica-Neue, Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 28px;
  }
  
  .hero-content .bullet {
    font-family: "droid serif", HelveticaNeue, "Helvetica Neue", Helvetica-Neue, Helvetica, Arial, sans-serif;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 28px;
  
  }
  
  /* Blog */
  
  #blog {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  
  .blog-item {
    max-width: 20em;
    position: relative;
    padding-bottom: 2em;
      width: 30%;
  }
  
  .blog-thumbnail {
    width: 100%;
    height: auto;
  }
  
  .blog-thumbnail:hover {
    opacity: .8;
    transition: .2s;
  }
  
  .blog-label {
    font-size: .8em;
    color: rgba(0,0,0,.6);
  }
  
  .blog-title {
    font-weight: bold;
    padding-top: .5em;
  }
  
  .blog-summary {
    font-size: .9em;
    padding-top: 1em;
  }
  
  .read-article {
    font-size: .9em;
    padding-top: 1em;
    color: black;
  }
  
  .blog-read-more {
    position: absolute;
    bottom: 0;
  }
  
  .blog a {
    text-decoration: none;
    color: black;
  }
  
  /* Strive community grid functionality */
  
  .app-grid {
    display: grid;
    grid-template-columns: repeat(8,minmax(0,1fr));
    gap: 1rem;
  }
  
  @media (min-width: 1024px) {
    .app-grid {
        grid-template-columns: repeat(12,minmax(0,1fr));
    }
  }
  
  @media (min-width: 768px) {
    .app-grid {
        grid-template-columns: repeat(12,minmax(0,1fr));
        gap: 1.5rem;
    }
  }
  
  .wrapper {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  
  @media (min-width: 1024px) {
    .lg-col-start-2 {
      grid-column-start: 2 !important;
      grid-column-end: 12 !important;
    }
    .lg-col-span-10 {
      grid-column: span 10/span 10;
    }
  }
  
  @media (min-width: 768px) {
    .wrapper {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
  }
  
  .col-span-full {
      grid-column: 1/-1;
  }
  
  .col-span-5 {
    grid-column: span 5/span 10;
  }
  
  .infoClick {
    color: rgb(255 103 27);
    font-size: 12px;
  }
  
  #definitionWord {
    font-weight: bold;
    font-size: 1.3em;
  }
  
  #definitionDefinition {
    margin-top: 1em;
  }
  
  .white-block {
    background-color: white;
    padding-top: 4em;
    padding-bottom: 4em;
  }
  
  .grey-block {
    background-color: rgb(243 240 238);
    padding-top: 4em;
    padding-bottom: 4em;
  }
  
  .block-content {
    display: flex;
    gap: 5em;
  }
  
  .about-icon {
    max-width: 150px;
  }
  
  .tags li {
    margin-top: 5px;
  }
  
  .tags li label {
    font-weight: bold;
  }

  #geoevidence-button {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 0;
    background-color: white;
    color: #20264d;
    font-size: 18px;
    line-height: 22px;
    cursor: pointer;
    border-radius: 50px;
    font-family: 'barlow', 'HelveticaNeue', 'Helvetica Neue', 'Helvetica-Neue', Helvetica, Arial, sans-serif;
    font-weight: bold;
    margin-top: 3em;
  }

  #geoevidence-tab-about {
    font-family: "droid serif", HelveticaNeue, "Helvetica Neue", Helvetica-Neue, Helvetica, Arial, sans-serif;
    font-size: 1.125rem;
    line-height: 1.65;
    color: white;
    margin-bottom: 4em;
    margin-top: -1em;
}