body{
    font-family: 'Montserrat', sans-serif;
}
/*Header*/
.dropdown-menu {
  right: auto;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  padding: 10px 20px;
}
.dropdown-item{
  margin: 10px auto;
}
.dropdown-item:hover{
  color: #2382F2;
  -webkit-transition: color 1s;
  transition: color 1s;
  background: none;
}
.dropdown-item:hover .icon{
  color: #fff;
}
.dropdown-item:hover .icon-bg{
  color: #2382F2;
  -webkit-transition: color 1s;
  transition: color 1s;
}
.icon-bg{
  color: rgba(121, 177, 243, .10);
}
.icon{
  color: #2382F2;
}
.dropdown-intro{
  text-align: center;
  font-size: 10px; 
  font-weight: bold; 
  color: #ACACAC;
}
.dropdown-title{
  font-size: 16px;
  margin-top: -5px;
}
.dropdown-subtitle{
  margin-left: 58px;
  margin-top: -10px;
  color: #767676;
  font-size: 11px;
  display: block;
}
.dropdown-all{
  color: #2382F2;
}
.btn-nav{
  background: #2382F2; 
  color:#fff; 
  padding: 10px 20px;
  border-radius: 5px;
}
.btn-nav:hover{
  background: #0d6fe1; 
  color:white; 
  padding: 10px 20px;
  border-radius: 5px;
}

.main{
  /*Temporary will be removed*/
  min-height: 800px;
}


/*Overview Pages*/
.hero{
    margin-top: 180px;
}
.hero-intro{
    color: #2382F2;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 5.71px;
}

/*Integration Pages*/
.integration-search .form-control {
    padding-left: 3.5rem;
    background: #ECECEC;
    border: none;
    border-radius: 5px;
    color: #767676;
    font-weight: 500;
    font-size: 16px;
    height: 54px;
}

.integration-search .form-control-icon {
    position: absolute;
    z-index: 2;
    display: block;
    width: 4rem;
    height: 2.375rem;
    line-height: 3.5rem;
    text-align: center;
    pointer-events: none;
    color: #767676;
}
/*Boxes*/
.integration-card{
    background: #fff;
    border-radius: 10px;
    text-align: center;
}
.integration-title{
    font-size: 16px;
    font-weight: 600;
    color: #000;
}
.integration-website{
    font-size: 12px;
    font-weight: 500;
    color: #969696;
    margin-top: -5px;
}
.integration-features{
    
}
.integration-active .fas{
    color: #7ED321;
}
.integration-feature{
    font-size: 12px;
    color: #2B2B2B;
    font-weight: 500;
}
.integration-inactive{
    opacity: .7;
}
.integration-card .integration-coming{
    filter: grayscale(100%);
}
.integration-card h3 .integration-coming{
    color: #ECECEC;
}
.integration-card .btn-coming{
    background-color: #ECECEC;
    border-color: #ECECEC;
    color: #969696;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 10px;
}
/*Footer*/
.footer{
  color: #ACACAC;
}
.footer-cta{
  background: #2382F2;
  text-align: center;
}
.footer-cta .input-email-signup{
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-right: none;
  height: 54px;
}
.footer-cta .btn-signup {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-left: none;
  height: 54px;
  
}
.footer-intro{
  text-transform: uppercase;
  font-size: 10px;
  color: #ACACAC;
  font-weight: bold;
}
.footer a{
  font-size: 14px;
  color: #767676;
  font-weight: 600;
}
.footer-all a{
  color:#0062D6;
}
.footer .copy{
  font-size: 12px;
  font-weight: 600;
}
.footer .icon-social-bg{
  color: #767676;
}
/*Responsive*/
@media all and (min-width: 992px) {
  .navbar{
    font-size: 16px;
  }
  .navbar .nav-item .dropdown-menu{ 
    display: none; 
  }
  .navbar .nav-item .nav-link{ 
    color: #000; 
    font-weight: 600; 
    margin: 0px 20px; 
  }
	.navbar .nav-item:hover .nav-link{ 
    color: #2382F2;  
  }
	.navbar .nav-item:hover .dropdown-menu{ 
    display: block; 
  }
	.navbar .nav-item .dropdown-menu{ 
    margin-top:0; 
  }
}