body {
      font-family: 'Raleway', sans-serif;
      background-color: #ffffff;
      color: rgb(14, 0, 91); /* Dark navy */
    }

    .hero {
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding: 2rem;
    }

    .madlib-line {
      font-size: 1.2rem;
      line-height: 1.8rem;
      font-weight: 500;
    }

    .dropdown-toggle {
      color: rgb(23, 70, 219); /* Electric blue */
      font-weight: 600;
      /* text-decoration: underline; */
      background: none;
      border: none;
      padding: 0 0.25rem;
    }

    .dropdown-toggle:focus {
      box-shadow: none;
    }

    .dropdown-menu {
      max-height: 200px;
      overflow-y: auto;
      background-color: #ffffff;
      color: rgb(14, 0, 91);
    }

    .dropdown-menu .dropdown-item:hover {
      background-color: #f0f0f0;
    }

    #goBtn {
      margin-top: 2rem;
      display: inline-block;
      background-color: rgb(204, 22, 56); /* MODIV Red */
      border: none;
      color: white;
      font-weight: 600;
      padding: 0.75rem 1.5rem;
      border-radius: 6px;
    }

    #goBtn:hover {
      background-color: rgb(170, 15, 40);
    }

    .logo {
      max-width: 200px;
      margin-bottom: 2rem;
    }

    #modivLogo.at-top{
      margin-top: 2rem;
    }

    #chartsSection {
      /* margin-left:60px; */
      max-width: 98%;
    }

    #channelsTableWrapper table {
      font-size: 0.75rem;
    }

    .modal-body h6{
      font-weight: bolder;
    }

    #topLogo{
      margin-top:33px;
    }


.bootstrap-select .dropdown-toggle {
  color: rgb(23, 70, 219); /* Match the electric blue link color */
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 1.8rem;
  text-decoration: underline;
  background: none;
  border: none;
  padding: 0 0.25rem;
  box-shadow: none !important;
  min-width:100%;
  text-align:center;
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select .dropdown-toggle:active {
  outline: none !important;
  box-shadow: none !important;
  min-width:100%;
  text-align:center;
}

    .bootstrap-select {
  display: inline-block !important;
  vertical-align: middle;
  max-width: 100%;
  white-space: nowrap;
  text-decoration: underline;
  min-width:100%;
  text-align:center;

}

.bootstrap-select .dropdown-toggle {
  width: auto !important;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: visible;
  white-space: nowrap;
  min-width:100%;
  text-align:center;
}

.filter-option-inner-inner{text-align:center;}



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

#howtoBubbleChart{
    text-align:center;
  width:100%;
  font-size:0.85rem;
  font-weight:ligher;


}

#loadNewAudienceBtn{
  margin:23px;
  text-align: center;
}


#chartTitle{
  text-align:cetner;
  font-size:1.45rem;
  font-weight: bold;
}

#shelfLife{
  display: block;
  font-size:0.75rem;
  font-weight:lighter;
}

#chartHelperLinks {
  /*margin-bottom:23px;*/
  font-size:0.85rem;
}

#chartHelperLinks a{
  /*margin-bottom:23px;*/
  text-decoration: none;
  margin-right:0.3rem;
  margin-left:0.3rem;
}

.low-sig-bg {
  background-color: #ffe5e5 !important;
}

#modalFootnote {
  font-size:0.65rem;
  font-style: italic;
  font-weight: lighter;
  max-width:98%;
  padding-left:13px;
  padding-top:13px;
}

#needRegionLink {
  font-size: 0.85rem;
  margin-top:40px;
  
}

#needRegionLink a{
  color: rgb(23, 70, 219);
}

#travelerFilters .form-check-label {
  font-size:0.75rem;
}

#travelerFilters h5 {
  font-weight: bolder;
}

#plannerFilters .form-check-label {
  font-size:0.75rem;
}

#plannerFilters h5 {
  font-weight: bolder;
}

#tripPurposeInputs .form-check {
  padding-bottom:13px;
}


#plannerSelfDescInput .form-check {
  padding-bottom:13px;
}

#offcanvasFilters button{
  margin-top:13px;
  margin-bottom:23px;
}

#clearFiltersLinkTravelers {
  font-size: 0.75rem;
  text-decoration: none;
}


#clearFiltersLinkPlanners {
  font-size: 0.75rem;
  text-decoration: none;
}