/* top bar */

	@media (min-width: 1024px){
		.main_h::before {
			background-image: none;
			background-color: #51504a;
			}
			}
			
			
			
/* ........... 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;*/
			}
			}
		
			
			

		
		
/* LINKS */



	
a.English {
	background-color: red;
	color: white;
	}
	a.English:hover {
	background-color: black;
	color: white;
	}
		
a {
	color: #A1370E;
	}


a.Button {
	background-color: #00616F;
	}

a:hover.Button {
	background-color: black;
	color: white;
	}





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


/* Intro Icon */

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



/* Tile hover */
.Featured.News > a:nth-child(n+4):hover {
	background-color: #DBF915; /* yellow */
	transition: 0.25s;
	}
	.Featured.News > a:nth-child(n+4):hover *{
		/*color: white;*/
		}
		
		
	/*Quote */	
		.Featured.News > a > p.Teaser {
		}
		
		
	
/* More Button */

	.Featured.News.Release a.More:after {
		content: "Voir plus de profiles";
		}
	.Featured.News a.More:hover::before {
		filter: brightness(.55) ; /* darker */
		}




/* ............... V I S A G E S ............*/


.TemplateText img {
	width: 95%;
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: .5em;
	}


/* ..... COLORS + BACKGROUND ..... */



#Intro  {
	background-color: #efefef ;
		}

#Benjamin {
	background-color: #64635e;
	background-image: url(../images/skin/slide_1.jpg);
	}
	#Benjamin * {
		color: white;
		}

#Jocelyne {
	background-image: url(../images/skin/slide_2.jpg);
	}

		
#Leslie {
	background-image: url(../images/skin/slide_3.jpg);
	}

#Lorraine {
	background-image: url(../images/skin/slide_4.jpg);
	}

#Marc {
	background-image: url(../images/skin/slide_5.jpg);
	}

#Maxime {
	background-image: url(../images/skin/slide_6.jpg);
	background-color: #00647C;
	}
	#Maxime * {
		color: white;
		}
	#Maxime .Article *:not(.Note) {
		color: #D6DDE2;
		}
		
#Naomi {
	background-image: url(../images/skin/slide_7.jpg);
	}

#Paige {
	background-image: url(../images/skin/slide_8.jpg);
	}
		
#Raphaelle {
	background-image: url(../images/skin/slide_9.jpg);
	}

		



		
		
















	
		
		
/* ............ N A V ( E N T R E P R E N E U R S )................ */


			
/* ......... TRIGGER..........  */ 			
			
			
		/*Trigger Icon*/				
		.SideTrigger a::before{
			content: url(https://assets.afy.ca/_skin/icons/icon_portrait.svg);
			}	

		.SideTrigger a::after {
			content: "Visages";
			}

		.SideTrigger a{
			background-color: #00616F;
		}


/* ......... CONTENT..........  */ 			



.SideContent {
	background-color: #00616F; /* Navy */
	padding: 1em;
	width: 100%;
	height: 100%;
	min-width: 300px;
	}

ul.Portraits {
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	align-content: flex-start;
	list-style: none;
	margin:0;
	padding:0;
	width: 100%;
	}
	
	.SideOn ul.Portraits {
		justify-content: flex-start;
		}
	
	
ul.Portraits li {
	margin-bottom: 0;
	width: 33%;
	min-width: 100px;
	}
	@media (min-width: 480px) {
		ul.Portraits li {
			width: 25%;
			}
			}
	@media (min-width: 800px) {
		ul.Portraits li {
			width: 20%;
			}
			}		
	@media (min-width: 1024px) {
		ul.Portraits li {
			width: 16.5%;
			}
			}		
	@media (min-width: 1200px) {
		ul.Portraits li {
			width: 12.5%;
			}
			}		
		
	

ul.Portraits a {
	display: block;
	padding: .5em;
	width: 100%;
	}
	
ul.Portraits a span {
	display: block;
	width: 4em;
	height: 4em;
	margin-left: auto;
	margin-right: auto;
	border-radius: 1em;
	background-size: cover;
	margin-top: 1em;
	}

	@media (min-width: 1200px) {
		ul.Portraits a span  {
			width: 5em;
			height: 5em;
			margin-top: 2em;
			}
			}

	@media (min-width: 1600px) {
		ul.Portraits a span  {
			width: 6em;
			height: 6em;
			}
			}

ul.Portraits a:hover {
	background-color: #294A5C;
		}

ul.Portraits a h3 {
		white-space: normal;
		color: white;
		font-family: Book;
		letter-spacing: 0;
		text-align: center;
		font-size: 0.8em;
		}
		@media (min-width: 1200px) {
			ul.Portraits a h3 {
				font-size: 0.9em;
				}
				}

		@media (min-width: 1600px) {
			ul.Portraits a h3 {
				font-size: 1em;
				}
				}
		



/* ......... GRID ........ */

.X4.Article > div:nth-of-type(odd):not(:nth-last-of-type(-n+2))::before {
	height: 10px;
	background-color: rgba(0, 0, 0, .15);
	}


.X4.Article.Rev > div:nth-of-type(odd):not(:nth-last-of-type(-n+2))::before {
	height: 10px;
	background-color: rgba(255, 255, 255, .15);
	}


.TemplateText > img {
	padding-bottom: 0;
	}



p.Caption {
	padding-left: 15%;
	padding-right: 15%;
	margin-bottom: 4em;
	margin-top: -1.5em;
	font-size: .8em;
	}
	
	@media (min-width: 640px) {
		.Caption {
			padding-left: 25%;
			padding-right: 25%;	
			margin-bottom: 6em;
			}
			}
	

	@media (min-width: 1180px) {
		.Caption {
			padding-left: 35%;
			padding-right: 35%;			
			}
			}