/*
@font-face {
	font-family: 'Proxima-Nova-Reg';
	src: 
		url('../fonts/Proxima-Nova-Reg.otf') 
		format('opentype');
}*/


html {scroll-behavior: smooth;}
p {margin: 0px}
button:focus {outline: none;}
button {outline: none;}
input {outline: none;}
input:focus {outline: none;}
.main_container {width: 100%; max-width: unset; padding: 0px; margin: 0px; overflow-x: hidden;}
.spacer15 {height: 15px; width: 100%}
.spacer10 {height: 10px; width: 100%}
.clear_both {clear: both;}
.theme_button {padding: 7px 15px; background-color: #205ebd; color: white !important; border-radius: 5px }

.header_link {border:0px; padding: 8px 16px; }

.custom_button{

}

.logo {width: 16rem}
.navbar_custom {border-bottom: 2px solid #F4F8F8}
.navbar-nav {margin: 10px 0px; }



.hero { background-color: #133764; padding: 60px 20px; background-repeat: no-repeat; background-size: cover; }
.hero_text {color: white; margin: 0px auto; text-align: center; margin-bottom: 20px}
.find_card { background-color: #EBEAE9; text-align: center; padding: 25px 20px; border-radius: 5px; margin-top: 25px}

.card_text {margin-bottom: 8px; font-size: 20px}
.flex-form {display: flex;}
.flex-form .form-input {float: left; width: 50%; position: relative;}
.flex-form .form-input input{width: 100% ;padding:7px 12px; border:1px solid #EBEAE9;}
.form-input-left input{border-top-left-radius: 5px;border-bottom-left-radius: 5px; border-right: 0px !important}
.form-input-right input {border-top-right-radius: 5px;border-bottom-right-radius: 5px; border-left: 0px !important;}
.input_seperator {height: 24px; position: absolute; border-left: 2px solid #EBEAE9; right: 0; top: 8px; z-index: 999}
.button_inline {border-top-left-radius: 0px; border-bottom-left-radius: 0px; position: absolute; right: 0px; top: 0px; height: 100%}
.button_inline img {height: 100%;}

.stats {padding: 50px 20px; text-align: center;}
.stats_text {font-weight: bold;}
.company_logos {}
.company_logos img {height: 45px; max-width: 90%}
.logo_card {width: 100%; text-align: center; padding: 30px 10px; box-shadow: 0 0 9px -2px; border-radius: 10px; margin-top:30px}


.hire_candidate {padding: 50px 10px}
.need_to_hire {color: #0F2358; font-size: 20px}
.your_information {color: #0F2358; font-size: 14px}

.jobs {margin-bottom: 50px}
.job_main {overflow: hidden;max-height: 500px;color:black!important;padding: 10px; margin-top: 25px; border:1px solid #447896 !important; border-radius: 3px; border-top: 3px solid #447896!important}
.date_posted {color: grey!important}

.clear_search {background-color: lightgrey; font-size: 13px; padding: 4px 10px;border-radius: 5px; margin-left: 20px}






.footer li {list-style:none; margin: 5px 0px}
.footer {margin: auto;list-style:none; padding: 40px 0px; background-color: #DFDFDF;}
.footer ul{padding: 15px}

/*autocomplete css*/
#ui-id-1{
	max-height: 13rem !important;
	overflow: hidden;
	width:10rem;
}
#ui-id-2{
	max-height: 13rem !important;
	overflow: hidden;
	width:10rem;
}

.content_container {width: 100%;max-width: 1628px; padding: 0px 70px; margin: 0px auto;}
.viewport_height {min-height: 100vh}
.events_container {padding: 30px 0px}


@media only screen and (max-width: 992px)
{
	.content_container {padding: 50px 30px 0px}
	.main_container {padding-top: 50px}
}

@media only screen and (max-width: 558px)
{
	.content_container {padding: 50px 15px 0px}
}

@media only screen and (max-width: 768px)
{
	/*[class*="col-"] {padding-left: 12px !important; padding-right: 12px !important}*/
	.header_link {margin-bottom: 10px}
	.navbar-nav .nav-item {margin-top: 15px}
	.flex-form {display: block;}
	.flex-form .form-input {width: 100%; float: none; margin-bottom: 15px}
	.flex-form .form-input input {border-radius: 5px}
	.input_seperator {display: none;}
	.button_inline {position: relative; height: 40px; border-radius: 5px; margin-top: 15px}
	/*.navbar_opener {position: absolute;top: 10px;left: 10px; border:none;}
	.logo {width: 150px}
	.navbar-brand {margin: 0px auto}
	.navbar-nav {padding-top: 10px}*/
}