@charset "UTF-8";


/*================================================================================*/
/*====       Design by Carolina Silva Breton for BIBLIOGRAPHICA OJS3 site      ===*/
/*====            09up 21nov2024   [ Responsive ]                              ===*/
/*================================================================================*/

/*azul nav: #617b8a;
azul logos: #3c5970;
azul footer: #768692*/

* {
	font-family: 'Avenir Next', 'Century Gothic', sans-serif !important;
	font-size: 16px;
	color:#45413e;
	line-height: 1.5;
}

body {
	background: #fff;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Baskerville','PT Serif', Times, serif !important;
	color: #56677a;
}
a { color: #bc5b29;
}

/*HEADER*/
.main-header {
  background-color: #f7f7f7;
  background: url(./imgs/bannerg.jpg), url(./imgs/fdo-px.jpg);
  background-size: auto 100%, auto 100%;
  background-repeat: no-repeat, repeat-x;
  background-position: center, left;
  height: 365px;
	/*overflow: hidden;*/
}
/*link area home*/
.navbar-logo {
  margin: 0;
  width: 100%;
  display: block;
  padding: 0;
  height: 250px;
  margin-top: 30px;
  min-width: 1100px;
}
.navbar-logo a {
  width: 100%;
  display: block;
  height: 100%;
}
.navbar-logo a span {
	color: transparent !important;
}
.navbar-logo a span:hover {
	color: transparent !important;
}
/*NAV*/
.main-header .container {
  position: relative;
  height: 100%;
}
.navbar.navbar-expand-lg.navbar-light {
  background: #617b8a;
  position: absolute;
  bottom: 0px;
  width: 100%;
  margin-bottom: -10px;
  left: 0; 
  min-height: 40px;
	z-index: 2;
}
#primaryNav {
  padding: 0;
  margin-bottom: 0px;
}
 #primaryNav .nav-link, 
 #primaryNav-userNav .nav-link, #languageToggleMenulanguageLargeNav{
    text-transform: initial;
    color: #fff;
	background: transparent !important;
  	border: 1px solid transparent !important;
    transition: all ease 1s !important;
	font-size: 16px;
	  padding: 8px 12px !important;
	  border-radius: 8px !important;
  }
 #primaryNav .nav-link:hover, #primaryNav-userNav .nav-link:hover,
 #languageToggleMenulanguageLargeNav:hover,
#primaryNav-userNav #navMenuDropdown2:hover,
#primaryNav-userNav #navMenuDropdown2[aria-expanded="true"],
.nav-item.nmi_type_user_login a.nav-link:hover, #languageToggleMenulanguageLargeNav:hover,
#primaryNav .nav-link:visited, #primaryNav .nav-link:active, #primaryNav .nav-link:focus {
  text-decoration: none !important; color:#fff !important;
  background: rgba(255,255,255,0.15) !important;
  border: 1px solid rgba(255,255,255,0.6) !important;
}
.dropdown-menu.show {
  right: 0 !important;
  left: auto;
}
.nav-item.nmi_type_about.dropdown.show .dropdown-menu.show {
  width: 110% !important;
}
.dropdown-item {
  text-transform: initial !important;
}
/*Entrar o registrarse en nav*/
#primaryNav-userNav {
  display: block !important;
	margin: 0 10px;
}
#navMenuDropdown2 {
  color: #fff;
  text-transform: inherit !important;
}
#primaryNav-userNav #navMenuDropdown2 > .badge.badge-light {
  display: none;
}
#primaryNav-userNav .dropdown-menu.show {
  display: flex;
  background: #bc5b29 !important;
  padding: 10px 20px 10px 0;
  color: rgba(255,255,255,0.85) !important;
	margin-right: -100px;
}
#primaryNav-userNav .dropdown-item {
  color: rgba(255,255,255,0.85) !important;
  border: 1px solid transparent !important;
  padding-right: 20px !important;
  display: block;
  margin-left: 10px;
}
#primaryNav-userNav .dropdown-item:hover {
	border: 1px solid rgba(255,255,255,0.85) !important;
}
/*ocultar registrarse en nav para evitar dos botones*/
li.nav-item.nmi_type_user_register {
    display: none;
}
.nav-item.nmi_type_user_login a.nav-link {
    color: #fff !important;
    text-transform: none !important;
	transition: all ease 1s;
}
.form-group.form-group-register {
    font-size: 18px !important;
    font-weight: bold;
}


/*search*/
.navbar-form.navbar-left {
  display: flex;
  flex-wrap: nowrap;
}
.navbar-form .form-group {
  margin-bottom: 0 !important;
}
#languageToggleMenulanguageLargeNav {
  color: #fff; font-size: 14px !important; 
}
#languageToggleMenulanguageLargeNav:hover {
  color: #fff;
}

