/* ................I N D E X ........... */


/* Intro Icon */

#Intro img {
	width: 3em;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5em;
	}

	
		
		


			
			
			
/* ........... L O G O  ............ */


				
.Standalone ul.Core li.Logo a {
	background-image: url(https://assets.afy.ca/_skin/navbar/navbar_logo_mobile.svg);
	}
	@media (min-width: 1024px){
		.Standalone ul.Core li.Logo a{
			background-image: url(https://assets.afy.ca/_skin/navbar/navbar_logo_full.svg);
			/*width: xx;*/
			}
			}
		
			
			

/* Agir */

#Agir h2 span{
	font-size: 3em;
	line-height: .9em;
}

		
		
/* ...... Q & A ........ */

.QA,
#Plus {
	position: relative;
	border-top: 10px solid #848248;
	}

.QA::before,
#Plus::before {
	position: absolute;
	width: 4rem;
	height: 3.25rem;
	top: calc(-2rem - 5px);
	left: 50%;
	margin-left: -2rem;
	color: white;
	font-size: 2em;
	background-color: #848248;
	border-radius: 2rem;
	text-align: center ;
	padding-top: 0.75rem;
	}

#Q1::before {
	content: "1";
	}
#Q2::before {
	content: "2";
	}
#Q3::before {
	content: "3";
	}
#Q4::before {
	content: "4";
	}
#Q5::before {
	content: "5";
	}
	
#Plus::before {
	content: "";
	background-image: url(../images/skin/icon_footer.svg);
	}





/* .......... C o l o r s .......... */ 

strong {
	color: #6CAB39;
	}	
	
h3 {
	color: #848248;
}	


/* .......... Party .............*/


#Orange {
	color: #E78A33;
	}

#Red {
	color: #DB3B2C;
	}

#Blue {
	color: #214777;
	}


#Orange:hover,
#Red:hover,
#Blue:hover {
	color: black;
	}