/*----------SAN LUIS GONZAGA DEFINITIONS 2025-----------*/
/* 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 --*/
  --brandcolor1:#002E6C;--brandcolor2:#78bd1f;--brandcolor3:#FF8300;--brandcolor4:#9A3CBB;--brandcolor5:#00A0AE;--brandcolor6:#67B2E7;--brandcolor7:#014A97;
  --color1:#00335F;--color2:#A7C3E8;--color3:#F6F6F6;--color4:#2F4C76;--color5:#F5CD21;
  
  /*-- generic color --*/
  --color0:#FFF;--color-none: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);font-size: .95em;background:var(--color0);font-family: "Roboto Condensed", sans-serif;font-weight: 300;}
#wrapper{padding: 0;display: flex;flex-direction: column;}
/* select {background-color: var(--color0);border: 1px solid #ccc;width: 220px;} */
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(--brandcolor1);}
h1,h2,h3,h4,h5,h6{color: var(--brandcolor1) !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(--brandcolor2);}
.btn-primary:hover{color: var(--color0);background: var(--brandcolor1);}


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


/*--------OPAC-MAIN-SEARCH--------------*/
#opac-main-search{background: none;margin: auto;width: 100%;max-width: 73rem;}
/* .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{color: var(--color1);background: transparent;border: none;}
#searchform .order-sm-4{display: none;}
#translControl1{min-width: 17rem;}
/* .transl1{width: auto;min-width: 17rem;} */
/* #branchloop{width: auto;} */

.customSearches{display: flex;align-items: center;gap:1rem;}
.customSearches__box{display: flex;align-items: center;gap: .5rem;}
.customSearches__input{border-radius: 2rem !important;text-decoration: none !important;}
/* .customSearches::after{content: "\f002";font-family: 'fontawesome';} */
/* .customSearches #translControl1::placeholder{font-family: 'fontawesome';font-weight: 300;} */

/*----------MORESEARCHES---------------*/
#moresearches{display:none;justify-content: center;color: var(--color0);background:var(--brandcolor2);margin:0 auto;padding: 1rem 0;}
#moresearches ul {list-style: none;width:100%;margin: 0 auto;padding: 0;display: flex;justify-content: center;flex-wrap: wrap;}
#moresearches li {padding: 0;margin: 0 1em;}
#moresearches li:after{content: "";}
#moresearches a::before {font-family: fontawesome;margin-right: .5rem;font-size: 1.5rem;color: var(--color0);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(--color0);font-size:1em;text-decoration: none;font-weight:500;display: flex;align-items: center;padding: .5rem 1rem;}


/*--------.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;flex-grow: 1;}

/*--- OPACMAINUSERBLOCK ---*/


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

/*--FLOTANT RIGHT PANEL--*/


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



/*------------COMMON--------------*/
.aux-space{display: none;}
.header-Site__box,.customNav__box,.interestNav__box,.publications__box,.footer-Site__box,.box{margin: 0 1rem;}


/*------------HEADER--------------*/
.header-Site{background: var(--color0);padding: .5rem 0;}
.header-Site__box{display: flex;justify-content: space-between;align-items: flex-end;gap: 1rem;flex-wrap: wrap;}
.header-Site__brand{height: 5rem;cursor: pointer;}
.header-Site__tagline{margin-bottom: 0;font-size: 1.5rem;color:var(--color1);}

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

/*------------CUSTOM NAV--------------*/

.customNav{padding: 5rem 0;background: var(--color1);}
.customNav__box{}
.customNav__list{list-style-type: none;display: grid;margin: 0;padding: 0;grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));gap: 1rem 0;}
.customNav__item{border-left: .125rem dashed var(--color0);}
.customNav__item:first-child{border-left: none;}
/* .customNav__item:first-child .customNav__link,
.customNav__item:nth-child(2) .customNav__link{border-bottom: .125rem dashed var(--color4);padding-bottom: 1rem;} */
.customNav__link{display: flex;align-items: center;flex-direction: column;gap:.5rem;text-decoration: none !important;padding-bottom: 1rem;}
.customNav__link:hover .customNav__label{color:var(--color5);}
.customNav__icon{height: 4rem;}
.customNav__label{color: var(--color0);text-align: center;font-weight: 500;font-size: 1.2rem;font-family: "Roboto Condensed", sans-serif;}


#menu-publications,#menu-weare{cursor: pointer;}
.aux-menu{display: none;border-top: .125rem dashed var(--color4);padding-bottom: 1rem;}
.aux-menu .customNav__link {display: flex;flex-direction: row;justify-content: center;align-items: baseline;padding: 1rem 0;border-bottom: .125rem dashed var(--color4);}
.aux-menu .customNav__icon {color: var(--color2);font-size: 1.5rem;height: 0;}
.aux-menu .customNav__label {color: var(--color2);line-height: 2;}
.aux-menu .customNav__link:hover .customNav__icon, .aux-menu .customNav__link:hover .customNav__label {color: var(--color5);}
/* .publications-menu hr {border:none;border-top: 0.125rem dashed var(--color4);} */

