/*----------CASA CULTURA DEFINITIONS-----------*/

: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:#00ACAD;--brandcolor2:#672d8b;--brandcolor3:#07060C;--brandcolor4:#000;--brandcolor5: #672d8b;--brandcolor6: #672d8b; */
--brandcolor1:#662583;--brandcolor2:#421853;--brandcolor3:#FFCB00;--brandcolor4:#E73E3F;--brandcolor5: #00ABAC;--brandcolor6: #0F71B7;--brandcolor7: #111;

/*-- generic color --*/
--gblack:black;--ggray:gray;--galmostwhite:#fafafa;--gwhite:white;


/*-- generic color --*/
--gblack:black;--gwhite:white;--gclearwhite:#fafafa;--gred:red;--gpurple:purple;--ggreen:green;--gyellow:yellow;--gblue:blue;--gfuchsia:fuchsia;--yellow:yellow;

/*-- 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;--gv2:2rem;--gv2_5:2.5rem;--gv3:3rem;

/*-- shadow --*/
--shadow-s:0 0 var(--gv00125) var(--gv00125);--shadow-m:0 0 var(--gv0125) var(--gv0125);--shadow-l:0 0 var(--gv025) var(--gv025);

}

/*--------------------------- modify GENERIC HTML TAGS -----------------------------*/

