@font-face{
  font-family: 'Raleway Light';
  src: url("../fonts/Raleway/Raleway-Light.ttf");
}

@font-face{
  font-family: 'Raleway Regular';
  src: url("../fonts/Raleway/Raleway-Regular.ttf");
}

@font-face{
  font-family: 'Raleway Medium';
  src: url("../fonts/Raleway/Raleway-Medium.ttf");
}


@font-face{
  font-family: 'Raleway Bold';
  src: url("../fonts/Raleway/Raleway-Bold.ttf");
}

body {
  color: #ffffff;
  font-family: "Raleway Regular", sans-serif;
}

body.modal-open {
  padding-right:0px !important;
  overflow: initial !important;
}

.bg-devhive-primary{
  background-color: #16cb81;
}

h1.title{
  font-size: 1.75rem;
}

h1,
h3,
h4,
h5,
h6 {
  font-family: "Raleway Regular", sans-serif;
  text-transform: capitalize;
}

h2{
  font-family: "Raleway Light", sans-serif;
  font-size: 1.4rem;
}

p{
  font-size: 1em;
}

.purple{
  background-color: #440e62;
}

.green{
  background-color: #16cb81; 
}

.warning-text{
  color: #ffc107;
}

.mb-20{
  margin-bottom: 20px;
}

.mb-40{
  margin-bottom: 40px;
}

.mt-20{
  margin-top: 20px;
}

nav.navbar{
  position: fixed;
  left: 0;
  right: 0;
  z-index: 99;
  background: #16cb81;
  transition: all 200ms linear;
  padding: 20px 0px;
}

@media (max-width: 600px) {
  nav.navbar .container{
    flex-direction: column;
  }
}

.numbers{
  font-family: sans-serif;
}

nav#navbar.raised{
  box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.2);
}

nav .links a{
  color: #440e62;
  text-decoration: none;
  text-transform: uppercase;
}

nav .links a:hover{
  color: #ffffff;
  text-decoration: none;
}

nav .links a:visited{
  color: #440e62;
}

nav a.logo{
  font-family: "Raleway Bold", sans-serif;
  font-weight: bold;
  font-size: 1.25rem;
  padding: 5px 0px;
  letter-spacing: 1px;
}

nav .links a{
  font-family: "Raleway Bold", sans-serif;
  font-size: 11px;
  letter-spacing: 2px;
  padding: 5px;
}

.content-block{
  min-height: 200px; 
}

.content-block {
  padding-top: 100px;
  padding-bottom: 100px;
}

.content-block.hero-content{
  display: flex;
  flex-direction: row;
}

.logo-sm{
  height: 90px;
  /* display: none; */
}

.content-block.hero-content .hero-image{
  /* width: 348px;
  height: 330px; */
  width: 100%;
}

.content-block.hero-content .hero-text{
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/*
* MOBILE AND TABLET
*/

@media (max-width: 992px) {
  .content-block.hero-content .hero-text{
    text-align: center;
  }

  .content-block.hero-content .hero-text .hero-heading{
    font-size: 1.3rem;
    font-weight: 600;
  }

  h2{
    font-size: 1.1rem;
  }

  h3{
    font-size: 1.2rem;
    font-weight: 600;
  }

  p{
    font-size: 0.9rem;
  }

  .content-block {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  
  .content-block.hero-content .hero-text{
    margin-top: 122px;
  }

  .content-block.hero-content .hero-image{
    display: none;
  }
  /* .logo{
    display: none;
  } */

  .logo-sm{
    height: 76px;
  }
}

.content-block.what-is-dh {
  background-color: #ffffff;
}

.content-block.what-is-dh h3{
  color: #440e62;
}

.bg-white .content-block h3, .bg-white .content-block h6{
  color: #440e62;
}

.content-block.what-is-dh p{
  color: black;
}

.bg-white .content-block p, .bg-white .content-block p{
  color: black;
}

.flex{
  display: flex;
}

.cta-button{
  color: #ffffff;
  text-transform: uppercase;
  border: none;
  padding: 15px 60px;
  border-radius: 6px;
  font-family: sans-serif;
  text-decoration: none;
  font-weight: bold;
}

.cta-button:hover{
  text-decoration: none;
  color: #ffffff;
  /* opacity: 0.8; */
  box-shadow: 0px 1px 10px 0px #000000b0;
}

.cta-button:visited{
  color: #ffffff;
}

.cta-wrapper{
  text-align: center;
  margin-top: 40px;
}

@media (max-width: 992px) {
  .cta-button {
      padding: 15px 50px;
      font-size: 0.8rem;
  }

  .cta-wrapper{
    margin-top: 20px;
  }
}



.social-icons{
  list-style: none;
  padding: 0;
  margin-top: 30px;
}

.social-icons li{
  display: inline-block;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: #fff;
  text-align: center;
  line-height: 45px;
  margin-right: 3px;
}

.social-icons li a{
  color: #212121;
  font-size: 20px;
}

footer{
  background: #212121;
  color: #BDBDBD;
}

footer .container{
  padding-top: 100px;
  padding-bottom: 70px;
}

@media (max-width: 992px) {
  .social-icons{
    text-align: center;
  }

  footer .container {
    padding-top: 50px;
    padding-bottom: 20px;
}
}

.page-not-found--image{
  height: 200px;
}

.no-padding-top{
  padding-top: 0px !important;
}

.partners-card{
  min-height: 160px;
}

.card h6{
  font-weight: 600;
}

.card-title{
  height: 2rem;
}

.become-a-partner{
  
}

.become-a-partner--message{
  height: 100px;
}

@media(min-width:576px) {
  .become-a-partner--message{
    height: 200px;
  }
}

.hidden{
  display: none !important;
}

/*
* NAVBAR AND LOGO ON MOBILE
*/

@media (max-width: 600px) {
  .logo-sm{
    height: 90px;
    margin-bottom: -15px;
  }

  div.links{
    align-self: stretch;
    display: flex;
    justify-content: space-around;
  }
}

/*
* CORPORATE LOGOS
*/

.cop-logos img{
  height: 70px;
}

@media (max-width: 600px) {
  .cop-logos img{
    height: 50px;
  }
}