/* Hoja de estilos para tema default, que esta basado Bootstrap3 en OJS 3.3.x */

/* Configuracion de enlaces comun */
@font-face {
    font-family: 'Noto Sans';
    src: url('/lib/pkp/styles/fonts/noto-sans-v11-vietnamese_latin-ext_latin_greek-ext_greek_devanagari_cyrillic-ext_cyrillic-regular.ttf');
}

body {
	font-family: "Noto Sans",Helvetica,Arial,sans-serif;
}

a {
	color: #9d1730;
}

/* Sidebar específico de las páginas de atrtículos */
#sidebar_article {
	width: 100%;
	padding: 0;
	z-index: 1;
}

@media (max-width: 991px) {
	#sidebar_article {
		width: 20em;
		margin-right: 1em;
		z-index: 1;
	}
	.article-sidebar .cover-image {
		display: flex;
		justify-content: center;
	}
}
@media (max-width: 767px) {
	#sidebar_article {
		width: 100%;
	}
}

/* Cambio de fondo para los enlaces por defecto, y otro de la barra lateral envios*/
a:hover, a:focus,
aside#sidebar a.block_make_submission_link:hover,
aside#sidebar a.block_make_submission_link:focus,
aside#sidebar_article a.block_make_submission_link:hover,
aside#sidebar_article a.block_make_submission_link:focus,
.btn.btn-default.dropdown-toggle:hover, .btn.btn-default.dropdown-toggle:focus {
	color: #fff;
	background-color: #9d1730;
	border-radius: 3px;
	text-decoration: none;
}

/* Color institucional para titulos h1 y h2 del contenido principal */
h1, #main-content h2 {
	color: #9d1730;
}

/* Reduzco un poco el tamaño de los titulos, son h2, de bloque en la barra lateral */
#sidebar h2.title, #sidebar_article h2.title {
	font-size: x-large;
}

/* Cabecera de descripcion de cada revista */
.media-heading {
	line-height: 1.3em;
	font-size: 2.5rem;
}

/* Color de Botones */
.btn-primary {
	color: #fff;
	background-color: #9d1730;
	border-color: #789f70;
}
.btn-primary:hover,
.btn-primary:focus {
	color: #fff;
	background-color: #e1274a;
}

/* Enlaces de indice como botones */

div.media-body ul.nav.nav-pills li.view a,
div.media-body ul.nav.nav-pills li.current a {
	background-color: white;
	color: #9d1730;
	border: 1px solid #b7a187;
	border-radius: 5px;
	margin-right: 1em;
	padding: 5px 10px 5px 10px;
	box-shadow: 4px 4px 3px lightgray;
	text-decoration: none;
}

div.media-body ul.nav.nav-pills li.view a:hover, 
div.media-body ul.nav.nav-pills li.view a:focus,
div.media-body ul.nav.nav-pills li.current a:hover,
div.media-body ul.nav.nav-pills li.current a:focus {
	color: white;
	background-color: #9d1730;
	font-weight: bold;
	margin-right: 0.55em;
}

/* Idioma seleccionado */
.content .current a {
	color: white;
	background-color: #9d1730;
	font-weight: bold;
	padding: 0 4px 0 4px;
	border-radius: 5px;
}

/* Tamaños generales */
/* Contenedor general y del pie*/
.container {
	width: 92%;
}
.footer.container {
	float: left;
	color: #fff;
}

/* Estructura de la pagina indice, indexSite.tpl */
.pkp_structure_main_indexSite {
	width: 100%;
}
#pkp_structure_content_indexSite .pkp_structure_main {
	width: 100%;
}
#pkp_structure_content_indexSite {
	width: 90%;
	padding: 0;
}

#contnedor-logos-navegacion-general {
	z-index: 0;
	position: relative;
	top: -40px;
}

#contnedor-navegacion-usuario {
	position: relative;
	z-index: 5;
}

