/* COLORS
========================================================================== */
/* FONTS / TEXT
========================================================================== */
/* MARGINS
========================================================================== */
/* MEDIA QUERIES
========================================================================== */
/* MEDIA QUERIES
========================================================================== */
/* TEXT
========================================================================== */
/**
 * font-size(mobile, desktop)
 */
/**
 * line-height(mobile, desktop)
 */
/* TEXT
========================================================================== */
@import url("https://fonts.googleapis.com/css2?family=Lato&family=Open+Sans:ital,wght@0,300;0,400;0,600;1,400&display=swap");
/* BUTTONS
========================================================================== */
/* login  - Custom Styling for the login page.
========================================================================== */
/* contact us  - Custom Styling for the contact us page.
========================================================================== */
/* static pages  - Custom Styling for static pages / legal pages / about us. (HELP / LEGAL / ETC)
========================================================================== */
/* profile page
========================================================================== */
.bg-blue-500 {
  background-color: #1b1464 !important;
  border-color: unset;
  background-image: unset;
  background-image: linear-gradient(to bottom, #3528c6, #1b1464); }

/* new styles
========================================================================== */
.button {
  border-radius: 20px;
  padding: 7px 30px; }
  .button__success {
    background-color: #1b1464;
    color: white; }
    .button__success:hover, .button__success:active, .button__success:visited, .button__success:focus {
      color: white;
      background-color: #1b1464; }

.feed-icon {
  color: #1b1464; }

/* override bootstrap styles
========================================================================== */
.nav > li > a:focus, .nav > li > a:hover {
  background-color: #1b1464;
  color: white; }

.navbar-white a {
  color: #1b1464; }

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
  background-color: #1b1464;
  border-color: unset; }

.dropdown-menu > li > a {
  color: #1b1464;
  font-weight: 600; }

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
  background-color: #1b1464;
  color: white; }

/* new styles
========================================================================== */
.navbar {
  background-color: white; }
  .navbar__menu-item {
    color: #1b1464;
    text-align: center;
    font-size: 16px;
    font-weight: 600; }
    @media screen and (min-width: 768px) {
      .navbar__menu-item {
        float: right; } }
  .navbar__link {
    text-align: center;
    color: #1b1464;
    display: inline-block; }

.dropdown__caret {
  color: #1b1464; }

/* override bootstrap styles + others
========================================================================== */
a {
  color: inherit; }

.bg-primary {
  background-color: #1b1464; }

.close {
  color: white;
  opacity: 1; }
  .close:hover {
    color: white;
    opacity: 1; }

.tabs li.tab a.active {
  color: #1b1464 !important; }

li.active.tab a.active {
  color: white !important; }

.nav.nav-tabs > li > a, .nav.tabs-vertical > li > a {
  color: #1b1464 !important; }

.nav.nav-tabs > li > a:hover,
.nav.tabs-vertical > li > a:hover {
  color: white !important;
  background-color: #1b1464 !important; }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover, .tabs-vertical > li.active > a, .tabs-vertical > li.active > a:focus, .tabs-vertical > li.active > a:hover {
  color: white !important;
  background-color: #1b1464 !important; }

.tabs .indicator {
  background-color: #1b1464; }

.profile_completeness_bar {
  background-color: #1b1464; }

.chat .chat-wrapper .message-list-wrapper .message-list li.left .body .message {
  background: #1b1464; }

.chat .chat-wrapper .message-list-wrapper .message-list li.left .body .message:before {
  border-color: transparent #1b1464 transparent transparent; }

.chat .chat-wrapper .message-list-wrapper .message-list li.right .body .message {
  background: #1b1464; }

.chat .chat-wrapper .message-list-wrapper .message-list li.right .body .message:after {
  border-color: transparent #1b1464 transparent transparent; }

.btn.btn-labeled .btn-label {
  background: unset; }

/* new styles
========================================================================== */
.panel__link {
  color: #1b1464;
  margin: 10px 0 0;
  font-weight: 500;
  display: block; }

body {
  font-family: 'Open Sans', sans-serif; }

/* override bootstrap styles
========================================================================== */
.text-muted {
  color: #919191; }

/* new styles
========================================================================== */
.card-footer i {
  color: #1b1464; }
.card__span, .card__link {
  color: #1b1464; }
  .card__span i, .card__link i {
    font-size: 18px;
    cursor: pointer; }
.card__link {
  text-decoration: none; }

/*# sourceMappingURL=kinkedin.css.map */