@font-face {
	font-family: 'Rift Soft';
	src: url('/Content/skins/OpenCountryDairy/fonts/Rift Soft Medium.otf') format('opentype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Rift Soft';
	src: url('/Content/skins/OpenCountryDairy/fonts/Rift Soft Bold.otf') format('opentype');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Rift Soft';
	src: url('/Content/skins/OpenCountryDairy/fonts/Rift Soft Italic.otf') format('opentype');
	font-weight: 400;
	font-style: italic;
}

body {
	background-color: #b8ced0 !important;
}

.vacancy-item .thumbnail {
	background-color: #b8ced0 !important;
	color: #fff !important;
	border-color: #7ea8ad !important;
	font-family: Asap, sans-serif;
}

.vacancy-item i,
.vacancy-item [class*="icon"],
.vacancy-item .fa,
.vacancy-item .glyphicon,
.vacancy-item svg,
.vacancy-item [class*="fa-"] {
	font-family: 'Font Awesome 5 Free', 'FontAwesome', 'Glyphicons Halflings' !important;
}

.form-horizontal.job-search *, .careernav.unauth *, .careernav.auth *, .vacancies-title,
.page-subtitle-counter *, .social-share *, .row.job-ad *, h1, h2, h3, h4,
#formPage .application-title, #formPage .question-title, #formPage label,
.filedrag p, .thumbnail *, .page-subtitle-counter,
.my-settings-wrapper .control-label, .my-settings-wrapper ul *, .my-settings-wrapper p {
	color: #282828 !important;
}

.form-horizontal.job-search select, .form-horizontal.job-search #JobNumberOrTitle {
	background-color: #b8ced0 !important;
	color: #282828 !important;
	border-color: #7ea8ad !important;
}


.vacancies-title {
	font-family: 'Rift Soft', sans-serif;
	font-weight: 600;
	letter-spacing: 2px;
}

.job-search:focus * {
	border-color: #fff !important;
}

.btn {
	border-radius: 0 !important;
}

.job-search .btn-primary {
	color: #B8CED0 !important;
	border: none !important;
}


.logo {
	height: 81px;
	width: 204px;
}

.navbar-default {
	background-color: #4e9d2d !important;
	border-bottom: 4px solid #7ea8ad !important;
	margin-bottom: 0 !important;
}

	.navbar-default .navbar-nav > li > a {
		color: #fff !important;
		font-size: 26px;
		font-family: 'Rift Soft', sans-serif !important;
		font-weight: 700 !important;
	}

		.navbar-default .navbar-nav > li > a:hover {
			color: #b8ced0 !important;
		}

.navbar-nav {
	min-height: 81px;
}


footer {
	height: fit-content !important;
	border-top: none !important;
}

.site-footer {
	background-color: #0A5D66;
	color: #B8CED0;
	padding: 20px 0;
	font-size: 12px;
}

