/*********************************************************************
  /$$$$$$   /$$$$$$  /$$$$$$$  /$$$$$$$$ /$$$$$$$$ /$$$$$$$   /$$$$$$
 /$$__  $$ /$$__  $$| $$__  $$| $$_____/| $$_____/| $$__  $$ /$$__  $$
| $$  \__/| $$  \ $$| $$  \ $$| $$      | $$      | $$  \ $$| $$  \__/
| $$      | $$$$$$$$| $$$$$$$/| $$$$$   | $$$$$   | $$$$$$$/|  $$$$$$
| $$      | $$__  $$| $$__  $$| $$__/   | $$__/   | $$__  $$ \____  $$
| $$    $$| $$  | $$| $$  \ $$| $$      | $$      | $$  \ $$ /$$  \ $$
|  $$$$$$/| $$  | $$| $$  | $$| $$$$$$$$| $$$$$$$$| $$  | $$|  $$$$$$/
 \______/ |__/  |__/|__/  |__/|________/|________/|__/  |__/ \______/
*********************************************************************/
#query_results
{
	display: flex;
	flex-flow: row wrap;

}

/* Filtering Styles */
/* Filtering Styles */
/* Filtering Styles */
.filter-wrapping-container
{
	position: relative;
    background-color: #ffffff;
    padding: 20px 15px;
    margin-bottom: 50px;
    max-width: 270px;
    transition: transform 400ms;
    box-shadow: 0 0 20px 0px rgb(0 0 0 / 29%);
    overflow: hidden;
}

@media screen and (max-width: 991px)
{
	.filter-wrapping-container
	{
		max-width: 100%;
	}
}

.filter-text
{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	border: 1px solid #D1D1D1;
	border-radius: 3px;
	margin-top: 10px;
}

.filter-text button
{
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #0255a5;
	padding: 5px;
	height: 38px;
	border: none;
	color: #ffffff;
	text-decoration: none;
}

.filter-text button:hover
{
	background-color: #00488F;
}

.filter_search
{
	width: 100%;
	padding: 7px 10px;
	border: none;

}

.filter-title
{
	font-family: montserrat, sans-serif;
    font-size: 27px;
    font-weight: normal;
    color: #10131d;
    margin: 0;
    padding: 0;
}

.filter-city-title,
.filter-category-title
{
	position: relative;
	font-family: montserrat, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #10131d;
	border: none;
    border-bottom: 1px solid #F1F1F1;
    background: transparent;
    padding-bottom: 20px;

}

.filter-city-title:hover,
.filter-category-title:hover
{
	cursor: pointer;
}

.filter-option-container
{
	position: relative;
	margin: 20px auto;
}

.filter-option-container legend::after
 {
    content: "\f078";
    position: absolute;
    right: 0;
    top: 10px;
	transform: translateY(-50%);
    font-family: "font_awesome";
    font-weight: normal;
    color: #0255a5;
    font-size: 10pt;
    transition: transform 200ms;
}

.filter-category ul
{
	padding-left: 0 !important;
}

.filter-category ul li,
.filter-city ul li
{
	display: flex;
	justify-content: flex-start;
	padding-top: 10px;
	padding-bottom: 10px;
}

.filter-category ul li::before,
.filter-city ul li::before
{
	display: none;
}

.filter-category ul li label,
.filter-city ul li label
{
	margin-left: 15px;
}

.clear-form
{
	margin: 0 auto;
	text-align: center;
}

/* Filtering Styles */
/* Filtering Styles */
/* Filtering Styles */
#careers_output_container
{
	margin-top: 40px;
}

#careers_output_container > .row
{
	margin-bottom: 60px;
}

@media screen and (max-width:992px)
{
	#careers_output_container > .row .col-md-2
	{
		height: auto;
	}
}

.single-post-container
{
	margin-bottom: 30px;
}

.single-post-container .upper-row
{
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.single-post-container .upper-row a
{
	text-decoration: none !important;
}

.single-post-container .upper-row .date-wrapper-container
{
	margin-right: 15px;
}

.single-post-container .lower-row .description
{
	margin-top: 15px;
}

#careers_output_container .job-title
{
	font-size: 21pt;
	text-decoration: none;
}

#careers_output_container .date
{
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	height: 90px;
	width: 90px;
	margin-bottom: auto;
	background-color: #646464;
}

@media screen and (max-width:992px)
{
	#careers_output_container .date
	{
		margin: 0 auto 8px auto;
	}
}

#careers_output_container .date .day-month
{
	font-family: open_sans, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #ffffff;
}

#careers_output_container .date .day
{
	font-family: open_sans, sans-serif;
	font-weight: normal;
	font-size: 38pt;
	line-height: 1;
	color: #ffffff;
}

#careers_output_container .job-title-container > div
{
	font-size: 12pt;
}

#careers_output_container .job-title-container > div:first-of-type
{
	margin-top: 5px;
}

#career_details_container
{
	margin: 40px auto;
}

#career_details_container p,
#career_details_container div,
#career_details_container span,
#career_details_container li
{
	font-family: open_sans, sans-serif;
	font-size: 12pt;
}

strong
{
	color: #0255a5;
}

#career_details_container .loading-message
{
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	height: 500px;
	max-height: calc(100vh - 130px);
}

#career_details_container .loading-message img
{
	padding-left: 10px;
}

#career_details_container .button-container
{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.button-container .ww_action_button3 span
{
	margin-top: 4px;
}

#career_details_container .button-container a:last-of-type
{
	margin-left: 25px;
}

#to_top_button
{
    position: fixed;
    bottom: 10px;
    right: 15px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    opacity: 0;
    z-index: -1;
    height: 0;
    text-align: center;
    text-decoration: none;
    padding: 0;
    color: #2B2B2B !important;
    background-color: #eeeeee;
    width: 120px;
    box-shadow: 0 0 5px rgba(0,0,0,0.8);
    transition: opacity 200ms,
    			background-color 200ms,
    			transform 200ms,
    			box-shadow 200ms;
}

#to_top_button.visible
{
	z-index: 10;
    opacity: 1;
    height: 60px;
    width: 60px;
    padding: 5px;
}

#to_top_button.visible:hover
{
	background-color: #DBDBDB;
}

#to_top_button.visible:active
{
	transform: 	translate(0,2px)
 				scale(0.99, 0.99);
    box-shadow: 0 0 3px rgba(0,0,0,0.8);
}

#to_top_button.invisible
{
	z-index: -1;
    opacity: 0;
    height: 0;
    padding: 0;
}