@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap');

/* generales */
:root {
    --umh-color: #F7AD1A;
}

*{
    font-family: 'Roboto', sans-serif;
}

body.undernavigation {
    padding-top: 150px;
}

h1, .h1 {
    font-size: 30px;
}

/* handle page */
.statisticsLink{
    color: white !important;
}
.statisticsLink:hover{
    color: black !important;
}

code{
    color: var(--umh-color) !important;
}

/* boton biblioteca */
#boton-biblioteca{
    padding: 8px;
    text-align: center;
    color: white;
    background-color: var(--umh-color);
    border-radius: 5px;
    margin-top: 3px !important;
}
#boton-biblioteca:hover{
    text-decoration: underline;
}

/* texto introductorio del repositorio */
#intro-redihum{
    font-size: 16px;
    text-align: justify;
}

/* Float */
.hvr-float {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}

/*thumbnails de tablas*/
.listado_thumbnail_personalized{
    width: 100px !important;
    height: 100px !important;
}


/* comunidades home */
#comunidades-home{
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
}
#comunidades-home > div > a > img{
    width: 200px;
    border-radius: 20px;
}
.comunidades-round{
    border-radius: 20px !important;
}
#comunidades-home > div{
    margin: 20px;
}
#comunidades-home > div > h4{
    padding-top: 20px;
}

/* text center*/
.text-center{
    text-align: center;
}

/* main links */
main a{
    color:  grey;
}
main a:hover, main a:focus{
    color:  var(--umh-color) !important;
}
#content{
    margin-bottom: 100px !important;
}
.panel-info{
    border-color: var(--umh-color) !important;
}

/* header */
#header-umh{
    background-color: var(--umh-color);
    background-image: url('/image/header-photo.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 85px;
    padding-left: 30px;
    padding: 10px;
}

/* navbar colores*/
.navbar-inverse .navbar-toggle .icon-bar{
    background-color: var(--umh-color) !important;
}
.navbar-toggle:hover{
    background-color: var(--umh-color) !important;
}
.navbar-toggle{
    border:  1px solid grey !important;
}
.navbar-toggle:focus{
    background-color: var(--umh-color) !important;
}
.navbar-inverse .navbar-toggle:hover .icon-bar{
    background-color: white !important;
}
.navbar-inverse .navbar-toggle:focus .icon-bar{
    background-color: white !important;
}
.navbar-toggle:focus .icon-bar{
    background-color: white !important;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
    color: white !important;
}

.form-control:focus{
    border-color: var(--umh-color) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px var(--umh-color) !important;
}

/* navbar tamaños*/

.search-input-personalized{
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.search-input-personalized::placeholder{
    color: black;
}

#search-form-persnalized{
    /*display: flex !impotant;
    justify-content: center !important;*/
}

.glyphicon-search{
    font-size: 12px !important;
}

.navbar-nav > li > a{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.navbar-nav{
    height: 42px !important;
}

#search-form-persnalized::placeholder{
    font-size: 11px !important;
}

#content{
    padding-bottom: 0px !important;
}
.undernavigation{
    padding-top: 130px !important;
}

/* home content */
.row-padding-personalized{
    padding-left: 30px !important;
    padding-right: 30px !important;

}


/* items colecciones */
.badge{
    background-color: var(--umh-color) !important;
}
.badge-personalized{
    font-size: 20px !important;
}
.badge-personalized-v2{
    font-size:  14px !important;
}

/* items */
.metadataFieldLabel{
    font-weight: bold !important;
}

/* imagenes recolectores */
#div-recolectores{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
#div-recolectores > a > img{
    width: 200px;
    height: auto;
}


