/***************************************************************************
 redefinición de variables para color de texto y otros elementos 
 *************************************************************************/

:root {
    --cc-bg: #fff;
    --cc-primary-color: #333;
    --cc-secondary-color: #1F4081;
    --cc-btn-primary-bg: #00C0F3;
    --cc-btn-primary-color: #fff;
    --cc-btn-primary-border-color: #00C0F3;
    --cc-btn-primary-hover-bg: #fff;
    --cc-btn-primary-hover-color: ##00C0F3;
    --cc-btn-primary-hover-border-color: #e0e0e0;
    --cc-btn-secondary-bg: #fff;
    --cc-btn-secondary-color: #333;
    --cc-btn-secondary-border-color: #ccc;
    --cc-btn-secondary-hover-bg: #333;
    --cc-btn-secondary-hover-color: #fff;
    --cc-btn-secondary-hover-border-color: #adadad;
    --cc-separator-border-color: #e3e3e3;
    --cc-toggle-on-bg: #777;
    --cc-toggle-off-bg: #919191;
    --cc-toggle-on-knob-bg: #F0F0F0;
    --cc-toggle-off-knob-bg:#F0F0F0;
    --cc-toggle-enabled-icon-color: #F0F0F0;
    --cc-toggle-disabled-icon-color: #F0F0F0;
    --cc-toggle-readonly-bg: #aaa;
    --cc-toggle-readonly-knob-bg: #fff;
    --cc-toggle-readonly-knob-icon-color: #aaa;
    --cc-section-category-border: #eee;
    --cc-cookie-category-block-bg: #eee;
    --cc-cookie-category-block-border: #ddd;
    --cc-cookie-category-block-hover-bg: #d5d5d5;
    --cc-cookie-category-block-hover-border: #ddd;
    --cc-cookie-category-expanded-block-bg: #eee;
    --cc-cookie-category-expanded-block-hover-bg: #d5d5d5;
    --cc-overlay-bg: #000;
    --cc-webkit-scrollbar-bg: #eee;
    --cc-webkit-scrollbar-hover-bg: #fff;
    --cc-footer-bg: #f5f5f5;
    --cc-footer-color: #333;
    --cc-footer-border-color: #ddd;
}

/********************************************************************************

        Construcción del header

        **************************************************************************/


.banner-image{
    background-image: url("/themes/bootstrap3/images/UIR-header.png");
    height: 18em;
    min-height: 334px;
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}
.banner{
    background-color: #fff;
    padding-bottom: 0;
    margin-bottom: 0;
}
img.logo-ucr {
    height: auto;
    max-width: 18em;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
img.logo-ruie {
    height: auto;
    max-width: 16em;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

div.navbar-header {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.nav-menu-web{
    display: flex;
}
.nav-menu-web div{
    margin-inline-start: auto;
    margin-inline-end: auto;
}

.divisor-header{
    background-color: #005DA4;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 15px 15px 15px 15px;
}

div.main {
    margin-top: 2em;
}

div.search.container.navbar {
    margin-top: 2em;
    margin-bottom: 1em;
}

.footer-container{
    background-color: #F0F0F0;
    color: #1F4081;
}

.btn.btn-primary{
    background-color: var(--cc-btn-primary-bg);
}

/*************************************************************************
    Aplicación de fuentes para tema en general

    ***********************************************************************/

body{
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
}

a,p,li{
    color: var(--cc-secondary-color);
    text-decoration: none;
}

h1,h2,h3{
    color: var(--cc-btn-primary-bg);
}

/******************************************************************

    Modificaciones de facet-box de menú lateral derecho

    ******************************************************************/

.facet, .facet-group .title, .facet-load-indicator, .facet-load-failed {
    background-color: var(--cc-bg);
}

.facet-group .title, .facet-group .collapse, .facet-group .facet{
    border: none;
}

.facet {
    text-decoration: none;
}

/********************************************************************

    Modificaciones a listado de objetos recuperados

    ******************************************************************/

li.result:hover{
    background-color: var(--cc-toggle-disabled-icon-color);
    transition: 0.5s;
}


/*****************************************************************

    Modificación de Footer

    ***************************************************************/

footer {
    background-color: var(--cc-toggle-enabled-icon-color)!important;
    width: 100%;
}

div.footer-column ul li{
    list-style-type: none;
}