/*CONTENT*/
.container.container-homepage-issue.page-content,
.container.page-about, .container.page-submissions,
.container.page-editorial-team, .container.page-privacy,
.container.page-contact, .container.page-issue,
.container.page-archives,.container.page-announcement,
.container.page-search, .container.page-login, .container.page-article,
.container.page-information,.container.page-custom {
  box-shadow: 0px 3px 18px rgba(0,0,0,0.3);
  margin-top: 0;
	position: relative;
}
.container.page-about, .container.page-submissions,
.container.page-editorial-team, .container.page-privacy,
.container.page-contact, .container.page-issue,
.container.page-archives,.container.page-announcement,
.container.page-search, .container.page-login, .container.page-article,
.container.page-information,.container.page-custom {
	padding-top: 10px;
}

/*portada numero actual*/
.img-fluid.homepage-issue-cover {
  width: 270px;
  max-width: 270px !important;
  height: auto;
  max-height: 370px !important;
	margin-left: 10px;
}
.img-fluid.homepage-issue-cover,
.page-issue-cover { 
	border: solid 1px #bbb;
    padding: 8px;
}
.row.justify-content-center.homepage-issue-header {
  margin-top: 0;
}
/*numero actual leyenda*/
.h5.homepage-issue-current {
  position: absolute;
  background: transparent;
  z-index: 1;
  top: 360px;
  left: 30px;
}
.h6.homepage-issue-published {
  position: absolute;
  z-index: 1;
  background: transparent;
  top: 415px;
  left: 30px;
}

/*titulos*/
.issue-toc-section-title {
  margin: 14px 0;
  font-weight: normal;
  font-size: 25px;
  border-bottom: 5px solid #c5e0e7;
  width: auto;
  padding-bottom: 5px;
  max-width: 45%;
  font-family: "Baskerville", Times, serif;
  color: #56677a !important;
}
.article-summary-title a {
  color: #000 !important;
  text-decoration: none;
  font-weight: 600;
}
.article-summary-title a:hover{
  color: #bc5b29 !important;
  text-decoration: none;
}


/*FOOTER*/
.site-footer {
  background: #617b8a;
}
.col-md.site-footer-content.align-self-center {
  display: flex;
}
footer .title,
footer #customblock-participantes .blockTitle{
  color: #45413e;
  font-weight: 600;
	font-family: 'Baskerville','PT Serif', Times, serif !important;
  font-size: 20px !important;
}
/*RS*/
.dit_followus {
	display: flex;
  	justify-content: space-around;
	margin-top: 50px;
  	padding: 0 !important;
}
.dit_followus li::marker {
	list-style: none !important; font-size: 0 !important;
}
.dit_followus li a i {
  color: #fff !important;
  font-size: 36px !important;
  font-family: "Font Awesome 6 Brands" !important;
}
/*reconocimientos*/
#customblock-reconocimientos .content p {
  text-align: center;
}
#customblock-reconocimientos .content p img {
  width: 120px !important;
  height: auto !important;
}
/*carrusel indices*/
slick-track {
  min-height: 100px;
}
.slick-slide img {
  width: 70% !important;
  height: auto !important;
	margin-top: 12px !important;
}
#customblock-indicesinindice #sliderContainer {
  background: rgba(255,255,255,1);
  border-radius: 30px;
}
/*Nube de palabras*/
#wordcloud {
  border-radius: 30px;
  background: #fff;
  padding: 10px;
}
/*RSS numero actual*/
.pkp_block.block_web_feed .content ul li a img {
  text-align: center;
  display: block;
  margin: 15px auto;
}


 /*===========================================================================*\
|| ########################################################################## ||
|| #                   MEDIAS QUERIES TO RESPONSIVE                           || 
|| ########################################################################## ||
\*============================================================================*/

/*---------------------------------------------------- DESKTOP ---------------------------------------------*/
@media screen and (min-width: 1851px){
	header { /*border-left: 3px solid grey; /* agregar para responsivo*/  }
	
	
}

/*---------------------------------------------------- LAPTOP -----------------------------------------------------*/
@media screen and (max-width:1850px){
	header  { /*border-left: 3px solid blue; /*agregar para responsivo */ }
	
	
}


