@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;700&display=swap');

/* - - - - - - - - - - - header section - - - - - - - - - - - */
.header{display:block; width:100%; height:80px; line-height:80px;}
.header_container{display:block; width:95%; max-width:100%; height:80px; line-height:80px; color:#1d2f5d; font-size:11px; margin:0 auto;}

.header_left{display:inline-block; width:50%; height:100px; line-height:100px; vertical-align:top;}

.header_branding{display:inline-block; width:125px; height:auto; margin:35px 1% 35px 0;}

.header_menu{display:inline-block; font-size:12px; font-weight:400; color:#333; text-transform:uppercase; margin:0 1%; vertical-align:top;}
.header_menu_right{display:inline-block; font-size:12px; font-weight:400; color:#333; text-transform:uppercase; margin:0 2%; vertical-align:top;}
.header_menu a, .header_menu_right a{outline:none; width:auto; color:#333;}
.header_menu a:hover, .header_menu_right a:hover{outline:none; color:#0704e1;}
.header_on{font-weight:600; color:#000;}

.header_right{display:inline-block; width:25%; height:80px; line-height:80px; font-size:12px; font-weight:400; text-transform:uppercase;
							vertical-align:top; float:right; font-family:'Noto Sans', sans-serif; text-align:right; float:right;}
.header_button{display:inline-block; width:150px; height:40px; line-height:40px; font-size:12px; font-weight:400; color:#fff; text-align:center;
               background:#0704e1; border:2px solid #0704e1; border-radius:25px; margin:20px 0 0 15px;}
.header_button:hover, .header_button:focus{outline:none; color:#0704e1; background:#fff; color:#0704e1;}

.mobile_dropdown{display:block; float:right;}
.mobile_dropbtn{display:none; width:50px; height:80px; line-height:80px; border:none; vertical-align:top; outline:none; z-index:1000; cursor:pointer;
								background:url(https://assets.jobstore.com/images/icon_mobilenav_black.png) no-repeat center/30px;}

.mobile_dropdown_box{display:none; width:80%; height:90vh; background:rgba(7,4,225,0.95); position:absolute; top:0; left:0; padding:15% 10%; z-index:1000;}

.mobile_dropdown_close{display:inline-block; width:35px; height:35px; line-height:35px; font-size:18px; font-family:Verdana, sans-serif; color:#f00;
											text-align:center; outline:none; cursor:pointer; float:right; margin:-35px -15px 0 0; z-index:1000;}

.mobile_dropdown_menu{display:block; width:100%; height:45px; line-height:45px; font-size:1rem; font-weight:400; color:#fff; vertical-align:top; outline:none;}
.mobile_dropdown_menu:hover, .mobile_dropdown_menu:focus{outline:none; color:#ddd;}

#employer{display:block; width:150px; height:45px; line-height:45px; font-size:13px; font-weight:600; color:#0704e1; 
					text-align:center; background:#fff; border:2px solid #0704e1; border-radius:25px; margin:2rem 0 1rem;}

.mobile_dropdown_line{display:block; width:100%; border-bottom:1px solid #ddd; margin:1rem auto;}

/* --------------------------------------------------------------------------------------- */
/* --------------------- media CSS - updated on 11/05/2023 - 03:49pm --------------------- */
/* --------------------------------------------------------------------------------------- */

@media only screen and (min-width: 481px) and (max-width: 660px) {
	
  .header .header_container{display:block; min-width:90%; width:auto; max-width:90%; height:80px; line-height:80px; color:#1d2f5d; font-size:11px; margin:0 auto;}
  .header_left{display:inline-block; width:45%; height:80px; line-height:80px;}
  .header_menu, .header_right{display:none;}
  
  .mobile_dropbtn{display:block;}
  
}

@media only screen and (min-width: 661px) and (max-width: 720px) and (orientation: portrait) {
	
  .header .header_container{display:block; min-width:90%; width:auto; max-width:90%; height:80px; line-height:80px; color:#1d2f5d; font-size:11px; margin:0 auto;}
  .header_left{display:inline-block; width:45%; height:80px; line-height:80px;}
  .header_menu, .header_right{display:none;}
  
  .mobile_dropbtn{display:block;}
  .mobile_dropdown_box{display:none; width:80%; height:90vh; background:rgba(7,4,225,0.95); position:absolute; top:0; left:0; padding:5% 10%;}
  .mobile_dropdown_line, #search, #signin, #signup{display:none;}
  #employer{display:block; margin:1rem 0;}
  .mobile_dropdown_close{display:inline-block; margin:-15px -15px 0 0;}
  
}

@media only screen and (min-width: 721px) and (max-width: 800px) {
	
  .header .header_container{display:block; min-width:90%; width:auto; max-width:90%; height:100px; line-height:100px; color:#1d2f5d;
  													font-size:11px; margin:0 auto;}
  .header_left{height:100px; line-height:100px;}
  .header_menu, .header_right{display:none;}
  
  .mobile_dropbtn{display:block;}
  .mobile_dropdown_box{display:none; width:80%; height:90vh; background:rgba(7,4,225,0.95); position:absolute; top:0; left:0; padding:8% 10%;}
  .mobile_dropdown_close{display:inline-block; margin:-15px -15px 0 0;}
  
}

@media only screen and (min-width: 801px) and (max-width: 920px) {
  
  .header .header_container{display:block; min-width:90%; width:auto; max-width:90%; height:100px; line-height:100px; color:#1d2f5d;
  													font-size:11px; margin:0 auto;}
  .header_left{height:100px; line-height:100px;}
  .header_menu, .header_right{display:none;}
  
  .mobile_dropbtn{display:block;}
  .mobile_dropdown_box{display:none; width:80%; height:90vh; background:rgba(7,4,225,0.95); position:absolute; top:0; left:0; padding:8% 10%;}
  .mobile_dropdown_close{display:inline-block; margin:-15px -15px 0 0;}
  
}

@media only screen and (min-width: 921px) and (max-width: 980px) {
	
  .header .header_container{display:block; min-width:90%; width:auto; max-width:90%; height:100px; line-height:100px; color:#1d2f5d;
  													font-size:11px; margin:0 auto;}
  .header_left{height:100px; line-height:100px;}
  .header_menu, .header_right{display:none;}
  
  .mobile_dropbtn{display:block;}
  .mobile_dropdown_box{display:none; width:80%; height:90vh; background:rgba(7,4,225,0.95); position:absolute; top:0; left:0; padding:8% 10%;}
  .mobile_dropdown_close{display:inline-block; margin:-35px -15px 0 0;}
  
}

@media only screen and (min-width: 981px) and (max-width: 1023px) {
	
  .header .header_container{display:block; min-width:90%; width:auto; max-width:90%; height:100px; line-height:100px; color:#1d2f5d;
  													font-size:11px; margin:0 auto;}
  .header_left{height:100px; line-height:100px;}
  .header_menu, .header_right{display:none;}
  .header .header_branding{width:150px; height:100px; line-height:100px;
  												 background:url(https://assets.jobstore.com/images/branding/jobstore_logo_blue.png) no-repeat center left/contain;}
  
  .mobile_dropbtn{display:block;}
  .mobile_dropdown_box{display:none; width:80%; height:90vh; background:rgba(7,4,225,0.95); position:absolute; top:0; left:0; padding:8% 10%;}
  .mobile_dropdown_close{display:inline-block; margin:-35px -15px 0 0;}
  
}

@media only screen and (min-width: 1024px) and (max-width: 1151px) {
	
  .header .header_container{display:block; min-width:90%; width:auto; max-width:90%; height:100px; line-height:100px; color:#1d2f5d;
  													font-size:11px; margin:0 auto;}
  .header_left{height:100px; line-height:100px;}
  .header_menu, .header_right{display:none;}
  
  .mobile_dropbtn{display:block;}
  .mobile_dropdown_box{display:none; width:80%; height:90vh; background:rgba(7,4,225,0.95); position:absolute; top:0; left:0; padding:8% 10%;}
  .mobile_dropdown_close{display:inline-block; margin:-35px -15px 0 0;}
  
}

@media only screen and (min-width: 1152px) and (max-width: 1279px) {
	
	.header_left{display:inline-block; width:65%;}
	.header_right{display:inline-block; width:34%;}
	/*#resources, #media, */#search{display:none;}
	
}

@media only screen and (min-width: 1280px) and (max-width: 1439px) {
	
	.header_left{display:inline-block; width:65%;}
	.header_right{display:inline-block; width:34%;}
	/*#resources, #media, */#search{display:none;}
	
}

@media only screen and (min-width: 1440px) and (max-width: 1600px) {
	
	.header_left{display:inline-block; width:65%;}
	#search{display:none;}
	
}

@media only screen and (max-device-width: 480px) and (orientation:portrait) {
  
  .header .header_container{display:block; min-width:90%; width:auto; max-width:90%; height:80px; line-height:80px; color:#1d2f5d; font-size:11px; margin:0 auto;}
  .header_left{display:inline-block; width:45%; height:80px; line-height:80px;}
  .header_menu, .header_right{display:none;}
  
  .mobile_dropbtn{display:block;}
  
}

@media only screen and (max-device-width: 720px) and (orientation:landscape) {
  
  .header .header_container{display:block; min-width:90%; width:auto; max-width:90%; height:80px; line-height:80px; color:#1d2f5d; font-size:11px; margin:0 auto;}
  .header_left{display:inline-block; width:45%; height:80px; line-height:80px;}
  .header_menu, .header_right{display:none;}
  
  .mobile_dropbtn{display:block;}
  .mobile_dropdown_box{display:none; width:80%; height:90vh; background:rgba(7,4,225,0.95); position:absolute; top:0; left:0; padding:5% 10%;}
  .mobile_dropdown_line, #search, #signin, #signup{display:none;}
  #employer{display:block; margin:1rem 0;}
  .mobile_dropdown_close{display:inline-block; margin:-15px -15px 0 0;}
  
}

/* ------------------------------------------------------------------------------------------- */
/* --------------------- END media CSS - updated on 11/05/2023 - 03:49pm --------------------- */
/* ------------------------------------------------------------------------------------------- */