/* ........................................*/
/* ........... naviguation.css ............*/
/* ........................................*/

		
.Standalone ul.Normal li a {
   	/*color: #888888;*/
	}

.Standalone ul.Normal li a:hover {
	/*color: #a71d5c;*/
	}
	

/* top bar */

	@media (min-width: 1024px){
		.main_h::before {
			background-image: none;
			background-color: #005D7A;	;
			}
			}




		
/* top bar */

	@media (min-width: 1024px){
		.main_h::before {
			background-color: #96B73C;
			}
			}

		
		
/* ........... H E A D ............ */

.Shade {
	background-blend-mode: luminosity;
	filter: brightness(.55) saturate(20) sepia(50%) hue-rotate(130deg) ; 
	} 
	
h1 {
	color: white;
	}	
	
	
	
/* ........... L O G O  ............ */


				
.Standalone ul.Core li.Logo a {
	background-image: url(../images/skin/logo_nav_small.svg);
	}
	@media (min-width: 1024px){
		.Standalone ul.Core li.Logo a{
			background-image: url(../images/skin/logo_nav_full.svg);
			/*width: xx;*/
			}
			}
		
		
/* ------------- L I N K S -------------- */


a {
	color: #96B73C; /*Hot Pink*/
	}
	p > a:not(.Button):hover {
		color: #7D9832; /*Darker hot pink*/
		}




/* -------------- B U T T O N S -------------------- */


/* General aspect */

a.Button,
.Standalone ul.Normal li.Button a,	
input[type="submit"] {
	background-color: #96B73C; /*Hot Pink*/
	}
	a.Button:hover,	
	input[type="submit"]:hover,
	.Standalone ul.Normal li.Button a:hover {
		background-color: #7D9832; /*Dark Pink*/
		}
		

	.Reverse a.Button:hover,
	.Reverse .Standalone ul.Normal li.Button a:hover,	
	.Reverse input[type="submit"]:hover {
		background-color: #7D9832; /*Neutral 60% */
		}
		
	
a.English {
	background-color: #96B73C;
	color: white;
	}
	a.English:hover {
	background-color: #7D9832;
	color: white;
	}
	
	
	
	
		
/* Withing paragraphs & nav */	


	p a.Button {
		background-color: transparent;
		border: 1px solid #999;
		color: black;
		}
		p a.Button:hover {
			background-color: #ddd; /*Hot Pink*/
			color: black;
			}
			
	.Reverse p a.Button {
		color: white;
		}
	

		
/* -----------------------  I C O N S  ----------------------- */


	/* URL */

		.TemplateIcon a:hover h3 { 
			color: #96B73C; /* Light SIFY *//
			}

		
		/* hover on JPG */	
.TemplateIcon > div a:hover span[style*=".jpg)"] {
	background-color: #96B73C; /* Dark SIFY */
	}



/*Hover */	
.ContactBar > div > a:hover > span,		
.TemplateIcon > div a:hover span,
.TemplateIcon.Contact > div a:hover span { 
	filter: brightness(.75) saturate(150) hue-rotate(10deg); /* Darker hot pink */
	}



.TemplateIcon h3:nth-child(2) {
	color: #62644D;
}






/* ------------- BAND -------------- */

	#Instructions {
		padding-bottom: 4em;
		}
	#Intro {
		padding-bottom: 0;
		}	



	.Boxed {
		padding-bottom: 5em;
		margin-bottom: 2em ;
		}
			
	.Boxed#App {
		background-color: #96B73C;
		}	
		.Boxed#App h3 {
			color: white;
			}
		.Boxed#App span {
			filter: brightness(2) opacity(0.75);
			}
		.Boxed#App span:hover {
			filter: brightness(2) opacity(1);
			}
			

		
		
		
		
		
		
		
		

/* ---------- REWS PONSIVE -----------*/

.Hide {
	display: none;
	}
	@media (min-width:1200px) {
		.Hide {
			display: block;
			}
			}