/*
   * themes/pragma/css/header.css
   *
   * Copyright (c) 2023 Brayan Forero
   * Copyright (c) 2023 Metabiblioteca
   *
   */

/* Tamaño de cabecera img  */

html {
    overflow-x: hidden;
}

/* Banner ancho 100% */

.main-menu__logo img, .main-menu__title img {
   max-height: 100% !important;
}

/* Espacios en header */

.main-header {
   display: flex;
   flex-direction: column;
   padding-top: 0;
   padding-bottom: 0;
   font-family: 'Work Sans',sans-serif;
   font-weight: 300;
   font-size: 16px;
   min-height: 125px;
   background-color: var(--color02);
}

.main-header a {
   padding: 0 !important;
   border: 0 !important;
   color: var(--color01) !important;
}

.main-menu__logo, .main-menu__title {
   display: inline-flex !important;
   margin: 0 !important;
   padding-top: 0 !important;
   line-height: 1.5 !important;
}


/* Menús de navegación */

ul#navigationPrimary li a {
   margin: 9px;
   text-align: center;
}

nav.main-header__admin.main-header__admin_locale-enabled {
   justify-content: end;
}

header#pragma_content_header {
   background-color: #FAFAFA !important;
}

.dropdown-menu .dropdown-item a.active, .dropdown-menu .dropdown-item a:active, .dropdown-menu .dropdown-item a:hover, .dropdown-menu .dropdown-item a:focus {
   background-color: transparent !important;
}

div#mainMenu {
   justify-content: center;
}

.dropdown-menu {

   --bs-dropdown-link-active-bg: var(--color02) !important;

}

nav.main-header__admin.main-header__admin_locale-enabled {
   margin-left: 10px;
   margin-right: 10px;
}

div#mainMenu {
   background-color: #FAFAFA;
}

ul#navigationPrimary li a:hover {
   background: transparent;
}

button.navbar-toggler.hamburger {
   background-color: var(--color01);
   width: 100%;
   margin: 7px;
   border-radius: 2px;
}

span.hamburger__wrapper {
   color: #fff;
   font-size: 20px;
}

ul#navigationPrimary li a {
   font-size: 20px;
}

a#dropdownMenuLink {
   font-size: 20px;
}

ul#navigationUser a {
   font-size: 20px;
}

div#mainMenu a.main-menu__nav-link {
   font-size: 20px;
}

button.navbar-toggler.hamburger {
    text-align: center;
    width: 15%;
}

.dropdown-menu .dropdown-item a:hover {
   background-color: transparent;
}

@media (min-width: 992px){
   .navbar-expand-lg {
      flex-wrap: wrap !important;
   }

}

nav.main-header__admin.main-header__admin_locale-enabled {
   display: inline-flex;
   list-style: none;
}

div#mainMenu {
   margin: 16px;
}

/* Usuarios */

span.task_count {
   background-color: #F4F4F4;
   border-radius: 400px;
   font-weight: 600;
   border: 1px solid #EEEEEE;
   padding: 3px;
}

span.task_count {
   color: #000;
}

span.task_count:after {
   content: ".";
   color: #b83b3b;
   font-size: 25px;
   position: relative;
   bottom: 3px;
   right: 0px;
}

/* Barra de búsqueda */

form.search_bar {
   display: inline-flex;
   width: 100%;
}

input.search-input-tag.form-control {
   border-radius: 5px;
}

.form-control {
   margin-bottom: 0px !important;
}

form.search_bar button.btn.btn-light {
   font-size: 20px;
}

div#search {
   margin: 10px;
}

input.search-input-tag.form-control {
   margin-right: 10px;
}

form.search_bar button.btn.btn-light {
   border: 1px solid #dddddd;
   border-radius: 5px;
}

div#search {
   background-color: #FAFAFA;
}

li.leng_item a {
   display: inline-flex;
}

li.leng_item a.en {
   content: url(/plugins/themes/pragma/resources/images/iconos/eng.png);
   width: 20px;
}

li.leng_item a.es {
   content: url(/plugins/themes/pragma/resources/images/iconos/esp.png);
   width: 20px;
}

li.leng_item {
   margin-top: 7px;
}

ul#navigationUser a.main-menu__nav-link {
   margin-left: 10px;
   margin-right: 10px;
}

/* Media Query */

@media only screen and (max-width: 600px) {
   
   nav.navbar.navbar-expand-lg.main-menu ul#navigationPrimary li {
      margin-bottom: 12px;
      border-bottom: 1px solid #ebebeb;
   }

}