@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;600;700&display=swap");

html,
body {
  width: 100%;
  font-family: Calibri, "Source Sans Pro", sans-serif;
  color: #222;
}

body p {
  font-size: 1.1rem;
}

.welcome {
  padding: 1.5rem;
}

.thin {
  font-weight: 200 !important;
  font-size: 0.95rem !important;
}

.dark-blue {
  color: rgb(38, 64, 108) !important;
}

.light-blue {
  color: rgb(55, 106, 187);
}

/* NAV AND FOOTER */

.navbar {
  padding: 0.6rem 0.75rem;
}
.navbar-brand {
  padding: 0;
  margin: 0;
  height: 2vh;
}
.navbar-brand img {
  height: 4vh;
  width: auto;
}
.navbar-nav > li {
  padding: 0 0.5rem;
  margin: 0;
  font-weight: 600;
  font-size: 1.2rem !important;
}

.navbar-nav > li > a {
  padding: 2rem 0 0 0;
  margin: 0;
  vertical-align: bottom;
}

.cr-info-sm {
  display:none;
  border-style:none;
}

.nav-bar-font {
  padding: 2rem 0 0 0 !important;
  margin: 0 !important;
  vertical-align: bottom !important;
}

.bg-dark {
  height: 2rem;
  background-color: #888484 !important;
}

.bg-black {
  background-color: black;
}

.row.padclass {
  overflow:hidden;
}
.footer {
  text-align: center;
  height: 36px !important;
  padding-bottom: 2.5rem;
  font-size: 0.5rem !important;
}

.carousel-indicators li {
  width: 13px;
  height: 13px;
  border-radius: 100%;
  margin: 0 0.5rem;
  background-color: rgb(38, 64, 108) !important;
}

.carousel-indicators li.active {
  background-color: rgb(38, 106, 187) !important;
}

.img-responsive {
  height: 35%;
  width: 100%;
}

h2 {
  font-weight: 600;
}

.bg-grey {
  background-color: grey;
  padding: 3rem;
  border-width: 1rem;
  border-color: white;
}
.bg-blue {
  background-color: rgb(38, 64, 108) !important;
  padding: 3rem;
}

.bg-blue-thin {
  background-color: #3a5eac;
  padding: 0.5rem;
}

.bg-blue-none {
  background-color: #3a5eac;
  padding: 0.5rem;
}

.bg-grey-none {
  background-color: #d9d9d9;
  padding: 0.5rem;
}

.bg-grey-nopadding {
  background-color: #d9d9d9;
}

.text-bold {
  font-weight: 600;
}

.text-primary-thin {
  font-weight: 200;
}

.text-dark.text-right{
  text-align: right;
  overflow-wrap: break-word;
}

.heading-minor {
  font-size: 1.5rem;
  color: rgb(38, 64, 108) !important;
}

.max-width {
  width: 100%;
}

.padclass {
  padding: 1rem;
}

.border-left,
border-right {
  border-width: 2px !important;
  padding-left: 1rem;
  padding-right: 1rem;
  border-color: rgb(38, 64, 108) !important;
}

.inv-head-height {
  height: 2rem;
}

.hide {
  display: none;
}

.text-light-blue {
  color: #3a5eac;
}

.padding-right {
  padding: 0 2rem 0 0;
}

.padding-left {
  padding: 0 0 0 2rem;
}
.pageBottomPadding {
  /*padding: 2rem;*/
  padding-bottom: 10px;
}
.padding-top {
  padding: 3rem 0 0 0;
}

.padding {
  padding: 3rem;
}

.quote-text {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

#inputMessage {
  height: 6rem;
}

.ticker {
  height: 36px !important;
  background-color: grey;
  font-size: 0.95em !important;
  padding-top: 0.47em !important;
}

.padding-paragraphs {
  padding: 0px 40px;
}

.index-welcome{
  display: flex;
  flex-wrap: wrap;
  margin-right: -10px !important;
  margin-left: -15px;
}

@media only screen and (max-width:768px) {
  .inv-head-height {
    padding:0 10px 0;
    height: 2rem;
  }

  .inv-div {
    padding-bottom: 2rem;
  }

  .cr-info-lg {
    display: none;
  }

  .cr-info-sm {
    display:inline;
  }

  .sens-dates {
    padding-left:80px !important;
  }

  #about-infoblock-3 {
    background-color: rgb(38, 64, 108) !important;
  }

  #about-infoblock-4 {
    background-color: grey !important;
  }
}

@media only screen and (max-width:992px) {
  .cr-info-lg {
    display: none;
  }

  .cr-info-sm {
    display:inline;
  }

}

@media (min-width: 1920px) {
  .media-adjustment{

  }
}