body{color: #000;font-family: "Arial, Helvetica", sans-serif !important;font-size: .95rem;font-weight: normal;}

#wrapper{padding: 0;display: flex;flex-direction: column;}
#wrapper:before{position: fixed;width: 100%;height: 100%;content:"";background: var(--brandcolor1);background-size: cover;z-index: -1;mix-blend-mode: multiply;}
#wrapper:after{position: fixed;width: 100%;height: 100%;content:"";background: url(../images/bg-home.jpg);background-size: cover;z-index: -2;opacity: .5;}


p{text-align: justify;word-wrap: break-word;word-break: keep-all;hyphens: auto;}
input,select,.btn{border-radius: 0 !important;}
h1{color: var(--brandcolor2);}

/*--------------------------- modify NAVBAR -----------------------------*/
/*---------------------------NAVBAR-----------------------------*/
#logo a {padding:20px 0 0}
#logo{display: none;}
.homeLink{color: #000;}
.homeLabel{display: none;}


.navbar{padding: 0 1rem;background: var(--galmostwhite);box-shadow: var(--shadow-m);}


/*-------- modify BREADCRUMB -------------------*/
.breadcrumb{border-radius: 0;background: #f1f1f1;margin:1rem 1.25rem;}
.breadcrumb > li{text-shadow: none;}
.breadcrumb a{color:#000; font-weight:normal;}


/*--------modify OPAC MAIN SEARCH--------------*/
#opac-main-search{max-width:1170px;margin: 0 auto;background: #111;position:relative;z-index:1000;}
#opac-main-search label{color:var(--gwhite);}
#searchsubmit,#searchsubmit:hover{border: none;}
#searchsubmit{background: var(--brandcolor1);}
#searchsubmit:hover{background: var(--brandcolor6);}



/*------------ modify MAIN--------------------*/
.main{border-radius: 0;box-shadow: none;border: none;margin:0 auto;max-width: 1170px;margin: 0 auto;flex-grow: 1;background: rgba(255,255,255,.75);}


/*------------ modify LOGIN--------------------*/
#login{display: none;}


/*--------------modify BUTTONS----------------*/
.btn-primary{color: var(--white);background: var(--brandcolor2);}
.btn-primary:hover{background: var(--brandcolor1);}


/*------------COMMON--------------*/
.genericBox{margin:0 auto;display: flex;flex-wrap: wrap;flex-direction: column;}
.headerBox,.genericBox,.footerBox{max-width: 1170px;margin: 0 auto;}



/*--- OPACHEADER in News ---*/
/*------------ custom HEADER --------------*/
.headerClient{padding: var(--gv1_5) 0;background:var(--gwhite);box-shadow: 0 var(--gv3) 0 0 var(--brandcolor1);}
.headerBox{display: flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;}
.headerLogo{display: flex;justify-content: center;}
.headerLogo img{cursor: pointer;height: 7rem;}
.tagline{font-size: var(--gv2_5);color: var(--brandcolor2);line-height: 1.25;text-align: right;font-family: "Bebas Neue", sans-serif;}
.tagline-light{color: var(--brandcolor1);}

/*------------ CCE links top --------------*/
.cce-links-top{display: none;background: var(--brandcolor1);border-bottom: var(--gv0125) solid var(--gwhite);}
.cce-links-top ul{display: flex;flex-wrap: wrap;list-style: none;max-width: 1170px;margin:0 auto;padding: 0;justify-content: space-around;}
.cce-links-top a{font-size: 1.05rem;color:var(--gwhite);text-decoration: none;display: flex;align-items: center;padding: var(--gv05) 0;transition: all ease .5s;}
.cce-links-top a:hover{color: var(--gblack);}
.cce-links-top i{font-size: var(--gv1_5);margin: 0 var(--gv1);}

/*--- moresearches ---*/
#moresearches{display: flex;align-items: center;list-style: none;flex-wrap:wrap;padding: var(--gv05) 0;max-width: 1170px;margin: 0 auto;background: var(--brandcolor2);width: 100%;margin-top: .5rem;}
#moresearches li{margin: 0 auto;}
#moresearches li::after {content: "";}
#moresearches a{display: flex;align-items: center;text-decoration: none !important;color: var(--gwhite);}
#moresearches i{margin: var(--gv0) var(--gv5);font-size: var(--gv8);color: var(--gwhite);}

#moresearches a::before{font-family: fontawesome;margin-right:var(--gv05);font-size:var(--gv1_5);}
#moresearches li:first-child a::before{content: "\f00e";}
#moresearches li:nth-child(2) a::before{content: "\f0e8";}
#moresearches li:nth-child(3) a::before{content: "\f007";}
#moresearches li:nth-child(4) a::before{content: "\f217";}
#moresearches li:last-child a::before{content: "\f02d";}

/*--- OPACMAINUSERBLOCK in News ---*/
.homeContentClient{display: none;margin-top: 1rem;margin-bottom: 2rem;}


/*--- OPACNAV in News ---*/
.navbarLeft,.navbarRight{box-shadow: 0 -.5rem 0 1rem var(--brandcolor2), 0 .5rem .5rem .25rem #111;}
.navbarLeft__box,.navbarRight__box{}
.navbarLeft__list,.navbarRight__list{list-style: none;width: 100%;display: flex;flex-direction: column;padding-left: 0;}
.navbarLeft__item,.navbarRight__item{}
.navbarLeft__item:nth-child(even) .navbarLeft__link,.navbarRight__item:nth-child(even) .navbarRight__link{background: #571F6F;}

.navbarLeft__link,.navbarRight__link{display: flex;padding: .75rem;text-decoration: none !important;background: var(--brandcolor2);color: var(--gwhite) !important;transition: all ease .5s;align-items: center;cursor: pointer;}


.navbarLeft__icon,.navbarRight__icon{font-family: "Font Awesome";font-size: 1.25rem;background: var(--brandcolor1);padding: .5rem;}
.navbarLeft__label,.navbarRight__label{margin-left: .5rem;}

.navbarLeft__link:hover,.navbarRight__link:hover{background: var(--gwhite);color: var(--brandcolor2) !important;}
.navbarLeft__item:nth-child(even) .navbarLeft__link:hover,.navbarRight__item:nth-child(even) .navbarRight__link:hover{background: var(--gwhite);color: var(--brandcolor2) !important;}
.navbarLeft__link:hover .navbarLeft__icon,.navbarRight__link:hover .navbarRight__icon{background: none;}
.navbarLeft__item:nth-child(even) .navbarLeft__link:hover .navbarLeft__icon,.navbarRight__item:nth-child(even) .navbarRight__link:hover .navbarRight__icon{background: none;}

/*--- OPACNAVRIGHT in News ---*/



/*----------homeCarousel---------------*/
.homeCarousel{ position: relative;overflow: hidden;padding-bottom: 13rem;max-width: 1170px;margin: 0 auto 1rem;}
.homeCarousel iframe{ display: block;position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;border: none;}

/*--- OPACCREDITS in News ---*/

/*------------ CCE links bottom --------------*/
.cce-links-bottom{display: none;padding: 3rem 0 0;background: url(../images/bg-bottom-cce.jpg);}
.cce-links-bottom__link{color:var(--gwhite);cursor: pointer;text-decoration: none !important;}

.search-icon-bottom{display: flex;flex-wrap:wrap;list-style:none;margin: 0 auto;padding: 0 var(--gv1);max-width: 1170px;justify-content: space-evenly;background: var(--brandcolor2);}
.search-icon-bottom li{}
.search-icon-bottom a{text-decoration: none;color: var(--gwhite);display: block;width: 100%;padding: var(--gv05) 0;transition: all ease .5s;}
.search-icon-bottom a:hover{color:var(--brandcolor3);}
.pad{display: flex;align-items:center;}
.search-icon-bottom span{margin:0 var(--gv2);text-transform: uppercase;}

/*------------ custom FOOTER --------------*/
.footerClient{background: var(--gwhite);padding:var(--gv1) 0;color: var(--brandcolor2);font-size: .9rem;}
.footerBox{max-width: 1170px;margin:0 auto;display: grid;grid-template-columns: 20% 50% 30%;}
.footerClient a{color: var(--gwhite);padding:.25rem .35rem;text-decoration: none;}
.footerCol{padding: var(--gv075);}
.footerLink{color: var(--gwhite) !important;text-decoration: none !important;background: var(--brandcolor1);padding: .25rem .35rem;}
.footerLink:hover{background: var(--brandcolor2);}
.footer-logo{padding: 0 var(--gv05);}

/*social-icons*/
.neticons{display:flex;align-items:center;list-style: none;margin: 0;padding: 0;flex-wrap: wrap;justify-content: space-between;}
.neticons li{}
.neticons a{display:flex;justify-content:center;align-items:center;padding: var(--gv1);text-decoration: none;color: var(--brandcolor1);transition: all ease .5s;text-decoration: none !important;}
.neticons a:hover{color: var(--brandcolor2);}
.neticons i{font-size: 2rem;}


/*--------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(--white) !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:white;background: var(--brandcolor1);}
.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: black;}
.c-modal__Title{margin-bottom: 0;font-size: 1.5rem;color: var(--brandcolor1);}
.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;}


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

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

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

.results_summary .label{font-size:1rem;font-weight:bold;}

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

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

.ddc,.ddc .label{font-weight:bold;font-size: 1rem;}
.ddc{color:#E2342B;}
.ddc .label{color:#000;}


/*---------additional pages------------*/
#wrapper-pages{padding: 0;}
#inicio{background:var(--galmostwhite);margin: 0 auto;padding:0;box-shadow: var(--shadow-m);}
h1.text-left,h1.text-right,h1.text-center{font-size: 2rem;}
h3.text-center{padding: 1rem 0 0;}
.hr-content{max-width: 1170px;margin:1rem auto;}
.headerBorderTitle {text-align: center;padding: .5rem 0;background:var(--brand-color1);color: var(--gwhite);font-weight:normal;margin: 1rem auto 0;max-width: 1192px;}
.contenido{max-width: 1170px;margin:0 auto;}
.text-perfect{text-align: justify;word-wrap: break-word;word-break: keep-all;hyphens: auto;}
.responsive-img{width:100%;height:auto;box-sizing:border-box;}
.limit-img{max-width: 70%;display: table;margin: 0 auto;}
.footer-alternate{box-shadow: 0 3rem 0 0 #060;padding:1rem 0;margin: 0 auto 1rem;}
.text-left{text-align: left;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.uppercased{text-transform: uppercase;}
.photo-rounded{border-radius:1.5rem;margin: 0 0 1rem 0;}
.green-text{color:#060;}
.float-left{float: left;}
.float-right{float: right;}
.limit-logos{margin: 0 auto 1rem;display: table;height: 3rem;}
.vignette-outside{margin:0 0 0 1rem;padding:0;list-style-position: outside;}


.img-bases{max-height:60px;margin:auto;}
.divider{border-bottom:1px solid #eee;}





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

@media only screen and (max-width: 576px) {
  /* Screens bewteen 0 and 543 pixels wide */
.headerClient{padding: var(--gv05) 0 0;}
.headerBox,.footerBox,.genericBox{margin: 0 2em;}
.headerBox{flex-direction: column;align-items: center;}
.tagline{text-align: center;padding-top: var(--gv05);}

/*.cce-links-top{display: none;}*/
.homeContentClient, #PhotoCarousel{display: none !important;}
.cce-links-top ul{flex-direction:column;justify-content: center;}
.cce-links-top{text-align: center;padding: .5em 0;}
.cce-links-top a{margin:0;justify-content: center;}

#moresearches{flex-direction: column;}

.cce-links-bottom{padding: var(--gv1) 0;}
.search-icon-bottom{flex-direction: column;}
.search-icon-bottom li{}
.search-icon-bottom a{}
.search-icon-bottom i{font-size: 2.25em;}
.pad{margin-left: var(--gv2);}

.social-bar{padding: 0;}
.neticons{flex-direction:row;}

.footerBox{grid-template-columns: 1fr;}

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

.contenido{margin:0 1.5rem;}
}


@media only screen and (min-width: 577px) and (max-width: 767px) {
  /* Screens bewteen 544 and 767 pixels wide */
  
  /*fixing custom home logo top left only for this breakpoint*/
  #logo {background: url("../images/inicio-replace-koha.png") no-repeat scroll 0 center transparent;/*float: left !important;padding: 0;*/margin: 4px 14px 0 14px;width:14px;height:14px;background-size:contain;
  }
  .headerClient{padding: var(--gv05) 0 0;}
  .headerBox,.footerBox,.genericBox{margin: 0 2em;}
  .headerBox{display: block;}
  .tagline{text-align: center;padding-top: var(--gv05);}
  .homeContentClient, #PhotoCarousel{display: none !important;}
  
  .activar-menu{display:none;}
  .cce-links-top{margin-top:0;}
  .cce-links-top a{margin:0;flex-direction: column;text-align: center;padding: var(--gv1) var(--gv1_5);}
  
  #moresearches{margin: 0 1em var(--gv1);}
  
  .search-icon-bottom i{font-size: 2.25em;}
  
.footerBox{grid-template-columns: 1fr 50%;}
.neticons{justify-content: flex-start;}

.contenido{margin:0 1.5rem;}
.c-modal{max-width: 62%;}
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* Screens bewteen 768 and 991 pixels wide */
  #logo {background: url("../images/inicio-replace-koha.png") no-repeat scroll 0 center transparent;float: left !important;padding: 0;}
  .headerBox,.footerBox,.genericBox{margin: 0 2em;}
  .homeContentClient, #PhotoCarousel{display: none !important;}
.cce-links-top a{padding: var(--gv1) var(--gv2);}

.search-icon-bottom i{font-size: 2.25em;}

#moresearches{margin: 0 1em var(--gv1);}

.footerBox{grid-template-columns: 1fr 50%;}

.neticons{flex-direction:row;justify-content: flex-start;}
  .c-modal{max-width: 50%;}
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
  /* Screens bewteen 992 and 1199 pixels wide */
#logo {background: url("../images/inicio-replace-koha.png") no-repeat scroll 0 center transparent;float: left !important;padding: 0;}
.headerBox,.footerBox,.genericBox{margin: 0 2em;}

#moresearches{margin: 0 1em var(--gv1);}

.contenido{margin:0 1.5rem;}
  .c-modal{max-width: 50%;}
}


@media only screen and (min-width: 1200px){
  /* Screens 1200 pixels wide and furthermore */
  #logo {background: url("../images/inicio-replace-koha.png") no-repeat scroll 0 center transparent;float: left !important;padding: 0;}
    .c-modal{max-width: 50%;}

}

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