/* En la página índice, no hay menu compacto */
#menu-compacto-indexSite {
	display: none;
}

/* Bloque de idioma en pagina indice */
.pkp_structure_page #headerNavigationContainer_index_site {
	margin: 0;
	height: 92px;
}
#idiomas_UCLM .pkp_block.block_language {
	scale: 0.8;
	margin-top: -52px;
	margin-right: -22px;
	border-top: 1px solid #f8f8f8;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}
#idiomas_UCLM div.pkp_block.block_language h2.title {
	font-size: x-large;
	line-height: inherit;
	margin-top: 0;
}

.pkp_structure_head {
		background-color: #fff;
	}

.pkp_site_nav_toggle > span::before, .pkp_site_nav_toggle > span::after {
	background: #000;
}

.pkp_site_nav_toggle > span {
	border-bottom: 3px solid #000;
}

.pkp_site_nav_toggle--transform > span {
	border-bottom: 3px solid #fff;
}

/* Imagenes del indice */
.page_index_site div.journals ul li.has_thumb div.thumb a img {
	box-shadow: 4px 4px 3px lightgray;
}
.page_index_site div.journals ul li.has_thumb div.thumb a img:hover {
	box-shadow: 7px 5px 6px #791919;
}

/* Cabecera */
#headerNavigationContainer {
	min-height: 94px;
}

@media (min-width: 768px) {
	#headerNavigationContainer {
		border: 0;
	}
}

/* Contenedor de navegación de usuario */
#headerNavigationContainer div.container-fluid:nth-child(1)  {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
}

/* Cabecera de paginas, no indice, estan en h1, y las de atrículo otra vez en div*/
div.navbar-header h1.site-name,
div.navbar-header div.site-name {
	position: relative;
	top: -2px;
}

/* Fondo gradiente */
/* Animacion del fondo */
.navbar-default, .header_view {
	background: linear-gradient(to right,#99273dba, #f7f4f400);
	background-repeat: no-repeat;
	animation: posicion_fondo 3s normal;
	animation-fill-mode: forwards;
	background-size: 400%;
}
/* Animacion del fondo */
@keyframes posicion_fondo {
	0% {
		background-position: 0%;
	}
	50% {
		background-position: 50%;
	}
	100% {
		background-position: 200%;
	}
}

/* Titulo Idioma , enviar articulo*/
.panel-default > .panel-heading, .pkp_block .title,
aside#sidebar .block_make_submission div.content,
aside#sidebar_article .block_make_submission div.content {
	background: linear-gradient(to bottom, white,#e6dedef0);
}

/* Enviar articulo, centrado */
.block_make_submission_link {
	margin-left: 5%;
	width: 90%;
}

.panel-default > .panel-heading, .pkp_block .title {
	transition-delay: 0.5s;
	transition-property: max-height;
	transition-duration: 3s;
}

/* Cabecera y Logo UCLM mas menu de navegacion*/
.navbar-brand-logo img {
	max-height: 100%;
	width: 100%;
}
.navbar-brand {
	float: left;
	height: 100%;
	padding: 0;
	font-size: inherit;
	line-height: inherit;
	width: 432px;
	margin-left: -15px;
}
.navbar-header {
	width: 30%;
}
#nav-menu {
	position: relative;
	float: right;
	width: 70%;
	top: 44px;
	border-bottom: 1px solid #ccc;
	background: linear-gradient(to bottom, white,#e6dedef0);
	border-radius: 5px;
}

.pull-md-right {
	float: right;
}
/* Menu de revista no colapsado */
@media ((min-width: 768px) and (max-width: 1540px)) {
	/* Hago sitio en el contenedor */
	#headerNavigationContainer {
		max-height: inherit;
		height: 11.5em;
	}
	#nav-menu {
		/* background-color: gray; */
		float: inherit;
		width: 100%;
		max-height: 52px;
		top: 100px;
	}
	#main-navigation.nav.navbar-nav {
		position: static;
		float: left;
		margin: 0 auto 0 -27%;
		max-width: 97%;
	}
	.pull-md-right {
		position: absolute;
		right: 0;
		top: -3em;
	}
	/* Amplio la altura por si el menu tiene muchas opciones */
	@media (max-width: 841px) {
		#headerNavigationContainer {
			height: 14.5em;
		}
	}
}

