@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700&display=swap');

h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', sans-serif !important;
}

.app-nav-header .logo img {
  max-width: none;
}



.custom-nav-logo {
    font-family: "Cairo", sans-serif !important;
    font-weight: 400;   
    color: #0e7490;
    margin-left: 0.5rem;
    margin-bottom: 0.25rem; /* overiding whmcs styling */
    font-size: 1.7rem;
}

.custom-nav-logo span {    
    color: #1f2937;
}

.top-nav {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 500;
  font-size: 0.93rem;
}

.keibg>li>a {
  font-family: 'Montserrat', sans-serif !important;
}

.bigzee-section {
    background: #f7f7f7;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
}

/* Custom styles for the go back to frontpage in the top navigation bar */
.back-nav-frontpage {
    background-color: #e0e3e7 !important;
    border-radius: 6px;
    padding:0.2rem;
    cursor: pointer;
    border: 1px solid transparent !important; /* this border is necessary to stop the items shifting when it is hovered over */
  
}

.back-nav-frontpage:hover {
    border: 1px solid #a3a3a3;
}

.back-nav-frontpage a {  
    display: flex !important;
    align-items: center;
    justify-content: center !important;
}
/* End */

/* Custom styles for the breadcrumb */
.breadcrumb>li+li:before {    
    color: #898c92 !important;
}
/* End */

/* styling the small dot on top of the notification icon */
ul.top-nav>li>a:not(.btn)>i:not(.ls-caret)+.badge {    
  top: 4px !important;     
}
/* end */


@media (min-width: 992px) {

  ul.top-nav {
    justify-content: flex-end !important;
    column-gap: 1.2rem;
  }

  .app-nav-menu {
    background-color: #005878 !important; 
    color: #fff !important; 
  }

  .app-nav-menu .menu>li {
    height: 2.8rem !important;
    min-height: 0.7rem !important;
  }

  .keibg>li>a {
    color: #f5f2f2 !important;
    font-family: 'Montserrat', sans-serif !important;
  }

  .item-text {
    font-size: 0.93rem;
  }

  .my-account .active-client span:not(.item-text) {
    color: #c6c4c4 !important;
  }

  .ls-caret:before {
    color: #f5f2f2 !important; 
  }

  .lagom-layout-top .app-nav-menu .menu>li .dropdown-menu {
    top: calc(100% + var(--spacing-1x));
      
  }
  
}