/*** HEADER ***/
header a					{ transition: opacity 200ms; }
header a:hover				{ opacity: 1; }
#navToggle:hover #bar2		{ width: 20px; }

/*** ASIDE ***/
aside li a       			{ transition: opacity 200ms; }
aside li a:hover    		{ opacity: 1; }
aside li a       			{ transition: background 200ms; }
aside .in a:hover      		{ background: #ea501d; }
aside .in.active a    		{ background: #ea501d; }

/*** BTNS ***/
.boxed						{ transition: all 250ms; }
.link						{ transition: opacity 200ms; }
.boxed_white:hover			{ border-color: #ea501d; color: #fff; background: #ea501d; }
.boxed_blue:hover			{ border-color: #ea501d; background: #ea501d; }
.boxed_black:hover			{ border: solid 1px #3b3b3b; color: #fff; background: #3b3b3b; }
.boxed_orange:hover			{ border-color: #3b3b3b; background: #3b3b3b; }
.boxed_orangew:hover		{ border: solid 1px #fff; background: #fff; color: #ea501d; }
.link:hover					{ opacity: 1; }

/*** CONTENT ***/
.ul_main a					{ transition: all 200ms; }
.ul_main a:hover    		{ border-color: #3b3b3b; color: #fff; background: #3b3b3b; }
.jobsList a					{ transition: background 200ms; }
.jobsList a:hover			{ background: #cfd2d3; }
.jobsList a .arrow			{ transition: all 200ms; }
.jobsList a:hover .arrow	{ opacity: 1; margin-top: -3px; }
.filter .active a:hover		{ color: #3b3b3b; }
.filter li a:hover			{ color: #ea501d; }

/*** BOTTIN ***/
.ocList p a:hover			{ color: #ea501d; }

@media screen and (max-width: 900px)
{	
	/*** ASIDE ***/
	.show-nav aside			{ transform: translateX(-97%); transition-duration: 300ms; }
}