/*
 * Jobs Filter
 */
#top .__jobs--filter{margin: 0 0 2em 0; padding: .5rem 0; overflow: auto;}
#top .__jobs--filter .button-group{display: -webkit-box;display: -ms-flexbox;display: flex;}
#top .__jobs--filter .button-group > a{margin: 0; padding: .5em 1em; border-bottom: 4px solid #f2f2f2; line-height: 1.2; display: block; color: #000; font-size: .85rem; white-space: nowrap;}
#top .__jobs--filter .button-group > a.active{border-color: #000}
#top .__jobs--filter .button-group > a:hover{text-decoration: none}

/*
 * Jobs Layout: Grid
 */
#top .__jobs--wrap[data-layout="grid"]{}
#top .__jobs--wrap[data-layout="grid"] > .jobs-entry{margin: 0 0 2rem 0; width: 100%}
#top .__jobs--wrap[data-layout="grid"] > .jobs-entry:hover{text-decoration: none}
#top .__jobs--wrap[data-layout="grid"] > .jobs-entry figure{margin: 0; aspect-ratio: 16/9;}
#top .__jobs--wrap[data-layout="grid"] > .jobs-entry figure img{margin: 0; display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
#top .__jobs--wrap[data-layout="grid"] > .jobs-entry .__content{padding: 1rem; background: #fff; border: 1px solid #000;}
#top .__jobs--wrap[data-layout="grid"] > .jobs-entry .__content h4{color: #000}
#top .__jobs--wrap[data-layout="grid"] > .jobs-entry .__content .__excerpt p{font-size: .8rem; margin: 0; color: #000}

@media only screen and (min-width: 600px){
	#top .__jobs--wrap[data-layout="grid"] > .gutter-sizer{width: 2%}
	#top .__jobs--wrap[data-layout="grid"] > .grid-sizer,
	#top .__jobs--wrap[data-layout="grid"] > .jobs-entry{width: 49%;}
}

@media only screen and (min-width: 1280px){
	#top .__jobs--wrap[data-layout="grid"] > .grid-sizer,
	#top .__jobs--wrap[data-layout="grid"] > .jobs-entry{width: 32%;}
}


/*
 * Jobs Layout: List
 */
#top .__jobs--wrap[data-layout="list"]{}
#top .__jobs--wrap[data-layout="list"] > .jobs-entry{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 2rem 0; width: 100%;}
#top .__jobs--wrap[data-layout="list"] > .jobs-entry:hover{text-decoration: none}
#top .__jobs--wrap[data-layout="list"] > .jobs-entry figure{margin: 0; aspect-ratio: 1/1; max-width: 6rem; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0}
#top .__jobs--wrap[data-layout="list"] > .jobs-entry figure img{margin: 0; display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
#top .__jobs--wrap[data-layout="list"] > .jobs-entry .__content h4::after {content: '(w/m/d)'; font-size: var(--step--1); position: relative; top: -10px; display: inline-block; margin-left: 0.5ch;}

#top .__jobs--wrap[data-layout="list"] > .jobs-entry .__content .__excerpt p{font-size: var(--step-0); margin: 0; color: var(--primary-color)}
#top .__jobs .__jobs--wrap[data-layout="list"] > .jobs-entry .__content{padding: 3rem; background: #fff; border-radius: 30px;  -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0}
#top .__jobs--wrap[data-layout="list"] > .jobs-entry .__content {display: flex;}
#top .__jobs--wrap[data-layout="list"] > .jobs-entry .__content .__text {padding-left: 3rem;}

/*PHS*/
#top .__jobs .__jobs--wrap[data-layout="list"] > .jobs-entry.phs .__content{border: 2px solid var(--green-light);}

/*PBV*/
#top .__jobs .__jobs--wrap[data-layout="list"] > .jobs-entry.pbv .__content{border: 2px solid var(--primary-color);}
#top .__jobs--wrap[data-layout="list"] > .jobs-entry.pbv .__content svg circle {fill: var(--primary-color);}

/*Single Jobs*/
#top .__jobs-title-after h3::after, #top .__jobs-title-after h1::after {content: '(w/m/d)'; font-size: var(--step-0); position: relative; top: -10px; display: inline-block; margin-left: 0.5ch;}
#top .__jobs--wrap[data-layout="list"] > .jobs-entry .__content h4{color: var(--primary-color)}
#top .av-subheading.av-subheading_below p {font-size: var(--step-2);}
#top .__jobs-single-backlink a {text-decoration: underline;}

@media only screen and (max-width: 989px) {
.responsive #top #wrap_all .__jobs-single-header .flex_column.av-break-at-tablet {margin-bottom: 0;}
#top .__jobs-single-backlink p {margin-bottom: 50px;}
#top .__jobs .__jobs--wrap[data-layout="list"] > .jobs-entry .__content{padding: 1rem;}
#top .__jobs--wrap[data-layout="list"] > .jobs-entry .__content .__text {padding-left: 1rem;}
}

@media only screen and (max-width: 1110px) {
#top .__jobs-single-header .avia-image-overlay-wrap img {max-width: 450px;}
}