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


/* Intro Icon */

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

#Intro {
} 



/* Tile hover */
.Featured.News > a:nth-child(n+4):hover {
	background-color: #A1370E; /* orange */
	transition: 0.25s;
	}
	.Featured.News > a:nth-child(n+4):hover *{
		color: white;
		}
		
		
	/*Quote */	
	.Featured.News > a > p.Teaser::before {
		content: "« ";
		}

	.Featured.News > a > p.Teaser::after {
		content: " »";
		}	
			
		
		
		
	
/* More Button */

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








/* ................ F I C H E S ........... */

/* ..... ENTREPRENEUR ... */


/* GRID */

#Entrepreneur .ContentWidth {
	padding-bottom: 0;
}



#Entrepreneur .ContentWidth div:nth-of-type(2),
#Entrepreneur .ContentWidth div:nth-of-type(3)  {
	border-top: 1px solid white;
	}

/* BUSINESS*/
	#Entrepreneur .ContentWidth div  {
		padding-bottom: 1.5rem;
		}


@media (min-width:800px) {
#Entrepreneur > div{
	display: grid;
	grid-template-columns: 60% 40% ;
	}
	/* ENTREPRENEUR*/
	#Entrepreneur .ContentWidth div:nth-of-type(1)  {
		border-right: 1px solid white;
		padding-right: 2em;
		}
	
	/* BUSINESS*/
	#Entrepreneur .ContentWidth div:nth-of-type(2)  {
		border: none;
		padding-left: 2em;
		}
	
		
	/* MENU */
	#Entrepreneur .ContentWidth div:nth-of-type(3)  {
		grid-column-start: span 2;
		}
		}


/* Split Business Grid if Logo is present*/

#Entrepreneur .ContentWidth div:nth-of-type(2) {
	display: grid;
	grid-template-columns: auto 75px;
	}

#Entrepreneur .ContentWidth div:nth-of-type(2) h3 {
	grid-column: span 2;
	grid-row: 1;
	order: 1;
	}
#Entrepreneur .ContentWidth div:nth-of-type(2) p:nth-of-type(1) { /* Ville */
	grid-column: span 2;
	grid-row: 2;
	order: 2;
	margin-bottom: 2em;
	}
	
#Entrepreneur .ContentWidth div:nth-of-type(2) p:nth-of-type(2) { /* Description */
	grid-column: span 2;
	grid-row: 3;
	order: 3;
	}	
	
#Entrepreneur .ContentWidth div:nth-of-type(2) p:nth-of-type(3) { /* Button */
	grid-column: span 2;
	grid-row: 5;
	order: 5;
	}	
	#Entrepreneur .ContentWidth div:nth-of-type(2) p:nth-of-type(3) a { /* url */
		margin-bottom: 0;
		}

	
#Entrepreneur .ContentWidth div:nth-of-type(2) img + p.Flow {
	grid-column: 1;
	grid-row: 3;
	order: 3;
	padding-right: 25px;
	}

#Entrepreneur .ContentWidth div:nth-of-type(2) img {
	grid-column: 2;
	grid-row: 3;
	order: 4;
	}

	/* Don't plit if too narrow */			
	@media (min-width:799px) and (max-width:1200px)  {
		#Entrepreneur .ContentWidth div:nth-of-type(2) img + p.Flow {
			grid-column: span 2;
			}
		#Entrepreneur .ContentWidth div:nth-of-type(2) img {
			grid-row: 4;
			grid-column: 1;
			}
			}




/* Name + Quote */

#Entrepreneur h2,
#Entrepreneur .Intro {
	text-align: left;
	padding-left: 0;
	padding-right: 0;
	}
	
#Entrepreneur h2 {
	margin-top: 0;
	}

#Entrepreneur .Intro::before {
	content: "« ";
	}
#Entrepreneur .Intro::after {
	content: " »";
	}



/* Business */


#Entrepreneur h3 {
	margin-top: 2rem;
	}
	}
	@media (min-width:800px) {
		#Entrepreneur h3 {
		margin-top: 1rem;
		}
		}


#Entrepreneur p {
	margin-bottom: 1em;
	}
	
#Entrepreneur img {
	width: 75px;
	height: 75px;
	margin-bottom: 2rem;
	}	


/* Menu */

#Entrepreneur ul.Sub {
	display: flex;
	padding: 0;
	margin:0;
	margin-top: 4em;
	list-style-type: none;
	flex-wrap: wrap;
	justify-content: center;
	}
	
#Entrepreneur li {
	width: 8em;
	text-transform: uppercase;
	font-size: .9em;
	text-align: center;
	margin-bottom: 2em;
	}
	
	#Entrepreneur li a{
		display: block;
		}
		
		#Entrepreneur li a:hover {
			opacity: .6;
			}
	
	



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

#Citations {
	background-color: white ;
	background-image: url(../images/skin/background_footer.jpg);
	background-size: 1000px;
	background-position: bottom center;
	background-repeat: repeat-x;
	padding-bottom: 10em;
	}


#Entrepreneur {
	background-color: #A1370E;
	}


#Choix,
#Intro  {
	background-color: white ;
	background-image: url(../images/skin/background_theme.jpg);
	background-size: 1000px;
	background-position: top center;
	background-repeat: repeat-x;
		}

