:root {
	--color1: #ad795d;
	--color2: #7f6658;
	--color3: #d7f1bf;
	--linkColor: #d64d01;
	--linkColorHover: #f95e00;
	--background-body: #776c66fc url('img/backkkImg.png') no-repeat right;
	--header-background: #565d49; //url('img/backHeadenjhhhrImg.jpg') no-repeat fixed;
	--background-size-body: 40%;
	--background-modal-overlay: #0a290bad;
	--background-modal-content: #3a5833d1;
	--headerNavigationContainer: linear-gradient(70deg, #444a06 7%, rgb(0 0 0 / 55%) 45%);
	--background-color: background-color: #dde4e2;
	--background-image: url('img/backImg.png');
	--background-repeat: no-repeat;
	--background-attachment: fixed;
	--font1: 'Zilla Slab', serif;
	/*  Dosis  Quicksand  */
	--font2: ;
	--font3: ;

}


#preheader {
	background-color: #efdfd67d;
}


.logo svg>* {
	transform: scale(.8)
}

.logo4_st0,
.logo path {
	fill: #e2c7c7 !important
}

#logoContainer {
	margin-top: 20px;
	max-width: 51%;
}


/*

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;

*/
.cmp_breadcrumbs ol,
.breadcrumb {
	background-color: #dddddd
}

body {
	font-family: 'Dosis', sans-serif !Important;
	background: var(--background-body);
	background-size: var(--background-size-body);
	background-attachment: fixed;
	background-position: bottom right
}


.logo svg {
	height: 54px !Important;
}

#logo0 svg path,
#logo3 svg path {
	fill: #e7e7f5;
}



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





#logo1 {


	/* margin-top:1% */
}

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: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: #5f4436;
	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, #a09995fa 0%, #f5f5f5e0 20%);
	border-top: solid 1px white;
	border-right: solid 1px white;
}


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

#main-navigation li a {
	color: white;
	background-color: #1770a600;
}

#nav-menu-background {
	background-color: #5a524e;
}


}

#nav-menu-background.sticky:before {

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

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


#headerGradient {
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: -;
	top: 0;
	background: var(--headerNavigationContainer);
}




#backToTop:hover {

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

section header.page-header h2,
.page-header h1 {
	background-color: var(--color2);
	<
}




/***media queries ************************************************************************************/

@media (max-width:1135px) {

	* {
		//color:pink ;
	}


	#logoContainer {
		max-width: 22%;
		padding-top: 20px;
		//background-color:red !Important;
		//outline: solid red;}

	}




	@media (min-width:992px) {
		* {
			//color:#E91E63 !Important;
		}

		#siteName {
			transform: translate(-65%, 3%) scale(1.4) !Important;
		}

	}


	@media (max-width:992px) {

		#logo1 {

			margin-top: 0%
		}

	}




	@media (max-width: 991px) {

		* {
			//color:#009688 !Important;
		}

		#logoContainer svg path {
			//	fill:var(--color1);
		}


		#headerGradient {
			background: linear-gradient(150deg, rgb(32 47 9) 27%, rgb(4 4 4 / 84%) 45%);
		}


		#logoContainer {
			transform: scale(1) translateX(10px);

		}



		#logoContainer .logo {

			margin: 2px;
		}


		.logo2_st20 {
			fill: #e3e3ea;
		}


		#siteName.centeredSiteName,
		#siteName {
			position: absolute;
			left: 50% !Important;

			text-align: center;
			transform: translate(-50%, -10%) !important
		}


		.issn {
			color: #adc60e;
		}


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

	}



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




	@media (max-width: 517px) and (min-width: 329px) {
		#logoContainer {
			/* top:200px !Important; */
		}



		#headerGradient {
			background: linear-gradient(130deg, #1d401d 7%, rgb(25 25 25 / 89%) 65%);
		}

		.issn {
			color: #adc60e;
			right: 90px !Important;
		}

	}




	@media (max-width:890px) {
		#headerNavigationContainer {
			background-size: 152%;
		}

	}


	@media (max-width:768px) {

		#headerGradient {
			height: 100%;
		}

		#main-navigation li {
			background-color: var(--color1);
			margin-bottom: 1px;
		}


		#logoContainer {
			top: 75px;
		}

		#siteName {
			top: 40px !important
		}


	}

	@media (max-width:560px) {
		#headerNavigationContainer {
			background-size: 180%;
		}





	}



	@media (max-width:411px) {
		.issn {
			margin-top: 20px;
			right: 20px !Important
		}

		#headerNavigationContainer {
			background-size: 280%;
		}

	}