/*==============+
| GLOBAL STYLES |
+==============*/
html,
body {
	width: 100%;
	height: 100%;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 1rem;
	scroll-behavior: smooth;
}

img {
	width: auto;
	max-width: 100%;
}

a {
	color: #003594;
	text-decoration: underline;
	scroll-margin-top: 150px;
}

a:hover {
	color: #000000;
	/* 	text-decoration: underline; */
}

/* Adds double border focus for all elements */
:focus-visible {
	/* Inner indicator */
	outline: 2px #F9F9F9 solid !important;
	outline-offset: 0;
	/* Outer indicator */
	box-shadow: 0 0 0 4px #193146 !important;
}

/*========================+
| BOOTSTRAP CUSTOM STYLES |
+========================*/
/* Navbar */
.navbar {
	padding: 0.3rem 1rem;
}

.navbar-light .navbar-toggler {
	color: rgba(0, 0, 0, 0.5);
	border: none;
	z-index: 999;
	padding: 0.25rem;
}

.navbar-toggler:focus {
	box-shadow: 0 0 0 2px #FFFFFF;
}

.navbar .top-nav .navbar-nav .nav-link {
	color: #ffffff;
	text-decoration: none;
}

@media (min-width: 768px) {
	.navbar-expand-md .navbar-nav .nav-link {
		padding-right: 1rem;
		padding-left: 1rem;
	}
}

@media (min-width: 992px) {
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 1rem;
		padding-left: 1rem;
	}
}

@media (min-width: 1200px) {
	.navbar-expand-xl .navbar-nav .nav-link {
		padding-right: 1rem;
		padding-left: 1rem;
	}
}

.navbar-main .navbar-nav-expanded {
	padding: 30px;
	background: #ffffff;
}

@media (min-width: 768px) {
	.navbar-main .navbar-nav-expanded {
		float: right;
	}
}

/*================+
| MAIN NAVIGATION |
+================*/
.icon-bar {
	transition: all 0.2s;
	display: block;
	width: 33px;
	height: 3px;
	border-radius: 1px;
	margin-left: 2px;
	background-color: #ffffff;
}

.top-bar {
	transform: rotate(45deg);
	transform-origin: 10% 10%;
}

.middle-bar {
	opacity: 0;
	margin-top: 6px;
}

.bottom-bar {
	transform: rotate(-45deg);
	transform-origin: 10% 90%;
	margin-top: 6px;
}

.navbar-toggler.collapsed .top-bar {
	transform: rotate(0);
}

.navbar-toggler.collapsed .middle-bar {
	opacity: 1;
}

.navbar-toggler.collapsed .bottom-bar {
	transform: rotate(0);
}

.navbar-nav {
	margin: 0 auto;
}

#main-nav {
	position: absolute;
	top: 66px;
	left: 0;
	width: 100%;
	overflow-y: auto;
	transition: all 0.3s;
	z-index: 9999;
}

@media (min-width: 576px) {
	#main-nav {
		top: 80px;
	}

	.scrolled-nav #main-nav {
		top: 66px;
	}
}

#main-nav .navbar-nav .nav-link {
	text-decoration: none;
	transition: all 0.3s;
}

@media (min-width: 768px) {
	#main-nav .navbar-nav .nav-link:hover {
		background: #FFC72C;
		padding-left: 12px;
	}
}

#main-nav-list {
	position: relative;
	width: 100%;
	padding: 10px 15px 0;
}

@media (min-width: 768px) {
	#main-nav-accordion {
		padding: 15px 15px 0;
	}
}

@media (min-width: 768px) {
	.subnav-main-nav {
		column-count: 1;
	}
}

#main-nav-list .main-nav-header .nav-heading {
	color: #001a70;
	letter-spacing: 2px;
	font-size: 1rem;
}

@media (min-width: 1200px) {
	#main-nav-list .main-nav-header .nav-heading {
		font-size: 1.15rem;
	}
}

#main-nav-list .main-nav-header .nav-link {
	color: black;
	padding: 0.5rem 0;
}

.main-nav-header {
	margin-bottom: 0;
}

@media (min-width: 768px) {
	.main-nav-header {
		margin-bottom: 1rem;
		padding-top: 0.5rem;
	}
}

.main-nav-header .nav-accordion-header-level-1 {
	border-bottom: 1px solid rgba(0, 0, 0, 0.125);
	padding: 0.4rem 0;
}

