/*-- FLACSO - DSPACE styles --*/


: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:#194274;--brandcolor2:#D6D6D6;--brandcolor3:#F2F2F2;--brandcolor4:#CCCCCC;--brandcolor5: #6A257E;--brandcolor6: #DE8A11;--brandcolor7: #468A3F;--brandcolor8: #1D5699;


/*-- generic color --*/
--gblack:black;--gwhite:white;--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) var(--gray1);--shadow-l:0 0 var(--gv025) var(--gv025);
}



body{background: var(--gwhite);font-family: "open Sans", sans-serif;font-weight:normal;color: var(--gblack);}
a{color:var(--brandcolor1);}
a:hover{color:var(--brandcolor8);}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{color:var(--brandcolor8);}
h2, .h2{background: var(--brandcolor3);}

/*JFGC hides dspace brand logo header*/
.navbar-brand{display: none;}

.navbar-inverse{background: var(--brandcolor1);}
.navbar-inverse .navbar-nav > li > a {color: var(--gwhite);background-color:var(--brandcolor1);}


.btn{border:none;}
.btn-default{background: var(--brandcolor8);border-radius:0;color:var(--gwhite);text-shadow: none;}
.btn-default:hover{background: var(--brandcolor6);border-radius:0;color:var(--gwhite);text-shadow: none;}
.btn-info{background: var(--brandcolor1);border-radius:0;color:var(--gwhite);}
.btn-info:hover{background: var(--brandcolor8);border-radius:0;color:var(--gwhite);text-shadow: none;}
.btn-primary{background:var(--brandcolor8);border-radius:0;color:var(--gwhite);}
.btn-primary:hover{background: var(--brandcolor5);border-radius:0;color:var(--gwhite);text-shadow: none;}
.btn-success{background: var(--brandcolor8);border-radius:0;color:var(--gwhite);}
.btn-success:hover{background: var(--brandcolor7);border-radius:0;color:var(--gwhite);text-shadow: none;}

a.pull-right,a.pull-left{color: var(--gwhite);}

.well{background:var(--clearwhite);min-height: 0;padding: .5em;}


.facetName{background:var(--brandcolor1) none repeat scroll 0 0;color: var(--gwhite);display: block;padding: 0.65em 0.75em;margin: 0 0 1em;}
.list-group-item{border-color:var(--brandcolor3);}
.list-group-item a{color:var(--brandcolor1);}
h4.media-heading a{color:var(--brandcolor1);}
.list-group-item:nth-child(2n+1){background:transparent;}
.badge{background: var(--brandcolor1);color: var(--gwhite);font-style: normal;}

.panel-primary{border-color:var(--brandcolor3);}
.panel-default > .panel-heading{border-radius:0;background: var(--brandcolor1);border-color:var(--brandcolor1);color:var(--gwhite);}
.panel-primary > .panel-heading{border-radius:0;background: var(--brandcolor1);border-color:var(--brandcolor1);color:var(--gwhite);}
.panel-success > .panel-heading{border-radius:0;background: var(--brandcolor1);border-color:var(--brandcolor1);color:var(--gwhite);}
.panel-success{border-color:var(--brandcolor3);}
.panel-info{border-color:var(--brandcolor4);}
.panel-info > .panel-heading{border-radius:0;background:var(--brandcolor9);border-color:var(--brandcolor9);color:var(--gwhite);}
.panel-footer{border-radius:0;background: var(--brandcolor9);border-color:var(--brandcolor9);color: var(--gwhite);}

.alert-info{background:var(--brandcolor1);border-radius:0;color:var(--gwhite);border-color: var(--gwhite);}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{background: var(--brandcolor8);}

.media-object{max-height:6em;width: auto;margin:auto;}


/*---------- Use for adjust images sizes in communities GENERAL----------*/
.well img{max-height:5.5em;margin: .5em auto;}
.list-group img{max-height:5.5em;margin: 0 auto;}




/*-----------PLACA BASE--------*/
.placabase{position: absolute;top: 0;left: 0;width: 100vw;height: 100vh;z-index:1000;background-color: var(--gwhite);display: none;}
.wrapper-home{display: flex;flex-direction: column;min-height: 100%;background-color: var(--brandcolor2);margin-top: 5rem;/* JFGC add this margin to make visible dspace system navbar */}