.caja_5 {
    width: 200px;
    height: auto;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.caja_5 img {
    width: 200px;
    height: auto;
    position: relative;
    top: 0;
    left: 0;
}
.caja_5 .ovrly {
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.caja_5 .buttons {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.caja_5 .buttons .fa {
    background: black;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10%;
    -moz-border-radius: 10%;
    border-radius: 10%;
    display: inline-block;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    width: 40px;
    height: 40px;
    opacity: 0;
    position: relative;
    -webkit-transition: all 0.3s, color 0.1s 0.3s;
    -moz-transition: all 0.3s, color 0.1s 0.3s;
    -o-transition: all 0.3s, color 0.1s 0.3s;
    transition: all 0.3s, color 0.1s 0.3s;
    color: transparent;
}
.caja_5 .buttons .fa-link {
    left: -10px;
}
.caja_5 .buttons .fa-search {
    left: 10px;
}
.caja_5:hover .buttons .fa {
    opacity: 1;
    left: 0;
    color: rgba(255, 255, 255, 0.9);
}
.caja_5:hover .ovrly {
    opacity: 1;
}





/* migas de pan */
.breadcrumb{
    margin-top: 5px !important;
    background-color: white !important;
    font-size: 11px !important;
    padding: 5px !important;
    font-weight: normal !important;
    border-bottom:  1px dotted var(--umh-color);
    padding-right: 10px !important;
    padding-left: 10px !important;

}
ol.breadcrumb li{
    color: grey !important;
}
ol.breadcrumb li a{
    color: grey !important;
    font-style: italic !important;
    font-weight: normal !important;
}

/* footer */
#footer-default {
    background: linear-gradient(to bottom, #ffffff, #a6a6a6);
    background-position: top left;
    background-size: 100%;
    display: block;
    height: 130px;
    border-top: 1px solid #CCC;
    width: 100%;
    border-top:  0px solid !important;
    font-size: 12px !important;
    border-radius: 0px !important;
    border: 0 px solid white !important;
    height: 80px !important;
}

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

.home-titles-h4{
    padding: 10px !important;
    text-align: center;
    border: 1px dashed var(--umh-color);
    color: var(--umh-color);
    border-radius: 10px;
}

/* flechas siguiente anterior */
.pull-righ, .pull-left {
    color: black !important;
}
.pull-right:hover, .pull-right:focus,  .pull-right:active, .pull-left:hover, .pull-left:focus, .pull-left:active {
    color: black !important;
}
.panel-footer .pull-right:hover, .panel-footer .pull-right:active, .panel-footer .pull-left:hover, .panel-footer .pull-left:active{
    color: black !important;
}
.panel-footer .pull-left, .panel-footer .pull-left{
    color: black !important;
}
.panel-footer{
    background-color:  var(--umh-color) !important;
    border-color: var(--umh-color) !important;
    color:  black !important;
}
.panel-primary{
    color: black !important;
}
div.panel-primary div.panel-heading a{
    color: black !important;
}
div.panel-footer a{
    color: black !important;
}


/* alert enlaces */
.alert-info a{
    color: white !important;
}
.alert-info a:hover, .alert-info a:focus{
    color: white !important;
}

/* botones */
.btn-primary{
    background-image:  linear-gradient(to bottom,#EDA135 0,#F4BF57 100%) !important;
    background-color: var(--umh-color) !important;
    border-color: #d58512 !important;
}
.btn-primary:hover, .btn-primary:focus {
    color: black !important;
}
.btn-default:hover, .btn-default:focus {
    color: black !important;
    text-decoration: underline !important;
}

/* icono de comunidades */
h4 .glyphicon-plus-sign, h4 .glyphicon-minus-sign{
    font-size: 14px !important;
}

h4 .glyphicon-minus-sign{
    margin-left: -10px !important;
}

.media-list{
    margin-left: 30px !important;
}

/* formularios */
.browse-form-control{
    width: auto !important;
}
.personalized-form-search-publication{
    display: flex !important;
    justify-content: center; !important;
    flex-direction: column; !important;
    align-items: center !important;
}
.personalized-row-form{
    display: flex !important;
    justify-content: center !important;
    flex-direction: row !important;
    align-items: center !important;
    margin-bottom: 10px !important;
}
.display-none-personalized{
    display: none !important;
}
.personalized-row-form > label{
    font-weight: normal !important;
}
.personalized-row-form-space-evenly{
    display: flex !important;
    justify-content: space-evenly; !important;
    flex-direction: row; !important;
    align-items: center !important;
    flex-wrap: wrap;
}
.personalized-row-form-space-evenly > label{
    font-weight: normal !important;
}

.personalized-form-search-publication > input, .personalized-form-search-publication > select, .personalized-form-search-publication > label {
    margin-left: 10px !important;
}

.personalized-form-search-publication > label{
    font-weight: normal !important;
}

/* sidebar */
.list-group-item{
    padding: 7px 15px !important;
}


/* recent submissions */
.glyphicon-chevron-right{
    color: var(--umh-color) !important;
    font-size: 10px !important;
}
.recent-submissions-personalized{
    padding: 5px !important;
    padding-left: 20px !important;
}


.list-group-personalized{
    -webkit-box-shadow:  0 0px 0px rgb(0,0,0) !important;
    box-shadow:  0 0px 0px rgb(0,0,0) !important;
}

/* búsquedas */
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus{
    background-color: var(--umh-color) !important;
    border-color:  var(--umh-color) !important;
}

.search-form-personalized-form{
    margin-top: 4px !important;
}

/*
.container > .navbar-header, .container > .navbar-collapse{
    margin-left:  -100px !important;
}

.navbar-collapse .navbar-nav.navbar-right:last-child{
    margin-right:  -100px !important;
}
*/
/* para moviles */

@media(max-width: 768px){

    #boton-biblioteca{
        margin-left: 30px;
    }


    .search-form-personalized-form{
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start; !important;
    }

    .search-input-personalized{
        margin-right: 20px !important;
        margin-left: 20px !important;

    }

    .search-form-personalized-form > button{
        margin-left: 30px !important;

    }

    .navbar-nav > li > a{
        padding-left: 30px !important;
    }

    .glyphicon-user{
        padding-left: 20px !important;
    }
    .fa-user{
        font-size: 120px;
    }

    .iniciar-sesion:hover, .iniciar-sesion:focus{
        background-color: white !important;
    }

    .navbar-nav{
        overflow-x: hidden !important;
        overflow-y: hidden !important;
        height: auto !important;
    }
    .navbar-brand{
        display: none !important;
    }
    /*
    .container > .navbar-header, .container > .navbar-collapse{
        margin-left:  -32px !important;
    }

    .navbar-collapse .navbar-nav.navbar-right:last-child{
        margin-right:  -100px !important;
    }
    */
}


@media (min-width: 768px){
    #navbar-default{
        padding-right: 0px;
        padding-left: 0px;
    }

    .navbar-collapse {
        padding-left: 0px;
    }

    .navbar-nav li:hover{
        background-color: var(--umh-color) !important;
    }

    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
        color: var(--umh-color) !important;
    }
}

.navbar-inverse {
    background-image: -webkit-gradient(linear,left 0,left 100%,from(#fff),to(#fff));
    background-image: -webkit-linear-gradient(top,#fff,0%,#fff,100%);
    background-image: -moz-linear-gradient(top,#fff 0,#fff 100%);
    background-image: linear-gradient(to bottom,#fff 0,#fff 100%);
    background-repeat: repeat-x;
    border-color: #a6a6a6;
}

.navbar-inverse .navbar-nav>.active>a {
    background-color: #ffffff;
    color:#000000;
}

.navbar-inverse .navbar-nav>.active>a:hover {
    background-color: #f7ad1a;
    color:#000000;
}

.navbar-inverse .navbar-nav>li>a {
    color: #000000;
}

.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
    color: #000000;
    background-color: #f7ad1a;
}

.navbar-inverse .navbar-nav>li>a, .navbar-inverse .navbar-nav>li>a {
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
    color: #000000;
    background-color: #f7ad1a;

}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
    color: #000000 !important;
    background-color: #f7ad1a;
    background-image: linear-gradient(to bottom,#f7ad1a 0,#f7ad1a 100%);
}

ol.breadcrumb li {
    color: #000000;
    font-style: italic;
}

ol.breadcrumb li a {
    color: #000000;
}

.breadcrumb > li::before{
    color: var(--umh-color) !important;
}

.list-group-item {
    border: 0px;
}

.breadcrumb {
    padding: 0px 0px;
    margin-bottom: 10px;
}

#home-banners{
    margin-top: 10px;
}

.panel-primary {
    border-color: #f7ad1a;
}

.panel-primary>.panel-heading {
    background-image: -webkit-gradient(linear,left 0,left 100%,from(#f7ad1a),to(#f7ad1a));
    background-image: -webkit-linear-gradient(top,#f7ad1a,0%,#f7ad1a,100%);
    background-image: -moz-linear-gradient(top,#f7ad1a 0,#f7ad1a 100%);
    background-image: linear-gradient(to bottom,#f7ad1a 0,#f7ad1a 100%);
    background-repeat: repeat-x;
}

.panel-primary>.panel-heading {
    color: #000000;
    background-color: #f7ad1a;
    border-color: #f7ad1a;
}

.panel-success>.panel-heading {
    background-image: -webkit-gradient(linear,left 0,left 100%,from(#f3c66e),to(#f7ad1a));
    background-image: -webkit-linear-gradient(top,#f3c66e,0%,#f7ad1a,100%);
    background-image: -moz-linear-gradient(top,#f3c66e 0,#f7ad1a 100%);
    background-image: linear-gradient(to bottom,#f3c66e 0,#f7ad1a 100%);
    background-repeat: repeat-x;
}

.panel-success>.panel-heading {
    color: #000000;
}

.alert-info {
    background-image: -webkit-gradient(linear,left 0,left 100%,from(#f3c66e),to(#f7ad1a));
    background-image: -webkit-linear-gradient(top,#f3c66e,0%,#f7ad1a,100%);
    background-image: -moz-linear-gradient(top,#f3c66e 0,#f7ad1a 100%);
    background-image: linear-gradient(to bottom,#f3c66e 0,#f7ad1a 100%);
    background-repeat: repeat-x;
    border-color: #f3c66e;
}

.alert-info {
    color: #000000;
}

.panel-info>.panel-heading {
    background-image: -webkit-gradient(linear,left 0,left 100%,from(#f3c66e),to(#f7ad1a));
    background-image: -webkit-linear-gradient(top,#f3c66e,0%,#f7ad1a,100%);
    background-image: -moz-linear-gradient(top,#f3c66e 0,#f7ad1a 100%);
    background-image: linear-gradient(to bottom,#f3c66e 0,#f7ad1a 100%);
    background-repeat: repeat-x;
}

.panel-info>.panel-heading {
    color: #000000;
}

.listado_dcrights{
    text-align: center;
}

.hideContent {
    overflow: hidden;
    line-height: 1em;
    height: 2em;
}

.show-more {
    padding: 10px 0;
    text-align: center;
}

[class*="show-more"] a {
    font-weight: bold;
    font-size: 81%;
    text-decoration: underline;
}

a>b{
    word-break: break-all;
}