/* Menu compacto */
.navbar-toggle {
	position: absolute;
    right: 0;
    top: 26px;
    z-index: 5;
}

@media (max-width: 1100px) {
	.navbar-form .form-group {
		display: inline-block;
	}
}
@media (max-width: 767px) {
	#nav-menu {
		float: right;
		margin-bottom: 4em;
		max-width: 28em;
		width: 80%;
		margin-top: 50px;
	}
	.navbar-brand {
		float: left;
		height: auto;
		padding: 0;
		position: absolute;
	}
	.navbar-form .form-group {
		max-width: 65%;
		width: 20em;
		margin: 0 1em 5px 0;
		float: left;
	}
	#nav-menu.navbar-collapse.collapse.in div.pull-md-right {
		width: 100%;
	}
}

/* Logo para pagina indice */
#navbar-brand-logo-indexSite {
	position: absolute;
	top: -4px;
	left: 1em;
	height: 94px;
}

/* Colores del texto del menu de usuario y cabcera */
#navigationUser.nav.nav-pills.tab-list.pull-right li a,
#main-navigation.nav.navbar-nav li a {
	color: #000;
}

#navigationUser.nav.nav-pills.tab-list.pull-right li a:hover,
#navigationUser.nav.nav-pills.tab-list.pull-right li a:focus,
#main-navigation.nav.navbar-nav li a:hover,
#main-navigation.nav.navbar-nav li a:focus {
	color: #9d1730;
}

@media (min-width: 992px) {
	.pkp_structure_head {
		background-image: linear-gradient(to bottom,#fff 58%, rgb(157, 23, 48) 68%);
		background-position-y: -5px;
		background-color: #fff;
	}
	.pkp_page_article #sidebar.pkp_structure_sidebar {
		position: absolute;
		top: 78%;
		max-width: 30%;
	}
	.page.page_information {
		margin-bottom: 2em;
	}
}
@media (min-width: 1400px) {
	.pkp_page_article #sidebar.pkp_structure_sidebar {
		max-width: 20%;
	}
	.pkp_page_article article.article-details section.article-sidebar {
		max-width: 22.5%;
	}
	.page_article article.article-details div.row div.col-md-8 {
		width: 77%;
	}
}

@media (max-width: 992px) {
	#sidebar {
		width: 100%;
	}
}

/* Ajustes de barra lateral y contenido central */
@media (min-width: 768px) {
	.pkp_structure_main {
		width: 100%;
		margin-bottom: 2em;
	}
}

/* Recolocacion Contenido y barra lateral para pagina indice de revista*/
.pkp_page_index #sidebar {
		width: 100%;
}
@media (min-width: 1100px) {
	.pkp_page_index .pkp_structure_main {
		max-width: 70%;
	}
	.pkp_page_index #sidebar {
		width: 30%;
	}
}

/* Reajuste de margen izquierdo en tamaños pequeños */
@media (max-width: 525px) {
	#navbar-brand-logo-indexSite {
		left: auto;
	}
}

@media (max-width: 495px) {
	#navbar-brand-logo-indexSite {
		max-width: 21em;
	}
}

footer[role="contentinfo"] {
	background: #555;
	padding-left: 0;
}

/* Color del texto para el pie, incluido los enlaces */
footer.footer div.container div.row div, 
footer.footer div.container div.row div a {
	color: #fff;
}
footer.footer div.container div.row div a {
	font-weight: bold;
}

.divUCLM {
	width: 70%;
}

