/* CSS Document */
body {
  font-family: 'Poppins', sans-serif;
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#identity_logo{
	margin: 0; padding: 0;
	width: 335px;
	height: 140px;
	background-image:url("../imgs/logo_career explorer.png");
	position: absolute;
	top: 0; left: 30px;
	cursor: pointer;
	z-index: 100 !important;
}

#banner{
	background-image:url("../imgs/banner_wave_background.png");
	background-position: left;
	background-size: cover;
}

#top_menu{
	margin:15px 0 0 0; padding: 0 20px 0 0;
	width: 100%; height: 20px;
	text-align: right;
	font-size: 12px;
	float: left;
	color: #665617 !important;
}
.top_menu_link{
	color: #665617 !important;
	font-size: 12px;
	text-decoration: none;
	cursor: pointer;
}
.top_menu_link:hover{ 
	color: #FF6600 !important; 
	text-decoration: underline;
}
.top_menu_link_active{ 
	color: #0095C9 !important;
	text-decoration: underline;
}


.section_title{
	font-size: 26px; 
	font-weight: 200; 
	color: #C9AA2E;
}

.in_developemnt_text{
	color: #E6780B;
}

.orange_pagetop{
	margin: 0; padding: 0;
	width: 100%; height: 10px;
	background-color: #C9AA2E;
	position: absolute;
	top: 0; left: 0;
	z-index: 20 !IMPORTANT;
}

.page_heading{
	margin: 0 auto 0 auto;
	width: 80%;
	font-size: 32px;
	font-weight: 200;
	color: #665617;
	border-bottom: solid 1px #C9AA2E;
}

.page_heading_note{
	font-size: 16px;
	font-weight:300;
	color: #665617;
}

.breadcrumb_link{
	color: #0095C9;
	text-decoration: underline;
	font-size: 13px;
}

.active_breadcrumb{
	color: #665617;
	font-size: 13px;
}





/**********************footer**********************/
.text-small-notation{
	color:#6B6B6B;
	font-size: 10px;
}

.text-notation-asterisk{
	color: #FF0004; 
	font-weight: bold; 
	font-size: 12px;
}


.footer{ 
	width: 100%;
	float: left; 
}


#footer_copy{
	margin: 0; padding:20px 170px 20px 20px;
	width: 80% !important;
	height:260px;
	font-size: 12px; line-height: 16px;
	float: left;
	color:#FFFFFF; text-align:left;
}




#footer_content_left{ background-color:#232323; }

.bg_footer_dark_gray{
	padding-top: 20px;
	min-height: 450px;
	height: auto;
	background-color: #444445;
	border-top:solid 10px #C9AA2E;
	box-shadow: 0 2px 0 0 #ffffff inset;
	background-image:url("../imgs/footer_hawn_identity.png");
	background-repeat:no-repeat;
	background-position: top right;
}






/*********************************************************************************************/	
/************************************* START Side Navigation *********************************/	
.sidenav {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
	
  position: fixed; /* Stay in place */
  z-index: 1; /* Stay on top */
  top: 160px; /* Stay at the top */
  left: 0; color:#A7A7A7;
  
  background-image:url("../imgs/skills_app_transparent_tile_95.png");
  background-repeat:repeat;
  
  border-right:solid 1px #999999;
  overflow-x: hidden; /* Disable horizontal scroll */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}


.search_occupation_soc5{
	margin-bottom: 5px;
	width: 100% !IMPORTANT;
	height: auto;
	float: left;
	background-color: #ffffff;
	border-radius: 5px;
	overflow: hidden;
	border: solid 1px #ffffff;
	
	float: left !important;
		display : flex;
  		align-items : center;
}

#slide_search_wrapper{
	margin:0 0 0 30px !IMPORTANT;
	
	width:100% !important;
	width: -moz-calc(100% - 60px) !important;
	width: -webkit-calc(120% - 60px) !important;
	width: -o-calc(100% - 60px) !important;
	width: calc(100% - 60px) !important;
}

#slide_searchInput{
	width: 90%;
	border-radius: 5px;
}

.occupation_item_img{
	float: left;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.occupation_item_url{
	width:100% !important;
	width: -moz-calc(100% - 110px) !important;
	width: -webkit-calc(100% - 110px) !important;
	width: -o-calc(100% - 110px) !important;
	width: calc(100% - 110px) !important;
	float: left;
	background-color: #ffffff;
}


/* The navigation menu links */
.a_result_link:link{
	margin:4px 0 0 0; width:100%; height:30px; height:auto; text-align:left; line-height:16px;
	border-radius:5px; 
	color:#4098FF;
	/*border:solid 1px #666666; */
	font-weight:normal; 
	/*background-color:#666666;*/
	
	padding: 8px;
	text-decoration: none;
	font-size: 14px;
	/* color: #1F98E4; */
	display: block;
	transition: 0.3s;
}


#a_results_wrapper{
	margin:0 !IMPORTANT;
	padding: 0;
	width: 90%;
	overflow: hidden;
}

/* When you mouse over the navigation links, change their color */
.a_result_link:hover { color:#E6780B; }
.a_result_link:visited{ color:#E6780B; }



.slide_menu_links{
	margin: 0 0 0 50px;
	width:auto;
	height: auto;
	float:left;
	color: #ffffff;
}


.sidenav p {
  padding:0 20px 20px 20px; font-size:13px; font-weight:normal; color: #000000;
}

/* Position and style the close button (top right corner) */
#closebtn {
  	margin:4px 0 0 0; padding: 5px;
	width:38px; 
	height:auto; 
	float:right; 
	text-align:center;
	background-color:#9A9A9A; border-radius:5px; color:#FF0000; border:solid 1px #666666;
	padding:0;
	text-decoration: none;
	font-size: 20px;
	/* color: #1F98E4; */
	display: block;
	transition: 0.3s;
}
#closebtn:hover {
  background-color:#FFFFFF; color:#FF0000;
}


.navlink{ 
	margin:5px 0 0 ; padding:0; width:auto; height:auto; cursor:pointer;
	float:left; font-weight:bold; font-size:13px; color:#1F98E4;
}
.navlink:hover{ text-decoration:underline; }




/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
  transition: margin-left .5s;
  padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
/***************************** END Side Navigation *********************************/