/*------------ COMMON -- SHARED --------------*/
.headerBox,.commonBox,.footerBox,.searchBlockBox{margin: 0 2rem;}
.navHeader__list,.navFooter__list{margin:0;padding: 0;list-style: none;display: flex;}
.navHeader__link,.navFooter__link{text-decoration: none !important;}
.navHeader__label,.navFooter__label{margin-left: .75em;}
.contentClientBox,.navMiddleBox{max-width: 1170px;margin: 0 auto;}

/*----------------HEADER------------------------*/
.navHeaderTopLeft__list,.navSocialHeader__list,.navHeaderBottom__list{list-style: none;display:flex;padding: 0;}
/*------------ custom HEADER --------------*/
.headerClient{background:var(--gwhite);box-shadow: 0 1px 6px 0 #888;margin-top: -1.5rem;}
.headerBox{display: grid;grid-template-columns: 30fr 65fr 5fr;gap:1.5rem;}
.mainBrandHeader{height: 5.75rem;width: auto;cursor: pointer;}
.clientName{display: flex;align-items: flex-end;gap:1.25rem;}
.clientNameText{color:var(--brandcolor1);font-size: 1.05rem;display:flex;flex-direction: column;margin-top: .75rem;}
.clientNameBold{text-transform: uppercase;font-weight: 700;}
.headerCol{display: flex;}
.headerCol:first-child{align-items: center;}
.headerCol:nth-child(2){flex-direction: column;justify-content: space-between;}

.navHeaderTop{display: flex;justify-content: space-between;flex-direction: row;align-items: center;padding:0 2rem;border-bottom: .125rem dashed #ccc;}
.navHeaderTopLeft__list{flex-wrap: wrap;}
.navHeaderTopLeft__link{display: flex;padding: .75rem .75rem .5rem;color: var(--brandcolor1) !important;transition: all ease-out .5s;text-decoration: none !important;border-radius: .25rem;}
.navHeaderTopLeft__link:hover{background: var(--brandcolor1) !important;color: var(--gwhite) !important;}
.navHeaderTopLeft__icon{font-size: 2.5rem !important;}
.navHeaderTopLeft__label{font-weight: 500;}

.navSocialHeader__list{display: flex;}
.navSocialHeader__link{font-size: 2rem;padding: .75rem .75rem .5rem;}
.navSocialHeader__item:nth-child(1) .navSocialHeader__icon{color:#4267b2;}
/* .navSocialHeader__item:nth-child(2) .navSocialHeader__icon{color:#f00;} */
/* .navSocialHeader__item:nth-child(3) .navSocialHeader__icon{color:#007bb5;} */
.navSocialHeader__item:nth-child(2) .navSocialHeader__icon{color:#1da1f2;;}
.navSocialHeader__item:nth-child(3) .navSocialHeader__icon{color:#c32aa3;}
.navSocialHeader__item:nth-child(4) .navSocialHeader__icon{color:#ff4500;}
.navSocialHeader__link:hover .navSocialHeader__icon{color: var(--brandcolor1);}

.navHeaderBottomMobile__collapse{text-align: center;}
.navHeaderBottomMobile__mask{display: inline-flex;}
.navHeaderBottom__btnToggle{margin:1rem auto 0;cursor: pointer;background: var(--brandcolor1);padding: 1rem 1.5rem;color:var(--gwhite);text-align: center;}
.navHeaderBottom__list{flex-wrap: wrap;margin-bottom: 0;}
.navHeaderBottom__item{margin:0 auto;}
.navHeaderBottom__link{text-transform: uppercase;font-size: 1.3rem;padding:.5rem 1.8rem 0;transition: all 250ms ease-out;border-radius: .5rem .5rem 0 0;line-height: 2.5;display: block;}
.navHeaderBottom__link:hover{color:var(--gwhite);background-color: var(--brandcolor1);text-decoration: none;}

.auxBrandHeader{height: 8rem;margin: .5rem 1rem;}

/*----------------MAIN HOME - SEARCH BOX------------------------*/

.searchBlock{margin:5rem auto;position:relative;z-index:1100;width: 100%;max-width: 1170px;}
.searchBlockBox,.buscador{box-shadow: 0 0 .0125rem .125rem var(--brandcolor1), 0 0 .0125rem .125rem var(--brandcolor1) inset;}
#tequery{border-radius:0;border: none;background: var(--gwhite);color: var(--gblack);}
.searchBlock .btn-primary{background: var(--brandcolor1);}
.searchBlock .glyphicon{color:var(--gwhite);}
.searchBlock:placeholder{color:var(--gwhite);}


.navMiddle{background: var(--brandcolor3);}
.navMiddleBox{position: relative;}
/* .navMiddleBox::before{content: "Repositorio Digital FLACSO Ecuador";padding: var(--gv05) var(--gv1_5);background: var(--brandcolor1);color: var(--gwhite);position: absolute;bottom: 100%;left: 0;font-size: 2rem;text-align: center;} */
.navMiddle__list{list-style: none;padding: var(--gv3) 0;width: 100%;display: grid;grid-template-columns: repeat(4,1fr);gap:2rem;}
.navMiddle__link{display: flex;flex-direction: column;justify-content: center;align-items: center;text-decoration: none !important;font-size: var(--gv1_5);padding: 1rem 0;transition: all ease-out .5s;}
/* .navMiddle__link:hover{outline: .25rem solid;background-color: var(--gwhite);} */
.navMiddle__item:first-child .navMiddle__link:hover,.navMiddle__item:last-child .navMiddle__link:hover{background: rgba(106, 37, 126, .1);outline: .25rem solid var(--brandcolor5);}
.navMiddle__item:nth-child(2) .navMiddle__link:hover{background: rgba(29, 86, 153, .1);outline: .25rem solid var(--brandcolor8);}
.navMiddle__item:nth-child(3) .navMiddle__link:hover,.navMiddle__item:nth-child(6) .navMiddle__link:hover{background: rgba(222, 138, 17, .25);outline: .25rem solid var(--brandcolor6);}
.navMiddle__item:nth-child(4) .navMiddle__link:hover,.navMiddle__item:nth-child(7) .navMiddle__link:hover{background: rgba(70, 138, 63, .15);outline: .25rem solid var(--brandcolor7);}
.navMiddle__item:nth-child(5) .navMiddle__link:hover{background: rgba(25, 66, 116, .1);outline: .25rem solid var(--brandcolor1);}
.navMiddle__icon{}
.navMiddle__label{color: var(--brandcolor1);margin-top: var(--gv075);text-align: center;}


.contentClient{background: var(--gwhite);padding: 3rem 0;}
.contentClientBox{display: grid;grid-template-columns: 65% 35%;gap: 2rem;}
.introLabelTitle{padding: var(--gv05) var(--gv1_5);background: var(--brandcolor1);color: var(--gwhite);font-size: var(--gv2);text-align: center;display: inline-flex;}
.introHomeTitle{color:var(--brandcolor1);font-size: 1.8rem;}
.introHomeText{}
.introHomeLink{color:var(--brandcolor1);text-decoration: none !important;}

/*----------------FOOTER------------------------*/
footer{display: none;}

/*------------ custom FOOTER --------------*/
.footerClient{background: var(--brandcolor1);padding:var(--gv1) 0 var(--gv1_5);color: var(--gwhite);}
.footerBox{display: grid;grid-template-columns: repeat(3,1fr);}
.footerCol{display: flex;justify-content: center;align-items: center;margin-bottom: var(--gv05);}
.footerText{margin: 0;}
.footerLink{text-decoration: none !important;color:var(--gwhite);}
.footerLink:hover{color:var(--gwhite);border-bottom: var(--gv0125) dotted var(--gwhite);}
.navSocialFooter{}
.navSocialFooter__list{margin: 0;padding: 0;list-style: none;display: flex;}
.navSocialFooter__item{margin:auto;}
.navSocialFooter__link{color:var(--gwhite);padding: .75rem .75rem .5rem;}
.navSocialFooter__link:hover{color: var(--gwhite) !important;}
.navSocialFooter__icon{font-family: fontAwesome;font-size: 2.5rem !important;}
.openAccess{height: 3.5rem;text-decoration: none;}


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


.jumbotron h3{font-size: 1.8rem;font-family: "open Sans", sans-serif;}
.jumbotron p{font-size: 1.5rem;}




/*---------------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,.headerCol,.clientName,.navHeaderTop,.navHeaderBottom__list,.contentClientBox{flex-direction: column;}
.headerBox{grid-template-columns: 1fr;}
.headerCol:last-child{display: none;}
.mainBrandHeader{margin: var(--gv1) auto 0;}
.clientNameText{margin-top: 0;}

.navHeaderBottomMobile{display: block;margin-top: 1rem;}
.navHeaderBottom{display: none;}
.navHeaderBottom__item{margin: 0;}
.navHeaderBottom__link{border-radius: .5rem;}


.contentClientBox,.navMiddleBox{margin:0 2rem;}

.navMiddle__list{grid-template-columns:1fr;}
.contentClientBox{grid-template-columns: 1fr;}


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


/*---- Arrangements for communities in mobile ----*/
.media-body{clear: both;}
.well{clear: both;text-align: center;}
a.pull-left{float: none;width: 100%;}

}

@media only screen and (min-width: 577px) and (max-width: 767px) {
  /* Screens bewteen 577 and 767 pixels wide */
  .headerClient{padding: var(--gv05) 0 0;}
  .headerBox,.contentClientBox{flex-direction: column;}
  .headerBox{grid-template-columns: 1fr;}
  .headerCol:last-child{display: none;}
  .mainBrandHeader{margin: var(--gv1) 0;}
  .clientNameText{margin-top: 0;}
  

  .navHeaderBottomMobile{display: none;}
  .navHeaderBottom{margin-top: 1rem;}
  .navHeaderBottom__item{margin: 0;}
  
  .contentClientBox,.navMiddleBox{margin:0 2rem;}
  
  .navMiddle__list{grid-template-columns: repeat(3,1fr);}
  
  

/*---- Arrangements for communities in mobile ----*/
.media-body{clear: both;}
.well{clear: both;text-align: center;}
a.pull-left{float: none;width: 100%;}

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* Screens bewteen 768 and 991 pixels wide */

  .headerClient{padding: var(--gv05) 0 0;margin-top: 3.5rem;}
  .headerBox,.contentClientBox{flex-direction: column;}
  .headerBox{grid-template-columns: 1fr;}
  .headerCol:last-child{display: none;}
  .mainBrandHeader{margin: var(--gv1) 0;}
  .clientNameText{margin-top: 0;}
  
  .navHeaderBottomMobile{display: none;}
  .navHeaderBottom{margin-top: 1rem;}
  .navHeaderBottom__item{margin: 0;}
  
  
  .contentClientBox,.navMiddleBox{margin:0 2rem;}
  
  .navMiddle__list{grid-template-columns: repeat(3,1fr);}
  

}

@media only screen and (min-width: 992px) and (max-width: 1299px) {
  /* Screens bewteen 992 and 1199 pixels wide */

  .headerClient{padding: var(--gv05) 0 0;}
  .headerBox,.contentClientBox{flex-direction: column;}
  .headerBox{grid-template-columns: 1fr;}
  .headerCol:last-child{display: none;}
  .mainBrandHeader{margin: var(--gv1) 0;}
  .clientNameText{margin-top: 0;}
  
  .navHeaderBottomMobile{display: none;}
  .navHeaderBottom{margin-top: 1rem;}
  .navHeaderBottom__item{margin: 0;}
  
  .contentClientBox,.navMiddleBox{margin:0 2rem;}
  
  .navMiddle__list{grid-template-columns: repeat(4,1fr);}

}


@media only screen and (min-width: 1300px){
  /* Screens 1200 pixels wide and furthermore */
  .headerCol:first-child{padding: 1.75rem 0;}
  .navHeaderBottomMobile{display: none;}
}

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