.main-nav-header #main-nav-heading-7-level-1.nav-accordion-header-level-1 {
	border-bottom: 0;
}

.main-nav-header .nav-accordion-link-level-1 {
	cursor: default;
}

.main-nav-header .nav-accordion-link-level-1:after {
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	content: '\F138';
	margin: 0 5px;
	float: right;
	color: #001a70;
}

@media (min-width: 768px) {
	.main-nav-header .nav-accordion-link-level-1:after {
		content: '';
	}
}

.main-nav-header .nav-accordion-link-level-1[aria-expanded='true']:after {
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	content: '\F13A';
	margin: 0 5px;
	text-align: right;
	color: #001a70;
}

@media (min-width: 768px) {
	.main-nav-header .nav-accordion-link-level-1[aria-expanded='true']:after {
		content: '';
	}
}

/*========+
| BUTTONS |
+========*/
.btn {
	font-family: 'Oswald', sans-serif;
	font-size: 0.8rem;
	padding: 0.5rem 0.75rem;
	text-transform: uppercase;
	border: 2px solid;
	text-decoration: none;
}

@media (min-width: 321px) {
	.btn {
		font-size: 0.9rem;
	}
}

@media (min-width: 576px) {
	.btn:not(#search-button) {
		font-size: 1rem;
		padding: 0.75rem 1rem;
	}
}

.btn:hover {
	text-decoration: none;
}

.btn-outline-secondary {
	color: #444444;
	border-color: #444444;
}

.btn-outline-secondary:hover {
	background-color: #707372;
	border-color: #707372;
}

.btn-no-bg {
	background: 0;
	border: 0;
}

.btn-csub-blue {
	color: #ffffff;
	border-color: #003594;
	background: #003594;
}

.btn-csub-blue:hover {
	color: #001a70;
	border-color: #f9a600;
	background: #f9a600;
}

.btn-csub-gold {
	color: #003594;
	border-color: #ffc72c;
	background: #ffc72c;
}

.btn-csub-gold:hover {
	color: #ffffff;
	border-color: #001a70;
	background: #001a70;
}

.btn-csub-blue,
.btn-csub-gold {
	padding: 0.5rem 0.75rem;
}

@media (min-width: 576px) {

	.btn-csub-blue,
	.btn-csub-gold {
		padding: 0.75rem 1rem;
	}
}

.btn-csub-blue:hover .fas,
.btn-csub-gold .fas {
	color: #003594;
}

.btn-csub-blue .fas,
.btn-csub-gold:hover .fas {
	color: #ffc72c;
}

/*====================+
| BACKGROUND ELEMENTS |
+====================*/
/* For hero image/video backgrounds, image backgrounds with text overlays, etc. */
.bg-element-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	line-height: 1;
	width: 100%;
	z-index: 2;
	padding: 5px 15px;
}

.bg-element-text-container {
	width: 90%;
	height: 90%;
	border: 3px solid #ffffff;
}

.bg-element-text-tagline {
	font-size: 1.5rem;
}

.bg-element-top-gradient {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 150px;
	z-index: 2;
	background: none;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.75) 0%, rgba(255, 255, 255, 0) 100%);
}

.image-link-overlay:after {
	content: '';
	background: rgba(12, 25, 117, 0.4);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	transition: all 0.5s;
}

.image-link-overlay:hover:after {
	background: rgba(12, 25, 117, 0.7);
}

.image-bg-overlay:after {
	content: '';
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	z-index: 1;
	transition: all 0.5s;
}

.image-bg-overlay.video-spacer:after {
	content: '';
	background: linear-gradient(to bottom, rgba(12, 25, 82, 0.6) 0%, rgba(12, 25, 82, 0.85) 100%);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	z-index: 1;
	transition: all 0.5s;
}

/*=====================+
| MISCELLANEOUS STYLES |
+=====================*/
#skip {
	z-index: 99999;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	margin: 0 auto;
	width: 100%;
}

#skip a,
#skip a:hover,
#skip a:visited {
	position: absolute;
	left: 0px;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	color: #000000;
}

#skip a:active,
#skip a:focus {
	position: static;
	width: 100%;
	margin: 0 auto;
	height: auto;
	display: block;
	color: #000000;
	background-image: linear-gradient(to right, #f9a600, #ffd200, #f9a600);
	padding: 12px 30px;
}

