:root {
	--color1: #4f2540;
	--color2: #2c0635;
	--color3: #f1dc1b;
	--color4: #dbdbdb;
	--linkColor: #75257b;
	--linkColorHover: #8d1f8a;
	--background-body: #dedddc url('img/backImg.jpg') no-repeat fixed;
	--background-size-body:cover;
	--background-modal-overlay: rgb(67 32 56 / 52%);
	--background-modal-content: rgb(57 39 71 / 47%);
	--headerNavigationContainer: linear-gradient(90deg,  rgb(48 23 51 / 43%) , rgb(230 230 230 / 44%) 65%);
	--background-color: background-color: #dde4e2;
	--background-image: url('img/backImg.png');
	--background-repeat: no-repeat;
	--background-attachment: fixed;
	--font1: 'Oswald' ; /*  Dosis  Quicksand  */ 
	--font2:  ;
	--font3:  ; 
 
}

.journal-description *{
	font-size:18px !important;
}



#logo0 svg *{
	fill:var(--color4)
}

.navbar-toggle{
background-color: var(--color1) !Important; 
}
   
/*

Quicksand — Regular
Alegreya Sans — Regular
B612 — Regular
Muli — Regular
Vollkorn — Regular
Cairo — Regular
Lora — Regular
Arvo — Regular
Oswald — Regular
*/

 
/*

font-family: 'Dosis', sans-serif;
font-family: 'Quicksand', sans-serif;
font-family: 'Ubuntu Condensed', sans-serif;
font-family: 'Zilla Slab', serif;
font-family: 'Squada One', cursive;
font-family: 'Nanum Gothic Coding', monospace;
font-family: 'Red Hat Display', sans-serif;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-family: 'Enriqueta', serif;
font-family: 'Scada', sans-serif;
font-family: 'Basic', sans-serif;
font-family: 'Scada', sans-serif;
font-family: 'Allerta', sans-serif;

*/

/*
#f6f6f6 // background color body anterior

*/
  
body {
		font-family: var(--font1);
		background: var(--background-body);
	background-size: var(--background-size-body);
} 
 
 #preheader{
    background-color: #fdfdfded;
    border-color:var(--color1);
}
.journal-description{
	background-color:#ffffff8c;
}
#logoContainer svg path{
	 /* fill:#0c4a2a ; */ /**/
}


#logo1{
	width:100px;
	/* margin-top:1% */
} 

a{
	color:var(--linkColor);
}

a:hover,
a:focus
{
	color:var(--linkColorHover)
}

 a:focus {
      border-color: var(--color2); 
}

.dropdown-menu>li>a {

    color: #b09dab;

}



.btn-primary {
    color: #fff;
    background-color:var(--linkColor);
    border-color: var(--color1); 
    
}

.btn-primary:hover {
    color: #fff;
    background-color: var(--color2);  
    border-color:var(--linkColor);
}

.btn-primary:hover,
.btn-primary:focus {
    color: #fff;
    background-color: var(--color1) !important;
    border-color: var(--linkColor) !important;
}


#main-navigation li a:hover,
#main-navigation li a:focus
 {

   color: var(--color3); 
}


.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color:var(--color2); 
   border-color: var(--color2); 
}

#searchToggle{
	   background-color: var(--color1); 
	      color: var(--color3) !important;
}


.dropdown-menu{
	    background-color: var(--color2);
	    border-color: var(--color3); 
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background-color: var(--color1);
    color: var(--color3) !important;
}



.article-details, #main-content {
    background: linear-gradient(to right, rgb(136 51 126 / 9%) 0%,rgba(245, 245, 245, 0.8784313725490196) 20%);
    border-top: solid 1px white;
    border-right: solid 1px white;
}


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

#main-navigation li a { 
	color: white;
	background-color: rgba(23, 112, 166, 0);
}

#nav-menu-background {
	background-color: #511d42;
	border-bottom:solid 1px yellow;
}


}
#nav-menu-background.sticky:before{

background-color: var(--color2);
}

#headerNavigationContainer {
	background: var(--headerNavigationContainer);
		border-bottom: solid 3px  var(--color2);
}


#backToTop:hover {

	background-color: var(--color2);
}

section header.page-header h2,
.page-header h1{


	background-color:var(--color2);<
}


@media (max-width:992px){

#logo1{

	margin-top:0%
} 
	
}




@media (max-width: 992px){
#siteName.centeredSiteName, #siteName {

/*
    margin-top: 8px;
*/


position:absolute;


}


#siteName{
	/* width:500px */
}

}



media (max-width: 769px) and (min-width: 518px){
* {
    color: blue !Important;
}
}




@media (max-width: 517px) and (min-width: 329px){
#logoContainer {
  top: 75px;
  left: 5px;
}


#siteName{
/*
height:70px;
*/
	left:0
}


}