html, body {
  height: 100%;
  width: 100%;
  scroll-behavior: smooth;
}

body {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  color: #323332;
  font-size: 1.25rem;
  line-height: 1.7859375rem;
}

/*
@media (min-width: 992px) {
body {
    padding-top: 56px;
}
}
*/
b {
  font-weight: 600;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Baloo Bhaina", cursive;
}

h4, h3 {
  margin-top: 2.5rem;
}

h5 {
  line-height: 1.7859375rem;
}

.regular {
  font-family: "Roboto", sans-serif;
}

.small, small {
  font-size: 60%;
}

.dragontail {
  background-image: url(../img/tail.jpg);
  background-size: contain;
  background-repeat: no-repeat;
}

@media (max-width: 768px) {
  .dragontail {
    background-image: url(../img/tail.jpg);
  }
}
.hero {
  /*min-height: 100vh;
  background-image: linear-gradient(to bottom, rgba(105, 146, 171, 0.85), rgba(59, 124, 153, 0.85)),url(../img/hero.jpg);
  background-size: cover;*/
  background-image: linear-gradient(160deg, rgba(40, 167, 55, 0.85), rgba(59, 124, 153, 0.85)), url(../img/hero.jpg);
  background-size: cover;
  color: white;
}

.hero-front {
  min-height: 75%;
}

.ewcps-btn-lg {
  padding: 1rem 2rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 20rem;
  text-transform: uppercase;
  letter-spacing: 0.15rem;
}

.ewcps-btn-sm {
  padding: 0.5rem 1rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 20rem;
  text-transform: uppercase;
  letter-spacing: 0.15rem;
}

.ewcps-btn-grey {
  background-color: #899EA9;
  color: white;
  font-weight: 600;
  border: 2px solid #899EA9;
}

.ewcps-btn-grey:hover {
  background-color: white;
  color: #899EA9;
  font-weight: 600;
  border: 2px solid #899EA9;
}

.ewcps-btn-primary {
  background-color: #56da66;
  color: white;
  font-weight: 600;
  border: 2px solid #56da66;
}

.ewcps-btn-primary:hover {
  background-color: white;
  color: #56da66;
  font-weight: 600;
  border: 2px solid #56da66;
}

.ewcpshr {
  width: 100px;
  border: 0;
  height: 5px;
  border-radius: 0.25rem;
  background-image: linear-gradient(to right, rgba(40, 167, 55, 0.85), rgba(59, 124, 153, 0.85));
  margin-top: 1.5rem;
  margin-bottom: 2rem;
}

.nav-link, .dropdown-item {
  color: rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 600;
}

.dropdown-item.disabled, .dropdown-item:disabled {
  color: #b3b3b3;
}

.strong {
  font-weight: 600;
}

#nav-placeholder {
  min-height: 76px;
  background-color: white;
}

.alert-dismissible > span {
  padding-right: 4rem;
  display: inline-block;
}

.alert-ew {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.2;
}

@media (max-width: 768px) {
  .alert-ew {
    font-weight: 600;
    font-size: 0.925rem;
    line-height: 1.4;
  }
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #56da66;
  border: 0;
}

.nav-pills .nav-link {
  background: 0 0;
  border: 0;
  /*
      border-radius: 0.25rem;
      text-transform: none;
      font-size: 1.25rem;
      text-align: left;
      font-weight: 300;
  */
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 20rem;
  text-transform: uppercase;
  letter-spacing: 0.15rem;
}

.nav-pills .nav-link.active {
  padding: 1rem 0.75rem;
}

.nav-pills .nav-link {
  padding: 1rem 0.25rem;
}

.nav-pills .nav-link:hover {
  cursor: pointer;
  font-weight: 600;
  color: #56da66;
}

.nav-pills .nav-link.active:hover {
  cursor: default;
  color: white;
}

.nav-pills .nav-link:focus {
  outline: 0 !important;
}

.border-bottom {
  border-bottom: 3px solid #e3e3e3 !important;
}

.ewcps-badge {
  border-radius: 20rem;
  padding: 0.25rem 0.5rem;
  color: white;
}

.badge-info {
  background-color: #56dad9;
}

.badge-warning {
  background-color: #d1db3f;
}

.badge-event {
  background-color: #56da66;
}

.badge-success {
  background-color: #56cdda;
}

.badge-plenary {
  background-color: #f8be57;
}

.badge-keynote {
  background-color: #f49df1;
}

.badge-reg {
  background-color: #aaaaaa;
}

.small {
  line-height: 1.75;
}