.logoPKPoriginal {
	max-width: 30%;
	width: auto;
	float: right;
}

.logoPKPoriginal.col-md-2 a img.img-responsive {
	max-width: 7em;
	filter: invert(1);
	margin: 2em auto auto auto;
}

.pkp_footer_content a {
	color: white;
	font-weight: bold;
	text-decoration: none;
}

.pkp_footer_content a:hover {
	background-color: #9d1730;
	border-radius: 3px;
}

.pkp_brand_footer {
	max-width: 30%;
	float: right;
	margin-top: 2em;
	border: 0;
}

/* Estilos de mi indice del sitio */
.page-header-indexSite {
	padding: 0;
	display: flex;
	place-items: center;
	border-bottom: 1px solid #ddd;
	margin-bottom: 1em;
}

#titulo-sitio {
	position: absolute;
	top: 0.5em;
	z-index: 1;
	color: #9d1730;
	font-size: xxx-large;
	max-width: 40%;
	float: left;
	font-weight: bold;
	margin-bottom: 0.5em;
}

@media (max-width: 768px) {
	#titulo-sitio {
		top: 1%;
		font-size: 32px;
	}
}

/* Posicion para ancho grande Titulo animado */
@media (min-width: 768px) {
	#titulo-sitio {
		top: -1.2em;
		animation: titulo-animado 5s normal;
		animation-fill-mode: forwards;
	}
	/* Animacion del fondo */
	@keyframes titulo-animado {
		0% { left: 120%; }
		50% { left: 70%; }
		100% { left: 50%;}
	}
	@media (max-width: 992px) {
		#titulo-sitio {
			margin-left: 14%;
		}
	}
}

#miCarrusel {
	height: 20em;
	width: 81%;
	margin-right: auto;
	margin-left: auto;
	display: flex;
	place-items: center;
}

.imgCarrusel {
	max-height: 18em;
	margin: auto;
}
.imgCarrusel:hover, .imgCarrusel:focus {
	box-shadow: 0 5px 5px 5px #9d1730;
}

@media (max-width: 1125px) {
	#miCarrusel {
		width: 50%;
		left: 12%;
	}
}

@media (max-width: 767px) {
	#miCarrusel {
		width: 35%;
		left: 16%;
	}
	.imgCarrusel {
		max-height: 12em;
	}
}

@media (max-width: 675px) {
	#miCarrusel {
		top: 3em;
		left: 0;
	}
}


/* Quito las sombras de las flechas */
.left.carousel-control,
.right.carousel-control {
	background: none;
}

.carousel-control {
	color: #9d1730;
}

/* Descripcion de la revista del menu inicial dinamica */
div#main-site.page_index_site div.journals ul.media-list li.media div.media-body div.description {
	max-height: 95px;
	min-height: 95px;
	overflow: hidden;
	transition-delay: 0.5s;
	transition-property: max-height;
	transition-duration: 3s;
}

div#main-site.page_index_site div.journals ul.media-list li.media div.media-body div.description:hover,
div#main-site.page_index_site div.journals ul.media-list li.media div.media-body div.description:focus {
	display: block;
	background-color: #fff;
	max-height: 50em;
}
/* Botones de consulta de cada revista */
.page_index_site div.journals ul.media-list li.media div.media-body ul.nav.nav-pills {
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #e8e8e8;
	border-left: 1px solid #e8e8e8;
	border-radius: 5px;
	padding: 10px 0 10px 10px;
	background: linear-gradient(to bottom, white,#e6dede66);
	display: flex;
	justify-content: center;
	max-width: 23em;
}

/* Thumbnail con sombras */
.thumbnail {
	border: 0;
	border-radius: 4px;
}

.thumbnail a > img, .cover-image a img {
	border-radius: 4px;
	box-shadow: 3px -3px 11px #d3d3d3;
	border-radius: 4px;
	border: 1px solid #d3d3d35e;
}