.footer-content {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.footer-left {
	display: flex;
	align-items: flex-start;
	font-size: 20px;
	flex-wrap: wrap;
	flex-direction: column;
	font-weight: 400;
	font-family: 'Rift Soft', sans-serif !important;
	width: 40%;
	min-width: 220px;
}

	.footer-left p {
		margin-bottom: 0 !important;
		font-weight: 600;
		font-family: 'Rift Soft', sans-serif !important;
	}

.footer-links {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

	.footer-links a {
		color: #B8CED0;
		text-decoration: none;
		font-weight: 600;
	}

.footer-left a:hover {
	text-decoration: none;
	color: #FFFFFF !important;
}

.footer-right {
	text-align: right;
	align-self: flex-start;
	width: 60%;
}

	.footer-right p {
		margin: 0;
		font-weight: 400;
	}

.phx-copyright {
	font-size: 16px;
	font-weight: 600 !important;
}

.banner-container {
	background-color: #0A5D66;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	padding: 6rem 3rem;
	border-top: 8px solid #fff;
	border-bottom: 8px solid #fff;
}

	.banner-container img {
		width: auto;
		height: 120px;
		max-width: 30%;
		object-fit: contain;
	}

@media (max-width: 768px) {
	.banner-container {
		padding: 4rem 2rem;
	}

		.banner-container img {
			height: 85px;
			max-width: 28%;
		}

	.container.body-content {
		width: 100%;
	}
}

@media (max-width: 600px) {
	.banner-container {
		justify-content: space-around;
	}

		.banner-container img {
			height: 65px;
		}

	.footer-right {
		text-align: center;
		align-self: center;
		width: 100%;
		margin-top: 10px;
	}
}

@media (max-width: 500px) {
	.banner-container img {
		height: 55px;
	}
}

@media (max-width: 400px) {
	.banner-container img {
		height: 42px;
	}
}

.btn.btn-info {
	color: #0A5D66 !important;
	background-color: #7ea8ad !important;
	border-color: #7ea8ad !important;
}

.btn-info:hover {
	background-color: #ccdddf !important;
}

.btn.btn-primary {
	background-color: #0A5D66 !important;
	color: #b8ced0 !important;
	border-color: #0A5D66 !important;
}


.btn-primary:hover {
	background-color: #0f6872 !important;
}


.btn[class*="btn-share"],
.btn[class*="btn-share"]:focus {
	background-color: #7ea8ad !important;
	color: #0A5D66 !important;
	font-weight: 500 !important;
	border: 1px solid #7ea8ad !important;
}

.fa.fa-share-alt {
	color: #0A5D66 !important;
	background-color: #7ea8ad !important;
}

.vacancy-info {
	padding: 8px 5px !important;
}

.form-group.job-buttons .apply-with-seek-container {
	display: none;
}

.jsBtnApply.pull-left {
	margin-bottom: 0 !important;
}

.job-ad-buttons .apply-with-seek-btn {
	margin-top: 5px;
	max-width: 90px !important;
}


.auth-modal--login-register .control-label {
	color: #333 !important;
}

.container.body-content {
	margin-top: 3rem !important;
	margin-bottom: 5rem !important;
	font-weight: 500 !important;
}


.auth-modal--login-register > .modal-content {
	border: none !important;
}

	.auth-modal--login-register > .modal-content > .modal-header {
		display: flex !important;
		justify-content: space-between !important;
		position: relative !important;
	}

		.auth-modal--login-register > .modal-content > .modal-header > .modal-title {
			flex: 1 !important;
		}

.auth-modal--login-register .btn {
	padding: 6px 12px !important;
	font-size: 14px !important;
	font-weight: 600 !important;
}

.auth-modal--login-register .modal-body {
	padding: 0 25px !important;
}

	.auth-modal--login-register .modal-body .modal-col {
		padding: 20px 15px 15px !important;
	}

.auth-modal a {
	color: #0A5D66 !important;
}

.share-buttons.expanded .btn-share--back {
	padding: 0 !important;
	border-color: #0A5D66 !important;
}

.btn-share--back * {
	background-color: #b8ced0 !important;
}

.careernav a:hover, .careernav a:focus {
	background-color: #0A5D66 !important;
}

ul.nav-wizard li.active, ul.nav-wizard li.active a, .panel-default .panel-heading {
	background: #0A5D66 !important;
	color: #fff !important;
}

	ul.nav-wizard li.active:after {
		border-left-color: #0A5D66 !important;
		right: -15px !important;
	}

@media (max-width: 991px) {
	.nav-container {
		display: none;
	}

	ul.nav-wizard li {
		padding: 0 3px 0 10px;
		height: 20px;
		line-height: 20px;
	}

		ul.nav-wizard li:before {
			border-left-color: #0A5D66;
		}

		ul.nav-wizard li:after {
			border-left-color: transparent !important;
		}

		ul.nav-wizard li.active:before {
			border-left-color: #0A5D66;
		}

		ul.nav-wizard li.active:after {
			border-left-color: transparent !important;
		}
}

.navbar-default .navbar-toggle {
	border-color: #fff !important;
}

	.navbar-default .navbar-toggle .icon-bar, .navbar-default .navbar-toggle .icon-bar:focus {
		background-color: #fff !important;
	}

@media (max-width: 768px) {
	.banner-container {
	}
}


h1, h2, h3, h4, h5, h6, h2 a {
	font-family: 'Rift Soft', sans-serif !important;
}


.video-wrapper {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
}

	.video-wrapper iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

.vacancy-info h2 a {
	color: #0069a6 !important;
}

.vacancies-title {
	color: #0069a6 !important;
}

.form-horizontal.job-search .job-search_title{
	color: #0069a6 !important;
}

hr {
	border-top: 1px solid #7ea8ad !important;
}