details.accordion{max-width: 73rem;}
.accordion{display: flex;flex-direction: column;margin-bottom: 1rem;max-width: 73rem;}
.accordion__body{display: grid;grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr));gap: 2rem;}
.accordion__title{font-size: 2rem;color:var(--color1);}
.accordion-section__title{font-size: 1.5rem;color:var(--color1);padding: 0 1rem;border:.0125rem solid var(--color2);border-top: none;}
.accordion-section__span{padding: 0 .75rem;font-weight: 500;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/var(--color0)fff+0,a7c3e8+100&0+0,1+100 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(167,195,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
    
.card-expanded{/* max-width: 25rem; */padding: .75rem;}
.card-expanded:nth-child(odd){background: var(--color3);}
.card-expanded__body{display: flex;gap: 1rem;}
.card-expanded-left,.card-expanded-right{display: flex;flex-direction:column;}
.card-expanded__title{font-size: 1.25rem;color:var(--color1);border-bottom: .0125rem solid var(--color1);margin-bottom: 1rem;line-height: 1.1;margin-top: 0;text-align: left;padding-bottom: .5rem;}
.card-expanded__text{margin-bottom: .5rem;margin-top: 0;text-align: left;}
.card-expanded__link{display: flex;gap: .25rem;text-align: center;padding: .5rem;background: var(--color5);text-decoration: none !important;font-weight: 500;justify-content: center;align-items: center;}
.card-expanded__icon{font-size: 1.35rem;}

.newsletters .card-expanded__link{flex-direction: row;justify-content: center;}

/*------------INTEREST NAV--------------*/
.interestNav{padding: 3rem 0 0;background: var(--color0);}
.interestNav__box{}
.interestNav__list{list-style-type: none;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;margin: 0;padding: 0;gap: 2rem;}
.interestNav__item{}
.interestNav__link{display: flex;align-items: center;flex-direction: column;gap:.5rem;text-decoration: none !important;padding-bottom: 1rem;}
.interestNav__logo{height: 4rem;}

/*------------FOOTER--------------*/
.footer-Site{background: var(--color1);padding: 8rem 0 5rem;color: var(--color0);}    
.footer-Site__box{display: grid;grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr));gap: 2rem;}
.footer-Site__brand{height: 4rem;margin-top: -4rem;margin-bottom: 1rem;}
.footer-Site__col{border-right: .0125rem solid var(--color0);}
.footer-Site__col:first-child,.footer-Site__col:nth-child(2){display: flex;flex-direction: column;align-items: flex-start;justify-content: space-between;}
.footer-Site__col:last-child{border-right: none;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;}
.footer-Site__bold{font-weight: 500;}

.footer-Site-social__list{list-style: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;gap: 1.5rem;}
.footer-Site-social__link{color:var(--color0);}
.footer-Site-social__link:hover{color:var(--color5);}
.footer-Site-social__icon{font-size: 1.35rem;}




/*--------MODALS-------------*/
.c-modal{border: rgba(255,255,255,.25);}
.c-modal a{text-decoration: none !important;border: none !important;border: 0 !important;outline: none !important;}