@media (min-width: 992px) {
	#content {
		z-index: 2;
	}
}

#content.open-sans {
	font-size: 0.8rem;
	background: url('/static/images/bg-50th-anniversary.png');
}

@media (min-width: 321px) {
	#content.open-sans {
		font-size: 0.9rem;
	}
}

@media (min-width: 1200px) {
	#content.open-sans {
		font-size: 1.1rem;
	}
}

.overlay {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 10;
	background-color: rgba(0, 0, 0, 0.8);
}

.overlay.enabled {
	display: block;
}

.overlay.enabled.edit-panel-open {
	z-index: 2000;
	background-color: rgba(0, 0, 0, 0.5);
}

.scroll-to-top {
	line-height: 1;
	text-align: center;
	font-weight: bold;
	font-size: 3rem;
	color: #a0a0a0;
	text-decoration: none;
	position: fixed;
	bottom: 100px;
	right: 24px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s;
}

.scroll-to-top:hover {
	color: #989898;
}

.scroll-to-top.enabled {
	opacity: 1;
	visibility: visible;
	z-index: 3;
}

.line-height-1 {
	line-height: 1;
}

.hvr-underline-from-center {
	display: inline-block;
	vertical-align: middle;
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	overflow: hidden;
}

.hvr-underline-from-center:before {
	content: '';
	position: absolute;
	z-index: -1;
	left: 51%;
	right: 51%;
	bottom: 0;
	background: #fff;
	height: 2px;
	transition-property: left, right;
	transition-duration: 0.3s;
	transition-timing-function: ease-out;
}

.hvr-underline-from-center:active:before,
.hvr-underline-from-center:focus:before,
.hvr-underline-from-center:hover:before {
	left: 25%;
	right: 25%;
}

.hvr-icon-forward {
	display: inline-block;
	vertical-align: middle;
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	padding-right: 2.2em !important;
	transition-duration: 0.1s;
}

.hvr-icon-forward:before {
	content: '\f138' / "" !important;
	position: absolute;
	right: 0.8em;
	padding: 0 1px;
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	transform: translateZ(0);
	transition-duration: 0.1s;
	transition-property: transform;
	transition-timing-function: ease-out;
}

.hvr-icon-forward:active:before,
.hvr-icon-forward:focus:before,
.hvr-icon-forward:hover:before {
	transform: translateX(4px);
}

table {
	margin-bottom: 2rem;
}

table th {
	border-bottom: 2px solid rgba(0, 0, 0, 0.125);
	font-weight: bold;
	background-color: rgb(230, 231, 232);
}

table td,
table th {
	border-top: 1px solid rgba(0, 0, 0, 0.125);
	padding: 0.75rem;
}

caption {
	color: #000000;
	font-weight: bold;
	caption-side: top;
}

/*=========+
| HEADINGS |
+=========*/
.heading-hero-bg {
	font-family: 'Oswald', sans-serif;
	font-size: 1.75rem;
	text-transform: uppercase;
}

@media (min-width: 768px) {
	.heading-hero-bg {
		font-size: 2.25rem;
	}
}

@media (min-width: 992px) {
	.heading-hero-bg {
		font-size: 2.75rem;
	}
}

h1.heading-section-color-bg {
	font-family: 'Oswald', sans-serif;
	font-size: 2.75rem;
	text-transform: uppercase;
	margin-bottom: 2rem;
	color: #003594;
}

h3:not(.accordion-heading):not(.heading-section-color-bg):not(.directory-group):not(.heading-card) {
	font-family: 'Oswald';
	font-weight: bold;
	margin: 1.6rem 0 1rem;
	color: #001A70;
}

h2,
h2.heading-section-color-bg,
h3.heading-section-color-bg,
.heading-image-card {
	font-family: 'Oswald', sans-serif;
	font-size: 2.25rem;
	font-weight: bold;
	margin-bottom: 30px;
	scroll-margin-top: 150px;
}

h4,
.h4 {
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
}

h5,
.h5 {
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
}

h6,
.h6 {
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
}

.heading-hero-bg:after {
	content: '';
	display: block;
	width: 100%;
	max-width: 120px;
	height: 2px;
	margin: 15px 0;
}

/*==============+
| GLOBAL COLORS |
+==============*/
/* Font Colors */
.white {
	color: #ffffff;
}

.black {
	color: #000000;
}

.gray {
	color: #595959;
}