/*---------------------------------------------------- TABLET -------------------------------------------------------*/
/*****LANDSCAPE:H****/
@media screen and (max-width: 1220px){
	header  { /*border-left: 3px solid magenta; /*agregar para responsivo*/}
	
	/*header*/
	.main-header {  height: auto;}
	
}
@media screen and (max-width: 1200px){
	header  { /*border-left: 3px solid pink; /*agregar para responsivo*/}
	
	/*header*/
	.main-header {  height: auto;}
	/*index portada*/
	.row.justify-content-center.homepage-issue-header { justify-content: space-between !important;
	}
	.container.container-homepage-issue.page-content .row.justify-content-center.homepage-issue-header .col-lg-9 {
	  max-width: 650px !important;
	}
	#homepageDescription p:first-child { margin-top: 0.9rem;
	}
	
}
/****************************************************************************************************/
/*********** PORTRAIT:V**************/
@media screen and (max-width: 1023px) and (min-width: 992px){
	header  {  /*border-left: 3px solid DarkGoldenrod; /* agregar para responsivo */ }
	
	
}
@media screen and (max-width: 991px){
	header  {  /*border-left: 3px solid orange; /* agregar para responsivo */ }
	
	/*header*/
	.main-header {
		  background: url(./imgs/bannerg.jpg), url(./imgs/fdo-px.jpg);
		  background-size: auto 94%, auto 100%;
		  background-repeat: no-repeat, repeat-x;
		  background-position: center top, left;
		  margin-top: -30px;}
	

	/*nav*/
		#main-navbar {
	  position: absolute;
	  background: #617b8a;
	  width: 100%;
	  right: 0;
			top: 0;
	}
	
	.navbar.navbar-expand-lg.navbar-light { left: -1px; }
	.navbar-light .navbar-nav .dropdown-item { color: #fff !important; padding-left: 3rem;
	}
	.navbar-light .navbar-toggler { 
		border-color: white; position: relative; z-index: 3;}
	.navbar-light .navbar-toggler-icon {
  		background-image: url("./imgs/hamburger.png");
	}
	#primaryNav-userNav { margin: 0;
	}
	.dropdown-menu.show {
  		right: 0; left: 0; margin-top: 0px;
	}
	.dropdown-menu {
  		padding: 0.5em 0;
		background: #617b8a;
	}
	.dropdown-item {
	  font-size: 14px;
	  color: #fff !important;
	  padding-left: 2rem;
	}
	/*container*/
	.container {  max-width: 790px; }
    /*index portada*/
	.h5.homepage-issue-current { top: 100px; left: 50%;
	}
	.h6.homepage-issue-published { top: 155px; left: 50%;
	}

}

@media screen and (max-width: 810px) {
	header  { /* border-left: 3px solid brown; /* agregar para responsivo */ }
	
	/*header*/
	.main-header {
		  background: url(./imgs/bannerg.jpg), url(./imgs/fdo-px.jpg);
		  background-size: auto 90%, auto 100%;
		  background-repeat: no-repeat, repeat-x;
		  background-position: center top, left;
	height: 200px;}
	/*nav*/
	.navbar.navbar-expand-lg.navbar-light { bottom: 20px; }
	.navbar-toggler {
	  padding: 2px 10px !important;
	  margin-bottom: 7px !important;
	  margin-top: -2px !important;
	}
	/*container*/
	.container {  max-width: 720px; }

}
/*---------------------------------------------------- PHONE ----------------------------------------------------------*/
/*****LANDSCAPE:H****/
@media screen and (max-width: 630px){
	header  {/* border-left: 3px solid green; /* agregar para responsivo  */ }
	
	 /*header*/
	.main-header {
    background: url(./imgs/bannerg-movil.jpg), url(./imgs/fdo-px.jpg);
    background-size: auto 85%, auto 100%;
    background-repeat: no-repeat, repeat-x;
    background-position: center top, left;
    height: 160px;
  }
	
	/*index portada*/
	.h5.homepage-issue-current { top: -20px; left: 41%;}
	.h6.homepage-issue-published { top: 30px; left: 36%;}
	.img-fluid.homepage-issue-cover { margin: 10px auto;}
	/*FOOTER*/
	#customblock-participantes, .pkp_block.block_information {
  		text-align: center;
	}
	.show { list-style: none; /*margin-left: -40px;*/}
	.title { text-align: center;}
	.col-md.site-footer-content.align-self-center { flex-wrap: wrap;}
	#foot2 {width: 100%;}
	#foot2 img { margin: 0 auto; text-align: center; display: block; }

}
/********************************************************************************************************/
/*****PORTRAIT:V****/
@media screen and (max-width: 480px) {

	header { /*border-left: 3px solid yellow; /*agregar para responsivo */} 
	
	/*header*/
	 .main-header {
    background: url(./imgs/bannerg-movil.jpg), url(./imgs/fdo-px.jpg);
    background-size: auto 80%, auto 100%;
    background-repeat: no-repeat, repeat-x;
    background-position: center top, left;
    height: 140px;
  }
}
@media screen and (max-width: 358px) {
  header {/* border-left: 3px solid NavajoWhite; /*agregar para responsivo */} 
	
	
}