/* GENERAL */

@import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans:ital,wght@0,100;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');

body {
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 1.125rem;
  line-height: 1.5rem;
}

.nothing-here-block h5,
.nothing-here-block {
  font-size: 1rem;
}

.content a {
  color: #007688;
}

/* MENU BAR */
.navbar-gitlab {
    background-color: #007688 !important;
    top:50px !important;

}

.nav-sidebar {
    top: 110px !important;
}

.content-wrapper{
    margin-top: 110px !important;
}

header:not(.navbar-gitlab) a:hover {
  color: #007688 !important;
}

.navbar-sub-nav>li>a, .navbar-sub-nav>li>button,
.navbar-nav>li>a, .navbar-nav>li>button {
  font-size: 16px;
  font-weight: 400;
}

.navbar-gitlab .container-fluid {
  padding: 10px 0;
}

/* DROPDOWNS GENERAL */
.dropdown-menu,
.dropdown-menu-nav {
  font-size: 1rem;
}

.dropdown-menu .dropdown-header,
.dropdown-menu-nav .dropdown-header {
  font-size: 1rem;
}

.dropdown-toggle, .dropdown-menu-toggle,
.confidential-merge-request-fork-group .dropdown-toggle,
.confidential-merge-request-fork-group .dropdown-menu-toggle {
  font-size: 16px;
}


/* CONTENT NAV TABS & INPUTS GENERAL */
.top-area .nav-links li a {
  font-size: 16px !important;
  line-height: 26px !important;
}

.nav-tabs .form-control {
  font-size: 1rem;
}

body.ui-blue .nav-links li.active a,
body.ui-blue .nav-links li.md-header-tab.active button,
body.ui-blue .nav-links li a.active {
  border-bottom: 2px solid #007688;
}

.nav-links:not(.quick-links) li:not(.md-header-toolbar) a,
.nav-links:not(.quick-links) li:not(.md-header-toolbar) button {
  padding: 10px;
  font-size: 16px;
  line-height: 26px;
 }


/* BUTTONS GENERAL */
.btn.btn-info,
.project-buttons .btn-info.stat-text,
.btn.btn-primary,
.project-buttons .btn-primary.stat-text {
  background-color: #007688;
  border-color: #007688;
}

.btn.btn-info:hover, .project-buttons .btn-info.stat-text:hover,
.btn.btn-info:focus, .project-buttons .btn-info.stat-text:focus,
.btn.btn-primary:hover, .project-buttons .btn-primary.stat-text:hover,
.btn.btn-primary:focus, .project-buttons .btn-primary.stat-text:focus {
  background-color:  #0098af;
  border-color:  #0098af;
  color: #fff;
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus,
.show>.btn-primary.dropdown-menu-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 152, 175, 0.45);
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle, .show>.btn-primary.dropdown-menu-toggle {
  color: #fff;
  background-color: #0098af;
  border-color: #0098af;
}

.btn.btn-success, .project-buttons .btn-success.stat-text,
.btn.btn-register, .project-buttons .btn-register.stat-text {
  background-color: #007688;
  border-color: #007688;
  color: #fff;
}

.btn.btn-success:hover, .project-buttons .btn-success.stat-text:hover,
.btn.btn-success:focus, .project-buttons .btn-success.stat-text:focus,
.btn.btn-register:hover, .project-buttons .btn-register.stat-text:hover,
.btn.btn-register:focus, .project-buttons .btn-register.stat-text:focus {
  background-color: rgb(0 118 136 / 8%);
  border-color: rgb(0 118 136 / 8%);
  color: #fff;
}

/* CONTENT PROJECTS */
.projects-list h2 {
  font-size: 1.125rem;
  line-height: 1.5rem;
}

.projects-list h2 a {
  color: black;
}

.projects-list .project-details {
  font-size: 1.125rem;
  line-height: 1.5rem;
}

.square.s14, svg.s14 {
  width: 16px;
  height: 16px;
}


/* CONTENT GROUPS */
.group-list-tree .group-row-contents .title {
  font-size: 1.125rem;
  font-weight: 500;
}

.group-home-panel .home-panel-metadata,
.project-home-panel .home-panel-metadata {
  font-size: 16px;
}

.gl-link {
  font-size: 1.125rem;
}

/* SIDEBAR */
.context-header .sidebar-context-title {
  font-size: 16px;
}

.nav-sidebar li .nav-item-name {
  font-size: 16px;
}

.nav-sidebar li a {
  font-size: 16px;
}

body.ui-blue .nav-sidebar li.active>a {
  color: #007688;
}

body.ui-blue .nav-sidebar li.active {
  box-shadow: inset 4px 0 0 #007688;
}

body.ui-blue .nav-sidebar li.active svg {
  fill: #007688;
}


/* BREADCRUMBS */
.breadcrumbs-list>li>a {
  font-size: 16px;
}

.breadcrumbs-sub-title {
  font-size: 16px;
}

.square.s8, svg.s8 {
  width: 10px;
  height: 10px;
}

.breadcrumb.repo-breadcrumb a {
  font-size: 16px;
}


/* HELP PAGE */
.slead {
  font-size: 16px;
  line-height: 26px;
}

.slead a {
  color: #007688;
}

.documentation-index.md a {
  color: #007688;
}

.documentation-index.md a>code {
  color: #007688;
}

.card.links-card a,
.card.links-card button {
  font-size: 16px;
  line-height: 26px;
  color: #007688;
}

/* LOGIN PAGE */
.login-box a {
  color: #007688;
}

#signin-container a.nav-link.active {
  border-bottom: 2px solid #007688;
}

#signin-container .form-control:focus, .common-note-form .md-area.is-focused,
#signin-container .search form:focus, .search.search-active form {
  border-color: #007688;
  box-shadow: 0 0 0 0.2rem rgba(0, 152, 175, 0.45);
}

/* ACTIVITY */
.event-item {
  font-size: 1rem;
}

/* MEMBERS PAGE */

ul.content-list li .member-group-link {
  color: #007688;
}

.content-list.members-list li .user-info {
  font-size: 16px;
}

/* FOOTER */
.footer-links a {
  color: #007688;
}

/* Burger */
.ulBurgerMenu{
  background-color: white;
  padding: 0;
  margin: 0;
  padding-left: 5px;
  padding-top: 8px;
  font-size: 18px;    
  display:none;
  opacity: 0;
  margin-bottom: 15px;
  z-index: 2000;
  width: 100%;
  top: 50px;
  padding-bottom:20px;
  position:fixed;
}

.mobile-right{
  display:none;       
}

@media (min-width:1px) and (max-width: 873px) {
  .ulBurgerMenu{
      opacity:1;
  }

  .ulBurgerMenu li.nav-item{
      height:40px;
  }

  .ulBurgerMenu li.nav-item a{
     text-decoration: none;
  }

  .ulBurgerMenu li.nav-item a:hover{
      color:#007688 !important;
   }

  .mobile-left{
      float:left;
      width:80%;
  }

  .mobile-right{
      display: block;
  }

  .ulMainMenu{
    display:none !important;
  }
}