.csub-blue {
	color: #003594;
}

.csub-dark-blue {
	color: #001A70;
}

.csub-gold {
	color: #ffc72c;
}

/* Background Colors */
.bg-white {
	background: #ffffff;
}

.bg-black {
	background: #000000;
}

.bg-csub-blue {
	background: #003594;
}

.bg-csub-dark-blue {
	background: #001A70;
}

.bg-csub-gold {
	background: #ffc72c;
}

/*====================+
| DEFAULT CSUB COLORS |
+====================*/
/* CSUB blue for color bg modules */
.bg-color-1,
.bg-color-1 .owl-carousel-container {
	background: #003594;
	color: #ffffff;
}

.bg-color-1 .heading-color,
.bg-color-1 a:not(.btn) {
	color: #ffffff;
}

.bg-color-1 .link-text {
	color: #003594;
}

.bg-color-1 .heading-color:after,
.bg-color-1 .owl-carousel .owl-nav button.owl-next,
.bg-color-1 .owl-carousel .owl-nav button.owl-prev {
	background: #003594;
}

.bg-color-1 .heading-color-card {
	color: #003594;
	border-bottom: 1px dotted#003594;
}

/* CSUB blue for no bg and image bg modules */
.bg-white-color-1 {
	background: #ffffff;
	color: #000000;
}

.bg-white-color-1 .heading-color,
.bg-white-color-1 a:not(.btn),
.bg-white-color-1 .link-text,
.bg-white-color-1 .article-date,
.bg-white-color-1 legend {
	color: #003594;
}

.bg-white-color-1 .heading-color:after {
	background: #ffffff;
}

.bg-white-color-1 .heading-color-card {
	color: #003594;
	border-bottom: 1px dotted#003594;
}

/* CSUB gold for color bg modules */
.bg-color-2 {
	background: #ffc72c;
	color: #000000;
}

.bg-color-2 .heading-color,
.bg-color-2 a:not(.btn) {
	color: #001a70;
}

.bg-color-2 .heading-color:after {
	background: #ffce00;
}

.bg-color-2 .heading-color-card {
	color: #000000;
	border-bottom: 1px dotted#000000;
}

/*=======+
| HEADER |
+=======*/
.fixed-top {
	transition: top 0.3s;
	/* Transition effect when scrolling up and down */
}

.navbar-main {
	height: 66px;
}

@media only screen and (min-width: 576px) {
	.navbar-main {
		height: 86px;
	}
}

.navbar-main.scrolled-nav {
	/* Update main navbar height on scroll */
	height: 66px;
	background: #001a70;
	border-bottom: 1px solid #ffffff;
}

.navbar-brand {
	width: 168px;
	z-index: 2;
}

@media only screen and (min-width: 576px) {
	.navbar-brand {
		width: 252px;
		transition: width 0.5s;
	}
}

.scrolled-nav .navbar-brand {
	/* Update logo width on scroll */
	width: 180px;
}

/*=======+
| FOOTER |
+=======*/
footer {
	font-size: 0.8rem;
	z-index: 1;
}

@media (min-width: 321px) {
	footer {
		font-size: 0.9rem;
	}
}

footer a:not(.btn),
footer a:not(.btn):active,
footer a:not(.btn):visited {
	color: #ffffff;
	transition: all 0.3s;
}

footer a:not(.btn):hover {
	color: #ffc72c !important;
}

footer .btn {
	font-size: 0.75rem;
	padding: 0.5rem 0.75rem;
}

@media (min-width: 321px) {
	footer .btn {
		font-size: 0.8rem;
	}
}

footer .footer-heading {
	display: block;
	margin-bottom: 8px;
	font-family: 'Oswald', sans-serif;
	font-size: 1.125rem;
	font-weight: bold;
	color: #ffffff;
	text-transform: uppercase;
}

.footer-nav li {
	margin-bottom: 5px;
	line-height: 1.25;
}

footer .csub-slogan {
	font-family: 'Oswald', sans-serif;
	font-size: 2.25rem;
	font-weight: bold;
}

footer .social-media-icon {
	font-size: 1.75rem;
	margin-right: 1rem;
}

@media (max-width: 991px) {
	footer .social-media-icon {
		font-size: 2.5rem;
		margin: 1rem 0.75rem;
	}
}

.footer-bg {
	background-position: right bottom;
	background-repeat: no-repeat;
	height: 162px;
	background-color: #FFFFFF;
}

