html, body {
  overflow-x: hidden;
}

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

body {
  height: 100%;
  /*margin-bottom: 200px;*/
  background-color: #151b22;
  background-color: #20272f;
}

footer {
  /*position: absolute;
  bottom: 0;*/
  width: 100%;
  height: 170px;
}

ul.small li {
  font-weight: 400;
  font-size: .9rem;
}

.chc_mobile-nav {
  display: block;
}

.chc_desktop-nav {
  display: none;
  padding: 0;
  background-color: #20272f;
}

footer p {
  font-size: .8rem;
}

.reportbug {
  color: #ddd;
}

.reportbug:hover {
  color: #fff;
}

.chc_info-box {
  background-color: #20272f;
  border-radius: .25rem;
}

.text-primary {
  color: #3a9cb0 !important;
}

.giving-inline,
.giving-inline .form-control {
  font-size: .75rem;
}

.custom-select.is-invalid,
.was-validated .custom-select:invalid {
    background-color: #1d242d;
}

.gj-textbox-md {
  font-family: 'Lato', 'Helvetica', sans-serif;
  color: #495057;
}

footer .links a {
  font-size: .75rem;
  letter-spacing: 1px;
  margin: .1rem;
}

.modal#authorprofile .speaker-image {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.form-control[readonly] {
    background-color: inherit;
}

.form-control:disabled {
  	background-color: inherit;
}

.single-options {
    white-space: nowrap;
}

.single-options a, .single-options a:active {
    color: #a1b0c2;
}

.single-options a:hover {
    color: #3a9cb0;
}

.single-options a i.fa, .single-options a i.fas, .single-options a i.far, .single-options a i[class^="icon-"]{
    color: #3a9cb0;
    margin-right: .5rem;
}

.single-options a:first-of-type {
    margin: 0;
}

.single-options a:not(:first-child){
    /*margin-left: 1.5625rem;*/
    margin-left: 2rem;
}

@media only screen and (min-width:768px) {
  /*body {
    margin-bottom: 210px;
  }*/

  footer {
    height: 180px;
  }

  .giving-inline,
  .giving-inline .form-control {
    font-size: 1rem;
  }

  .desktop-vertical-hr {
    border-right: 1px solid #434446;
  }

  footer .links a {
    font-size: .75rem;
  }

  footer .links a:last-child {
    margin-right: 0;
  }
}

@media only screen and (min-width:992px) {
  .chc_mobile-nav {
    display: none;
  }

  .chc_desktop-nav {
    display: block;
  }
}