/* JFGC custom variables */

:root{
  /*-- conventions
  NUMBERS: from minimum to maximum, starting with 1 for minimum
  LETTERS: xs: xtra-small | s:small | m:medium | l:large | xl:xtralarge
  --*/
  
  /*-- brand color --*/
  /* --color1:#5C7FC5;--color2:#194294;--color3:#3B539E;--color4:#5364A8;--color5:#6975B3;--color6:#2F3D58;--color7:#EFEFEF;--color8:#293B60; */
    --color1:#20201D;--color2:#072C3F;--color3:#FFC100;--color4:#38CFFF;--color5:#00598D;--color6:#0078C0;--color7:#DFDFDF;
  
  /*-- generic color --*/
  --color0:#FFF;--color00:transparent;--color100:#000;
  
  /*-- generic neutral grayscale --*/
  --gray0:#fafafa;--gray1:#e5e5e5;--gray2:#ccc;--gray3:#b2b2b2;--gray4:#999;--gray5:#7f7f7f;--gray6:#666;--gray7:#4c4c4c;--gray8:#333;--gray9:#191919;
  
  /*-- general values --*/
  --gv00125:.0125rem;--gv0125:.125rem;--gv025:.25rem;--gv035:.35rem;--gv05:.5rem;--gv075:.75rem;--gv1:1rem;--gv1_5:1.5rem;--gv21B46672rem:--gv2_5:2.5rem;--gv3:3rem;
  
  /*-- shadow --*/
  --shadow-s:0 0 var(--gv00125) var(--gv00125);--shadow-m:0 0 var(--gv0125) var(--gv0125) var(--gray1);--shadow-l:0 0 var(--gv025) var(--gv025);
  }


body{color: var(--color100);background:var(--color0);font-family: "Source Serif 4",Georgia,serif;font-weight: 500;}
#wrapper{padding: 0;display: flex;flex-direction: column;}
p{text-align: justify;/* word-wrap: break-word;word-break: keep-all;hyphens: auto; */}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {background-color: var(--color0);border: 1px solid var(--color1);}
h1,h2,h3,h4,h5,h6{color: var(--color1) !important;}
strong{font-weight: 500;}
summary{cursor: pointer;}

.fonts-loaded body, .fonts-loaded button, .fonts-loaded input, .fonts-loaded optgroup, .fonts-loaded option, .fonts-loaded select, .fonts-loaded textarea {
  font-family: "Roboto Condensed",sans-serif !important;
}