.footer-static-links a {
	color: #ffffff;
	transition: all 0.3s;
	text-decoration: none;
}

.footer-static-links a:hover {
	color: #ffc72c !important;
}

footer .footer-static-links li {
	page-break-inside: avoid;
	break-inside: avoid;
	/* Prevents multi-line footer links from breaking into next column */
	margin-bottom: 8px;
	line-height: 1.5;
}

.footer-logo {
	max-width: 200px;
}

/*===========+
| HERO IMAGE |
+===========*/
.hero,
.no-hero {
	margin-top: 117px;
}

/*===========+
| HERO SMALL |
+===========*/
.image-bg-container-sm {
	min-height: 400px;
	width: 100%;
	position: relative;
}

.image-bg-sm {
	width: 100%;
	min-height: 400px;
	height: auto;
	position: relative;
	top: 0;
	background-position: center 40%;
}

/*===========+
| HERO LARGE |
+===========*/
.image-bg-container-lg {
	/*     height: 100vh; */
	height: calc(100vh - 117px);
	min-height: 500px;
	width: 100%;
	position: relative;
}

.image-bg-container-lg .bg-element-text {
	top: 60%;
}

.image-bg-container-lg .heading-color {
	color: #FFFFFF;
}

.image-bg {
	width: 100%;
	height: 100%;
	min-height: 500px;
	top: 0;
	background-position: center 20%;
	background-size: cover;
	background-repeat: no-repeat;
}

/*=======+
| SUBNAV |
+=======*/
#website-menu.open-sans .nav-item,
#website-menu.open-sans #website-menu-mobile .nav-item {
	font-size: 0.95rem;
}

.subnav-section {
	transition: all .5s;
	border-bottom: 1px solid #FFFFFF;
}

.subnav-section.is-fixed {
	position: fixed;
	left: 0;
	top: 66px;
	width: 100%;
	z-index: 1020;
	border-bottom: 1px solid #FFFFFF;
}

.has-top-padding {
	animation: animate-margin-top 0.3s;
}

/* Mobile */
#website-menu-mobile {
	font-weight: bold;
	z-index: 4;
	width: 100%;
	overflow-y: auto;
}

@media (min-width: 768px) {
	#website-menu-mobile {
		position: absolute;
	}
}

#website-menu-mobile .link-text {
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	padding: .5rem 0;
	color: #001A70;
}

#website-menu-mobile .nav-link {
	color: #001A70;
	text-transform: none;
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
	transition: all .3s;
}

#website-menu-mobile .nav-link:focus,
#website-menu-mobile .nav-link:hover,
#website-menu-mobile .nav-link.active {
	color: #001A70;
	background: #FFC72C;
}

@media (min-width: 768px) {
	#website-menu-mobile .navbar-nav .nav-link:hover {
		background: #FFFFFF;
		padding-left: 12px;
	}
}

#website-menu-mobile .navbar-nav-expanded {
	padding: 15px;
	background: #F5E6BD;
	border: 1px solid #F5E6BD;
}

.subnav-toggler {
	font-family: 'Oswald', sans-serif;
	font-size: 1rem;
	width: 100%;
	padding: 15px 0;
	border-radius: 0;
	height: 50px;
}

@media (min-width: 576px) {
	.subnav-toggler {
		font-size: 1.05rem;
	}
}

.subnav-toggler.collapsed:after {
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	content: "\f13a";
	margin: 0 5px;
	transition: all .3s;
}

.subnav-toggler:after {
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	content: "\f139";
	margin: 0 5px;
}

.navbar-secondary-mobile {
	z-index: 1020;
	position: relative;
}

/* Desktop */
#subnav-desktop-label-fill {
	background: #FFC72C;
	position: absolute !important;
	left: 0;
	width: 50%;
}

#subnav-desktop-menu-fill {
	background: #F5E6BD;
	position: absolute !important;
	right: 0;
	width: 50%;
}

#subnav-desktop-label-container {
	padding-top: 15px;
	position: relative;
	z-index: 11;
}

#subnav-desktop-label {
	font-family: 'Oswald', sans-serif;
}

#subnav-desktop {
	/*font-size: 1.05rem;*/
	font-weight: bold;
	display: block;
	height: 50px;
}

@media (min-width: 576px) {
	#subnav-desktop {
		display: flex;
	}
}

