@charset "UTF-8";

* {
	box-sizing: border-box;
}

.content .job-view {
	container-type: inline-size;
}

.content .job-view .job-description {
	max-width: calc(100% - 450px);
	width: calc(100% - 450px);
}

@container (max-width: 1100px) {
	.content .job-view .job-apply {
		width: 50%;
	}
}


* {margin:0;padding:0;border:0;outline:none}
td {vertical-align:top}

p { margin-bottom:2em; line-height: 150% }

body, table {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #565451;
	line-height: 24px;
	text-decoration: none;
}

img {display: block}

a { color:#000; text-decoration: underline; }
a:hover, .container a:active{ text-decoration: none; }

.nobr { white-space: nowrap}

h2 {font-size: 18px; color:#141d29; font-size:1.58em; font-weight:normal; margin-top:10px; margin-bottom:15px; }
h3 {color:#141d29}

.container {
	width:100%; 
	overflow: auto; 
	float: left; 
	margin:1em 0; 
	padding:2em; 
	position: relative; 
	display: block; 
	border-radius:6px; 
	-webkit-border-radius:6px; 
	border:1px solid #E0E0E0; 
	box-sizing:border-box;
	background-color:#FFF;
}
.container th {padding:5px 6px; color:#fff; background-color:#253636; text-align:left; font-size: 1.1em; font-weight:normal;}
.container td {padding:0.25em 0 0.5em 6px; border-bottom: 1px solid #dcdcdc; line-height: 210% }
.container.nolines {background:none; background-color:#FFF;}
.container.nolines td {border:0; line-height: 120%; padding: 0.25em 0}
.policeapp-tag {display:inline-block; float:right; margin:-24px 0 1em 2em}
.policeapp-tag a {transition: ease all 300ms; -webkit-transition: ease all 300ms;}
.policeapp-tag > a:hover {opacity:0.5; -webkit-opacity:0.5}
.policeapp-large {display: block; margin:4em 0 0;}
.policeapp-large > a {transition: ease all 300ms; -webkit-transition: ease all 300ms; display: inline-block}
.policeapp-large > a:hover {opacity: 0.5; -webkit-opacity:0.5}



@media screen and (max-width: 900px) {
	.content .job-view .job-description {
		max-width: calc(100% - 310px);
		width: calc(100% - 310px);
	}
}

@media screen and (max-width: 750px) {
	.container {
		padding: 1.5em;
	}
	.content .job-view .job-description,
	.content .job-view .job-apply {
        max-width: 100%;
        width: 100%;
    }
	.content .job-view .job-apply .important-details {
        background: var(--brand-light);
        border-radius: var(--border-radius);
        margin-bottom: 2em;
        padding: 1em;
    }
	.content .job-view .sticky-apply {
        border-top: 1px dashed #979797;
        display: flex;
        flex-direction: column;
        gap: 1em;
        margin-top:clamp(2rem, 1.591rem + 2.05vw, 3.125rem);
        padding-top: clamp(2rem, 1.591rem + 2.05vw, 3.125rem);
		text-align: center;
        width: 100%;
    }
	.content .job-view .sticky-apply .job-title {
        font-size: 1.25em;
        font-weight: 700;
    }
	.content .job-view .sticky-apply .button {
        justify-content: center;
    }
}