#Aventures {
	background-color: #D8DDE0;
	background-image: url(../images/skin/background_aventure.jpg);
	background-size: 100% 100%;
	}

#Person {
	background-color: #203A48;
	}


#Yukon {
	background-color: #A1370E;
	}


#Habiletes {
	background-color: #FFFFFF;
	}

#Philo {
	background-color: #DAD9D6;
	background-image: url(../images/skin/background_aventure.jpg);
	background-size: 100% 100%;
	}

#Demain {
	background-color: #64635E;
	}

/*Filler*/
.Split > *:nth-last-child(1):nth-child(odd)::before  {
	background-color: white;
	background-image: url(../images/skin/background_filler.jpg);
	background-size: 100%;
	background-position: top left;
	background-repeat: no-repeat;
	}

/* Reverse */
	#Entrepreneur *,
	#Person *,
	#Yukon *,
	#Demain * {
		color: white;
		}

		
		

/* Heads — h2 */

.Split h2 {
	text-align: left;
	border-bottom: 1px solid #b1b1ae;
	padding-bottom: .25em;
	margin-bottom: .5em;
	}


/* Head Icons */


.Split h2::before {
	content: "";
	position: absolute;
	background-size: 100%;
	background-repeat: no-repeat;
	filter: brightness(0);
	top: 2.5rem;
	left: 4.2rem;
	width: 35px;
	height: 35px;
	}
	@media (min-width:480px) {
		.Split h2::before {
			top: 4rem;
			left: 4.2rem;
			width: 50px;
			height: 50px;
			}
			}
	
	/*Reverse*/
		.Split #Person h2::before,
		.Split #Yukon h2::before,
		.Split #Demain h2::before {
			filter: brightness(1.5)
			}
		

	/*icons*/
	#Entrepreneur li a::before {
		content: "";
		display: block;
		height: 2.5em;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		filter: brightness(1.5);
		margin-bottom: .75em;
		}
		
		
		
		
		

/* Section icons */ 

	.Split #Aventures h2::before,
	#Entrepreneur li.Aventures a::before,
	.Standalone ul.Normal li.Aventures a::before  {
		background-image: url(https://assets.afy.ca/_skin/icons/icon_aventure.svg);
		}
		
	.Split #Person h2::before,
	#Entrepreneur li.Person a::before,
	.Standalone ul.Normal li.Person a::before  {
		background-image: url(https://assets.afy.ca/_skin/icons/icon_personnalite.svg);
		}
		
	.Split #Yukon h2::before,
	#Entrepreneur li.Yukon a::before,
	.Standalone ul.Normal li.Yukon a::before  {
		background-image: url(https://assets.afy.ca/_skin/icons/icon_yukon.svg);
		}
			
	.Split #Habiletes h2::before,
	#Entrepreneur li.Habiletes a::before,
	.Standalone ul.Normal li.Habiletes a::before  {
		background-image: url(https://assets.afy.ca/_skin/icons/icon_habiletes.svg);
		}
		
	.Split #Philo h2::before,
	#Entrepreneur li.Philo a::before,
	.Standalone ul.Normal li.Philo a::before  {
		background-image: url(https://assets.afy.ca/_skin/icons/icon_philo.svg);
		}
		
	.Split #Demain h2::before,
	#Entrepreneur li.Demain a::before,
	.Standalone ul.Normal li.Demain a::before  {
		background-image: url(https://assets.afy.ca/_skin/icons/icon_demain.svg);
		}					
	


/* Home Icons */

	.Standalone ul.Normal li.Citation a::before  {
		background-image: url(https://assets.afy.ca/_skin/icons/icon_quote.svg);
		}					
	
	.Standalone ul.Normal li.YourContact a::before  {
		background-image: url(https://assets.afy.ca/_skin/icons/icon_team.svg);
		}	



/* Reduce section bottom padding */
.Split .ContentWidth {
	
	padding: 4rem;
	padding-top: 5rem;
	}













/* 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: #A1370E;
	}

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



	
		
		
/* ............ 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: "Portraits";
			}


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



.SideContent {
	background-color: #203A48; /* 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;
				}
				}
		


/* ............ AD .............*/

#Ad .ContentWidth {
	padding-top: 2em;
	}
	
#Ad {
	background-position: bottom center;
	padding-top: 0em;
	padding-bottom: 4em;
	}

	@media (min-width: 480px) {
		#Ad {
			padding-bottom: 4em;
			}		
			}
	
	@media (min-width: 640px) {
		#Ad {
			padding-bottom: 4em;
			}		
			}	
			
	@media (min-width: 800px) {
		#Ad {
			padding-bottom: 4em;
			}		
			}				
			
	@media (min-width: 1024px) {
		#Ad {
			padding-bottom: 5em;
			}		
			}				
			
	@media (min-width: 1200px) {
		#Ad {
			padding-bottom: 6em;
			}		
			}				
			
	@media (min-width: 1400px) {
		#Ad {
			padding-bottom: 8em;
			}		
			}			
			
			
	@media (min-width: 1600px) {
		#Ad {
			padding-bottom: 12em;
			}		
			}	
			
	@media (min-width: 1800px) {
		#Ad {
			padding-bottom: 16em;
			}		
			}			
			
	@media (min-width: 2000px) {
		#Ad {
			padding-bottom: 20em;
			}		
			}