@charset "UTF-8";

:root {
	--color1: #4dbaeb; 
	--color2: #3c607f; 
	--color3: #337ab7;
	--linkColor: #209c12;
	--linkColorHover: #1ab994;
	--background-body: #dde4e2
	url('img/backImg.jpg') no-repeat fixed !Important;
	--background-size-body: cover;
	--background-modal-overlay: #144d61d4;
	--background-modal-content: #3392b7;
	--headerNavigationContainer:
	linear-gradient(90deg, rgb(49, 44, 45) 47%, rgba(134, 121, 130, 1) 65%);
	--background-color: background-color: #dde4e2;
	--background-image:
	url('img/backImg.jpg');
	--background-repeat: no-repeat; 
	--background-attachment: fixed;
	--font1:
	'Quicksand'; /*  Dosis  Quicksand  */
	--font2:  ;
	--font3:  ;
}
/* 19 SEP 22 */

@media (min-width: 768px) and (max-height: 412px) {
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand, .header_view>.container .navbar-brand, .header_view>.container-fluid .navbar-brand {
    margin-left: -15px;
    position: absolute;
    top: -20px;
}

@media (min-width: 329px) and (max-width: 992px){
#logoContainer {
   top:0;
}
}


#logoContainer{
	top:38px;
	left:-20px;
}
}


.logo svg *{
	fill: white !important;
	opacity:.9;
}
.footer a,
.article-references a{

	display: inline-block;
   
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;


}
.footer,
.breadcrumb{
	
	overflow: hidden;
}

.breadcrumb>li {
    font-size: 15px;  
    max-width: 354px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.pkp_page_issue .current_issue_title.lead,
.pkp_page_article .pageheaderText {
    display: inline-block;
    margin: 1% 2;
    margin-bottom: 0;
    padding: 2%;
margin-left:0%;
    font-size: 1em;
    border: none;
}

.pkp_page_issue .current_issue_title.lead{
	font-size: 1.5em;
}

.issn, 
#issn2{right: 2% !important;}


/* 19 SEP 22 */

body {

	background-size: var(--background-size-body);
	font-family: var(--font1)
}


#main-navigation li a {
	color: white;
	background-color: var(--color1);
}

#main-navigation li a:hover {
    /* color: white; */
   	background-color: var(--color2);
}

#logoContainer svg path{
	fill:#ffffff ;
}


#nav-menu-background {
	background-color: var(--color1);
}


#headerNavigationContainer {
	background: #646464;
	/* overflow-x:
	hidden !important; */
}


#backToTop {
	background-color: var(--color1);
}