#subnav-desktop .navbar-nav {
	height: 50px;
	background: #FFC72C;
	width: 100%;
	justify-content: center;
}

#subnav-desktop .navbar-nav li {
	height: 50px;
	border-bottom: 0px solid #F5E6BD;
}

#subnav-desktop .navbar-nav li:nth-child(3) {
	padding-left: 40px;
}

#subnav-desktop .navbar-nav li:nth-child(2) {
	font-size: 1.05rem;
}

#subnav-desktop .navbar-nav li:not(:first-child):not(:nth-child(2)):not(:last-child) {
	font-size: 0.95rem;
	background: #F5E6BD;
	position: relative;
	z-index: 10;
	padding-right: 5px;
}

#subnav-desktop .nav-link {
	color: #001A70;
	text-decoration: none;
	background: transparent;
	transition: all .3s;
}

#subnav-desktop .hvr-underline-from-center:before {
	background: #001A70;
}

#arrow-right {
	width: 0;
	height: 0;
	border-top: 25px solid transparent;
	border-bottom: 25px solid transparent;
	border-left: 25px solid #FFC72C;
	right: -25px;
	top: 0;
}

/*=====================+
| CHRS TEMPLATE STYLES |
+=====================*/
.job-link {
	color: #003594;
	font-weight: bold;
	font-size: 1.1rem;

	&:hover {
		color: #000000;
	}
}

.location,
.open-date,
.close-date,
.closing-date {
	font-weight: bold;
}

ul.filter li input {
	margin: 3px 0 0 -17px !important;
}

ul.filter .count {
	font-size: 90%;
}

.filter li label {
	font-weight: 600;
	letter-spacing: -0.02rem;
}

.filter-group-title {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 90%;
	margin-bottom: 6px;
	color: #001a70;
}

ul.filter .count::before {
	content: '(';
}

ul.filter .count::after {
	content: ')';
}

#search-filters {
	font-size: 90%;
}

#search-filters h3 {
	font-size: 1.5rem;
}

#campaignsDiv {
	margin-bottom: 40px;
}

#recent-jobs,
#search-results {
	overflow-x: auto;
}

#recent-jobs-content tr:nth-child(4n+3),
#recent-jobs-content tr:nth-child(4n+4),
#search-results-content tr:nth-child(4n+3),
#search-results-content tr:nth-child(4n+4) {
	background: #EEEEEE;
}

#recent-jobs-content tr.summary td {
	padding-top: 0;
}

@media (min-width: 1200px) {
	.container {
		max-width: 1200px;
	}
}

.button {
	display: inline-block;
	margin: 10px;
	border: 1px solid #cbcbcb;
	padding: 8px 12px 10px;
	border-radius: 4px;
	text-decoration: none !important;
	text-align: center;

	&:hover {
		text-decoration: underline !important;
	}
}

.button.apply-link:first-of-type {
	margin: 0;
	font-weight: bold;
	color: #ffffff;
	background: #003594;
	border: none;

	&:after {
		content: '\00BB';
		margin-left: 5px;
	}

	&:hover {
		color: #ffc72c;
		text-decoration: none !important;
	}
}

.button.back-link {
	margin-left: 0;

	&::before {
		content: '\00AB';
		margin-right: 5px;
	}
}

.position-description-link {
	margin: 20px 0 8px;
}

h2>span.addthis_separator {
	font-size: 1.5rem;
	margin-left: 0 !important;
}

span.addthis_separator {
	display: none !important;
}

.at-icon-wrapper,
.at-icon {
	width: 30px !important;
	height: 30px !important;
	border-radius: 4px;
}

.at-icon-wrapper {
	margin-right: 8px;
}

.at-icon-wrapper:hover {
	filter: brightness(0.9);
}

#job-mail-email {
	margin: 20px 0;
}

#job-mail-subscribe-button {
	margin: 20px 0 10px;
}

.text-input {
	padding: 5px;
	width: 100%;
	max-width: 300px;
}

#search-keyword.text-input {
	min-width: 100%;
	max-width: 100%;
	width: 300px;
}

@media (max-width: 767px) {

	.button,
	.button.back-link {
		display: block;
		margin: 20px auto;
		max-width: 400px;
	}

	.position-description-link {
		margin: 20px 0;
		max-width: 200px;
	}
}

@media (max-width: 991px) {
	#job-content {
		margin-top: 40px;
	}
}