/*---------------------------NAVBAR-----------------------------*/
#logo a {padding:20px 0 0}
#logo{display: none;}
.homelink{color: var(--color100);}
.homeLabel{color: #666;font-weight: 700;font-size: .75em;margin-left: 0.25rem;} /* JFGC creates label for home icon from opacuserjs */

/*.fa.fa-icon-var(--color100), .fa.fa-icon-var(--color0){color:var(--color0);}*/

/*-----------arrangment position historial------------*/
.navbar-text {margin-bottom: 0;line-height: 20px;color: var(--color100);}
.navbar-text a{color:var(--color0) !important;}
/*----------- end arrangment position historial------------*/
.navbar{padding:0 1rem !important;background:#efefef;}
.navbar-brand{display: flex;flex-wrap: wrap;justify-content: center;} /* JFGC arrange vertical align label for home icon */
.navbar-inverse .divider-vertical {border-left: 1px solid var(--color0);border-right:1px solid  #eee;}
.navbar-inverse .brand, .navbar-inverse .nav > li > a {color: var(--color0);font-weight: normal;}
.navbar-inverse .navbar-inner {background: var(--color100);border:none;}
.navbar-inverse .brand, .navbar-inverse .nav>li>a {color: var(--color0);text-shadow: none;}
.navbar .nav>li>a {float: none;/*padding: 10px 15px 10px;*/color: var(--color0) !important;text-decoration: none;text-shadow: none;font-weight: normal !important;}

/*-------decrease high navbar top---*/


.navbar .nav>li>a{ padding:0 15px}

.navbar .divider-vertical { height:25px}



.navbar-inner { min-height: 1.5em;}

/*-------end decrease high navbar top---*/



/*--------------BUTTONS----------------*/
.btn-primary{color: var(--color0);background: var(--color2);}
.btn-primary:hover{color: var(--color0);background: var(--color1);}


/* -- JFGC WRAP #opac-main-search,#moresearches WITH .searchbox FROM OPACUSERJS -- */


/*--------OPAC-MAIN-SEARCH--------------*/
#opac-main-search{margin: auto;width: 100%;max-width: 73rem;background: var(--color3);border-radius:.75rem .75rem 0 0;}
/* .mastheadsearch{border-radius:0;text-align: center;margin:0 auto;padding: 1.5em .8em;} */
.mastheadsearch label{color: var(--color0);}
#opac-main-search label{color:var(--color0);}
#searchsubmit{background: var(--color1);}

#translControl1,#searchsubmit{border: none;}
/* #branchloop{width: auto;} */


/* .searchBox__row{display: flex;flex-grow: 1;align-items: center;} */
.searchBox{display:flex;flex-direction:column;background: var(--color4);margin:0 auto;max-width: 73rem;border-radius:.75rem;}


/*----------MORESEARCHES---------------*/
#moresearches{display: flex;justify-content: center;color: var(--color0);margin:0 auto;max-width: 73rem;border-radius:0 0 .75rem .75rem;flex-wrap: wrap;}
#moresearches ul {list-style: none;width:100%;margin: 0 auto;padding: 0;display: flex;justify-content: center;flex-wrap: wrap;}
#moresearches li {padding: 0;display: none;}
#moresearches li:first-child {display: flex;flex-wrap: wrap;}
#moresearches li:after{content: "";}
#moresearches a::before {font-family: fontawesome;margin-right: .5rem;font-size: 1.5rem;color: var(--color2);font-weight: 500;}
#moresearches li:first-child a::before {content: "\f00e";}
#moresearches li:nth-child(2) a::before {content: "\f007";}
#moresearches li:nth-child(3) a::before {content:"\f0c2";} 
#moresearches li:nth-child(4) a::before {content: "\f005";}
#moresearches li:last-child a::before {content: "\f02d";}
#moresearches a{color:var(--color2) !important;font-size:1em;text-decoration: none;font-weight:500;display: flex;flex-wrap: wrap !important;align-items: center;padding: .5rem 1rem;font-family: "Oswald",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;text-transform: uppercase;justify-content: center;}

#recursos,#muestras,#horario{display: flex !important;}
.muestras__list,.recursos__list{list-style: none;margin: 0;padding: 0;width: 100%;display: flex;flex-direction: column;}
.muestras__link,.recursos__link{text-decoration: none;padding: .5rem .75rem;display: block;}
.muestras__item:nth-child(odd) .muestras__link{background: #fafafa;}

/*--------.BREADCRUMB-------------------*/
.breadcrumb{border-radius: 0;background: #fafafa;margin:1em 1.25em;}
.breadcrumb > li{text-shadow: none;}
.breadcrumb a{color:var(--color100); font-weight:normal;}


/*------------MAIN--------------------*/
.main{border-radius: 0;box-shadow: none;border: none;margin:0 auto;background: none;}

/*--- OPACMAINUSERBLOCK ---*/


/*--------------- LATERAL BTNS -----------*/
#opacnavright{}

/*--FLOTANT RIGHT PANEL--*/


/*-----------login-----------*/
#login{padding:0 0 1em;background:red;display: none;}



/*------------COMMON--------------*/
.aux-space{display: none;}
#moresearches,.site-header .box,.site-footer .box,.box,.resourcesBar__box{margin: 0 1rem;}
.logo-mainBrand{width: auto;height: 5rem;}


/*------------HEADER--------------*/


.site-header{padding-block: 1rem;background: var(--color2);}
.site-header .box{display: flex;gap: 2rem;flex-wrap: wrap;justify-content: space-between;}

.logo-mainBrand{cursor: pointer;}

.site-header .menu{width: 100%;display: flex;flex-wrap: wrap;gap: 1rem;}
.site-header .menu__list{list-style: none;display: flex;flex-wrap: wrap;gap: .5rem;padding: 0;margin-bottom: 0;}
.menu__item:first-child .menu__link{background: var(--color3);color: var(--color1) !important;}
.site-header .menu__link{color: var(--color0) !important;text-decoration: none !important;padding: .5rem .75rem;display: block;text-transform: uppercase;border-radius: .5rem;font-family: "Oswald",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;}
.site-header .menu__link:hover{background: var(--color5);color: var(--color0) !important;}

.menu br{display: none;}
.menu__list .col{flex-grow: 1;}

/*-----------------------------MIDDLE CONTENTS------------------------------*/





/*------------FOOTER--------------*/


/*-----------CUSTOM NAVIGATION-----------*/

.resourcesBar{position: relative;background: var(--color3);flex-direction: column;padding-top: 1rem;}
.resourcesBar__list{margin: 0 auto;list-style: none;display: flex;flex-wrap: wrap;padding: 0;position: relative;}
.resourcesBar__item{position: relative;}
.resourcesBar__label{color: var(--color1);}
.resourcesBar__icon{color: var(--color1);margin-right: 1rem;font-size: 1.5rem;}
.resourcesBar__link{text-transform: uppercase;;font-family: "Oswald",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;;transition: all 0.2s ease;display: flex;text-decoration: none !important;background: var(--color00);padding:.5rem 1rem;cursor: pointer;box-shadow: 0 0 0 .25rem var(--color00);align-items: center;}
.resourcesBar__link:hover{color: var(--color2) !important;}
.resourcesBar__link:hover .resourcesBar__label{color: var(--color2) !important;}
.resourcesBar__link:hover .resourcesBar__icon{color: var(--color5) !important;}


.site-footer{background: var(--color0);}    
.site-footer .box{display: flex;gap: 2rem;flex-wrap: wrap;justify-content: space-between;flex-direction: column;}
.site-footer .col{display: flex;flex-direction: row;padding: 3rem 1rem;flex-wrap: wrap;}
.site-footer .col:first-child{padding-bottom: 0;}
.site-footer .col:last-child{background: var(--color7);}

.tagline__box{position: relative;background: var(--color2);max-width: 20rem;margin: 0 auto;display: flex;gap: .51rem;align-items: center;font-family: "Oswald",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size: 1.25rem;line-height: 1;padding: 1rem .5rem;margin-bottom: -1rem;z-index: 1;}
.tagline{color: var(--color3);margin-bottom: 0;}
.tagline-mark{color: var(--color5);}

.site-footer .col:first-child{display: grid;grid-template-columns: 1fr;}
.site-footer .col:last-child{background: var(--color7);}

.address__item{list-style: none;padding: 0;margin-bottom: 0;display: flex;gap: 1rem;}
.address__item:first-child{margin-bottom: 1rem;}
.address__list i{color: var(--color5);font-size: .8rem;}
.address__item p{color:var(--color1);font-family: "Source Serif 4",Georgia,serif;margin-bottom: 0;}

.desc p{color:var(--color1);font-family: "Source Serif 4",Georgia,serif;margin-bottom: 0;font-weight: 700;margin-bottom: 2rem;}

.social__list{list-style: none;display: flex;flex-wrap: wrap;gap: 1rem;padding: 0;margin-bottom: 0;}
.social__link{color: var(--color2) !important;text-decoration: none !important;font-size: 1.2rem;}
.social__link:hover{color: var(--color5) !important;}




/*--------INSIDE CONTENTS-------------*/
p#numresults{ text-align:center}

#bottom-pages{text-align: center;}

.results_summary{font-size:100%;padding:0 0 .25em;color:var(--color100);}

.results_summary .label{font-size:1em;font-weight:bold;}
.online_resources::before {content: "\f1c1";font-family: "fontAwesome";margin-right:.25rem;color:red;font-size:1.25rem;}

.ddc::before{content:"\261D";font-size: 2em;}

#imagentipom,.Signatura_Topografica{ float:left}
.Signatura_Topografica{ margin:.35em 0 0 .5em}

.ddc,.ddc .label{font-weight:bold;font-size: 1em;}
.ddc{color:#002D72;}
.ddc .label{color:#EAAA00;}

a, a.title{color:var(--color1) !important;}
.term {background: yellow;color: var(--color1);}
.page-item:first-child .page-link,.page-item:last-child .page-link{background: var(--color1);color: var(--color0) !important;}


/* JFGC ADJUSTMENTS --- */
h1{font-size: 1.25rem;}
.results_summary{font-size: 90%;}
#search-facets h3, #search-facets .h3{font-size: 110%;}
.ddc::before{content:"\2605";}


.customGrid{display: grid;grid-template-columns: repeat(4,auto);gap: 1.5rem;}
.customCell{outline: .0125rem solid var(--color6);padding: 1rem;background: var(--color0);border: .25rem solid var(--gray0);padding: 1rem;border-radius: .75rem;border-top: 0.35rem solid var(--color4);box-shadow: 0 0 .35rem .0125rem #aaa;}
.img-bases{max-height: 3.5em;max-width:10em;margin: auto;display: table;}


/*--------end BOOTSTRAP OVERWRITTING DEFINITIONS -------------*/


/*---------------JFGC MY MEDIA QUERIES ADDITTIONS -----*/

@media only screen and (max-width: 576px) {
  /* Screens bewteen 0 and 576 pixels wide */
#opacheader,#opaccredits{margin:0 -20px;}
  #logo {margin: 4px 14px 0 14px;}
.customGrid{grid-template-columns: repeat(1,auto);}

#booleansearch{margin-bottom: 1rem;}
#booleansearch p{width: 100%;}
#pubrange input,#langfilter select,#location select{width: auto;}
#sortby select{width: 100%;}


}

@media only screen and (min-width: 577px) and (max-width: 767px) {
  /* Screens bewteen 577 and 767 pixels wide */
  #logo {margin: 4px 14px 0 14px;}
  #opacheader,#opaccredits{margin:0 -20px;}
  .customGrid{grid-template-columns: repeat(2,auto);}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* Screens bewteen 768 and 991 pixels wide */
  #opacheader,#opaccredits{margin:0 -20px;}
  .customGrid{grid-template-columns: repeat(3,auto);}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  /* Screens bewteen 992 and 1199 pixels wide */
  #opacheader,#opaccredits{margin:0 -20px;}
  .customGrid{grid-template-columns: repeat(4,auto);}
}


@media only screen and (min-width: 1200px){
  /* Screens 1200 pixels wide and furthermore */
  #opacheader,#opaccredits{margin:0 -20px;}
#moresearches,.box{max-width: 90rem;margin: 0 auto;padding: 0 1rem;}
#moresearches,.site-header .box,.site-footer .box,.box,.resourcesBar__box{max-width: 90rem;margin: 0 auto;}
.menu br{display: inline;}


.tagline__box div{border-right: .0125rem solid var(--color0);padding-inline: .5rem;}
.tagline__box::before{position: absolute;inset: 0;content: "";height: 100%;width: 100%;transform: skewX(7deg);background: var(--color2);z-index: -1;left: 1rem;}
.tagline__box::after{position: absolute;inset: 0;content: "";height: 100%;width: 100%;transform: skewX(-7deg);background: var(--color2);z-index: -1;left: -1rem;}

.site-footer{background-image: linear-gradient(90deg,white 50%,var(--color7) 50%);}
.site-footer .box{flex-direction: row;}
.site-footer .col{display: flex;flex-direction: column;padding: 3rem 1rem;}
.site-footer .col:first-child{display: grid;grid-template-columns: repeat(2,1fr);}

.customGrid{grid-template-columns: repeat(4,auto);}
}

/*--------------- end JFGC MY MEDIA QUERIES ADDITTIONS -----*/