.c-modal__btn,.c-modal__btnClose{background: var(--brandcolor2);color:var(--color0) !important;padding:.5rem .75rem;box-shadow: 0 0 .125rem 0 gray;border-radius: .25rem;transition: all .5s ease;text-decoration: none !important;margin-left: 1rem;cursor: pointer;}
.c-modal__btnClose{/* position: absolute;top:0;right: 0; */align-self: flex-end;}
.c-modal__btn:hover,.c-modal__btnClose:hover{color:var(--color0);background: var(--brandcolor4);}
.c-modalBox{padding: .5rem 1rem;}
.c-modalHeader>.c-modalBox,.c-modalFooter>.c-modalBox{display: flex;justify-content: space-between;align-items: center;background: var(--gray0);}
.c-modalHeader{border-bottom: .0125rem solid var(--gray1);margin-bottom: 0.5rem;}
/* .c-modalBody{padding: 1rem 0;max-height: 50vh;overflow: auto;} */
.c-modal__Title,.c-modal__bodyText{color: var(--color100);}
.c-modal__Title{margin-bottom: 0;font-size: 1.5rem;color: var(--brandcolor2);}
.c-modalFooter{border-top: .0125rem solid var(--gray1);margin-top: 0.5rem;/* box-shadow: 0 0 .125rem 0 gray; */}
.c-modalFooter>.c-modalBox{justify-content: flex-end;border-top: .0125rem solid #eee;}
.c-modal__list{list-style-position: outside;}



#videoModal iframe{width: 100%;}

/*--------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;}


/*--------- CUSTOM ADDITIONAL PAGES------------*/

#inicio{padding:.5em 1rem;background: var(--gray0);}

.mainContent{padding: var(--gv2) 0;}

h1.text-left,h1.text-right,h1.text-center{font-size: 2rem;color: var(--brandcolor2);}
h2.text-left,h2.text-right,h2.text-center{font-size: 1.75rem;color: var(--brandcolor2);}
h3.text-left,h3.text-right,h3.text-center{font-size: 1.55rem;color: var(--brandcolor2);}
h4.text-left,h4.text-right,h4.text-center{font-size: 1.35rem;color: var(--brandcolor2);}
h5.text-left,h5.text-right,h5.text-center{font-size: 1.25rem;color: var(--brandcolor2);}
h6.text-left,h6.text-right,h6.text-center{font-size: 1.15rem;color: var(--brandcolor2);}
.headerBorderTitle {text-align: center;padding: .5em 0;background:var(--brandcolor4);color: var(--color0);margin: 0 auto;max-width: 1192px;}

.text-in-cols{column-count: 3;text-align: justify;word-wrap: break-word;word-break: keep-all;hyphens: auto;column-gap: var(--gv2);}
.text-in-cols p:first-child{color:var(--brandcolor1);}
.firstParagraph{color: var(--brandcolor2);}

/* .c-grid{display: grid;gap:1.5rem;grid-template-columns: repeat(1, 1fr);justify-items: center;} */
.c-grid__row{display:grid;grid-template-columns: repeat(3, 1fr);width: 100%;gap: var(--gv1);}
.c-grid__cell{display: flex;justify-content: center;align-items: center;text-align: center;/* border-bottom: .0125rem solid rgba(0,0,0,.1); */padding: var(--gv075) 0;}
.c-grid__link{word-wrap: break-word;word-break: break-word;}

.row-card {
	display: grid;
	gap: 2rem;
	background: #fafafa;
	box-shadow: 0 0 0 1rem #fafafa;
	border-radius: .125rem;margin-bottom: 2rem;
}
.col-card {
	border: .25rem solid #fafafa;
	padding: 1rem;
	border-radius: .75rem;
	border-top: 0.75rem solid #eee;
	box-shadow: 0 0 .35rem .0125rem #aaa;
}


/* h1.text-left,h1.text-right,h1.text-center{font-size: 2em;} */
.headerBorderTitle {text-align: center;padding: .5em 0;background:var(--brandcolor2);color: var(--color0);margin: 0 auto;max-width: 1192px;}

/* --------------DATABASES GRIDS--------- */
.customGrid{display: grid;grid-template-columns: repeat(4,auto);gap: 1.5rem;}
.customCell{outline: .0125rem solid var(--brandcolor3);padding: 1rem;background: var(--color0);border: .25rem solid #fafafa;padding: 1rem;border-radius: .75rem;border-top: 0.35rem solid var(--brandcolor2);/*! border-bottom: 0.35rem solid #eee; */box-shadow: 0 0 .35rem .0125rem #aaa;}
.img-bases{max-height: 3.5em;max-width:10em;margin: auto;display: table;}

.text-perfect{margin: .5em 0;text-align: justify;word-wrap: break-word;word-break: keep-all;hyphens: auto;}
.text-left{text-align: left;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.uppercased{text-transform: uppercase;}
.green-text{color:#060;}

.photo-rounded{border-radius:1.5em;margin: 0 0 1em 0;}
.limit-img{max-width: 70%;display: table;margin: 0 auto;}
.responsive-img{width:100%;height:auto;box-sizing:border-box;}
.vignette-outside{margin:0 0 0 1em;padding:0;list-style-position: outside;}
.img-polaroid{padding: 4px;background-color: var(--color0);border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);}

.float-left{float: left;}
.float-right{float: right;}
.limit-logos{margin:0 auto 1em;display: table;height:4em;max-width: 100%;}

.footer-alternate{box-shadow: 0 3em 0 0 #060;padding:1em 0;margin: 0 auto 1em;}


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


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

@media only screen and (max-width: 576px) {
  /* Screens bewteen 0 and 576 pixels wide */
#logo {margin: 4px 14px 0 14px;}
.footer-Site__brand{margin-top: 0;}
.to-3Col,.to-4Col{grid-template-columns: repeat(1, 1fr);}
.customSearches{flex-wrap: wrap;}


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

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



}

@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;}
.footer-Site__brand{margin-top: 0;}
  .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;}
.footer-Site__brand{margin-top: 0;}
  .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;}
.footer-Site__brand{margin-top: 0;}
  .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;}
  .header-Site__box,.customNav__box,.interestNav__box,.publications__box,.footer-Site__box,.box{max-width: 73rem;margin: 0 auto;}
.footer-Site__brand{margin-top: 0;}
  .customGrid{grid-template-columns: repeat(4,auto);}
.accordion__body{max-width: 73rem;margin: 0 auto;padding: 0 1rem;}
}

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