:root {
	--color1: #05176b;
	--color2: #af8c49;
	--color3: #efc16a;
	--linkColor: #8a6f3b;
	--linkColorHover: #f3c161;
	--background-body: #d6cfc2 url('img/backImg.png') no-repeat fixed;
	--background-size-body:cover;
	--background-modal-overlay: #302716d6;
	--background-modal-content: #8a6d3b;
	--headerNavigationContainer: linear-gradient(90deg, rgb(175, 140, 73) 56%, rgba(194, 152, 72, 0.63) 88%);
	--background-color: background-color: #dde4e2;
	--background-image: url('img/backImg.png');
	--background-repeat: no-repeat;
	--background-attachment: fixed;
	--font1: 'Quicksand' ; /*  Dosis  Quicksand  */
	--font2:  ;
	--font3:  ; 

}
 
/*

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




@import url('https://fonts.googleapis.com/css?family=Dosis:400,500,600,700|Merriweather|Raleway:400,400i,600|Roboto+Slab:300,400,700');
 



#logoContainer svg path{
	fill:#092a54;
}

 .issn{
 	color:white !Important;
 }




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


#logoContainer svg path{
//	fill:#05176b
}

.navbar-toggle{

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

.navbar-toggle:hover{
		background-color: var(--linkColor);
}

#nav-menu.in > ul > li{
outline:solid 1px var(--color2);
}


a{ 
	color:var(--linkColor)
}

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

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

.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 { 
	color: white;
	background-color: var(--color1); 
}

#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;
}



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

#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);<
}




/*custom************************************************************/

 body {
	background-color: var(--background-body);
	background-image: url('img/back.png') !important;
	background-attachment:fixed;
	background-repeat:no-repeat;
    background-position: bottom right; 
    background-size:contain;

}


#siteName{
	color:var(--color1);
	
	  letter-spacing:3px;
	  text-transform:uppercase;
	  font-size: 3em;
	  line-height:1em;
}



@media (max-width: 1010px){

#siteName{


transform: scale(.8) !important;
left:-440px !important;
top:30px

}

*{


}


}



@media (max-width: 992px){


#siteName{


transform: scale(2.3) !important;
left:120px !important
}

}


@media (max-width: 530px){


#siteName{


transform: scale(1.4) !important;
left:20px !important
}

}


@media (max-width: 376px){


#siteName{


transform: scale(1) !important;
left:-20px !important
}

}