/* 
 Theme Name:     Direct Ferries Corporate Child Theme
 Author:         Web and Prosper
 Author URI:     https://webandprosper.co.uk
 Template:       astra
 Version:        1.0 
*/

/* adjust astra container widths */
.main-header-bar .ast-container {
	max-width: 1312px;
	padding: 12px 16px 12px 16px;
	margin: auto !important;
}

/* .main-header-bar {
	height: 100px;
} */

/* .site-header {
	height: 100px;
} */

.ast-article-single {
	max-width: 1070px;
	padding-left: 0px;
	padding-right: 0px;
	margin: auto !important;
}

.ast-container {
	max-width: 100vw;
	padding: 0;
}

.sidebar-main {
	display: none;
}
/* .content-area-primary {
	margin: auto !important;
	align-self: center;
	width: 100%;
} */

.ast-separate-container.ast-right-sidebar #primary {
	width: 100%;
}
/* FONTS */
@font-face {
	font-family: proxima-soft-thin;
	src: url(https://use.typekit.net/af/61ecd7/00000000000000003b9b302e/27/l?fvd=n2&primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3)
			format("woff2"),
		url(https://use.typekit.net/af/61ecd7/00000000000000003b9b302e/27/d?fvd=n2&primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3)
			format("woff"),
		url(https://use.typekit.net/af/61ecd7/00000000000000003b9b302e/27/a?fvd=n2&primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3)
			format("opentype");
	font-style: normal;
	font-weight: 200;
}

@font-face {
	font-family: proxima-soft-light;
	src: url(https://use.typekit.net/af/bcdb8f/00000000000000003b9b3030/27/l?fvd=n3&primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3)
			format("woff2"),
		url(https://use.typekit.net/af/bcdb8f/00000000000000003b9b3030/27/d?fvd=n3&primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3)
			format("woff"),
		url(https://use.typekit.net/af/bcdb8f/00000000000000003b9b3030/27/a?fvd=n3&primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3)
			format("opentype");
	font-style: normal;
	font-weight: 300;
}

@font-face {
	font-family: proxima-soft;
	src: url(https://use.typekit.net/af/a4e72f/00000000000000003b9b3032/27/l?fvd=n4&primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3)
			format("woff2"),
		url(https://use.typekit.net/af/a4e72f/00000000000000003b9b3032/27/d?fvd=n4&primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3)
			format("woff"),
		url(https://use.typekit.net/af/a4e72f/00000000000000003b9b3032/27/a?fvd=n4&primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3)
			format("opentype");
	font-style: normal;
	font-weight: 400;
}

@font-face {
	font-family: proxima-soft-medium;
	src: url(https://use.typekit.net/af/cfd60a/00000000000000003b9b3034/27/l?fvd=n5&primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3)
			format("woff2"),
		url(https://use.typekit.net/af/cfd60a/00000000000000003b9b3034/27/d?fvd=n5&primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3)
			format("woff"),
		url(https://use.typekit.net/af/cfd60a/00000000000000003b9b3034/27/a?fvd=n5&primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3)
			format("opentype");
	font-style: normal;
	font-weight: 500;
}

@font-face {
	font-family: proxima-soft-semibold;
	src: url(https://use.typekit.net/af/f4a012/00000000000000003b9b3036/27/l?fvd=n6&primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3)
			format("woff2"),
		url(https://use.typekit.net/af/f4a012/00000000000000003b9b3036/27/d?fvd=n6&primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3)
			format("woff"),
		url(https://use.typekit.net/af/f4a012/00000000000000003b9b3036/27/a?fvd=n6&primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3)
			format("opentype");
	font-style: normal;
	font-weight: 600;
}

@font-face {
	font-family: proxima-soft-bold;
	src: url(https://use.typekit.net/af/2657d4/00000000000000003b9b3038/27/l?fvd=n7&primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3)
			format("woff2"),
		url(https://use.typekit.net/af/2657d4/00000000000000003b9b3038/27/d?fvd=n7&primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3)
			format("woff"),
		url(https://use.typekit.net/af/2657d4/00000000000000003b9b3038/27/a?fvd=n7&primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3)
			format("opentype");
	font-style: normal;
	font-weight: 700;
}

/* END FONTS */

/* TYPOGRAPHY */

li.page_item {
	font-family: proxima-soft, Helvetica, Arial, sans-serif;
	font-size: 16px !important;
	font-weight: 400;
	/* letter-spacing: 0.05em; */
	color: #333333 !important;
}

.main-header-menu .menu-item a {
	color: #333333;
}

body p {
	font-family: proxima-soft, Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	/* letter-spacing: 0.05em; */
	color: #333333;
	line-height: 1.5rem;
}

p.body-white {
	font-family: proxima-soft, Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	/* letter-spacing: 0.05em; */
	color: #fff !important;
	line-height: 1.5rem;
}

h1 {
	font-family: proxima-soft-bold, Helvetica, Arial, sans-serif;
}

h2 {
	font-family: proxima-soft-bold, Helvetica, Arial, sans-serif;
}

h3 {
	font-family: proxima-soft-bold, Helvetica, Arial, sans-serif;
	font-size: 1.7rem;
	color: #193354 !important;
}

h4 {
	font-family: proxima-soft-bold, Helvetica, Arial, sans-serif;
}

/* Hero title colour */
h1.jp-light-text {
	color: #fff;
	/* font-weight: 500; */
	font-size: 3.28rem;
}

/* H2 heading colour dark */
h2.jp-dark-text {
	font-size: 2rem;
	color: #193354;
}
/* H2 heading colour light */
h2.jp-light-text {
	font-size: 2rem;
	color: #fff;
}

/* H3 heading colour light */
h3.jp-light-text {
	font-size: 1.7rem;
	color: #fff !important;
}

/* H4 heading colour light */
h4.jp-light-text {
	font-size: 1.5rem;
	color: #fff !important;
}

/* H3 heading colour light */
h3.jp-dark-text {
	font-size: 1.7rem;
	color: #193354;
}

/* H4 heading colour light */
h4.jp-dark-text {
	font-size: 1.5rem;
	color: #193354;
}

/* H3 heading colour light */
/* h3.jp-light-text {
	/* font-size: 2rem; */
/*	color: #fff;
} */

/* h3 title above stat numbers */
h3.jp-light-text-counter {
	color: #fff !important;
	/* font-weight: 500; */
	font-size: 1.28rem;
	line-height: 2.5rem;
}

/* h3 text above counter text - sub-heading */
h3.counter-jp-light-text {
	color: #fff !important;
	/* font-weight: 300; */
	font-size: 1.28rem;
	line-height: 2.5rem;
}
/* h4 Heading color dark */
h4.jp-dark-text {
	font-size: 1.28rem;
	color: #193354;
	/* font-weight: 700; */
}

/* stats section - stats colour */
h1.jp-counter-text {
	color: #ffd700;
	/* font-weight: 500; */
	font-size: 3.28rem;
}

/* UTILITIES */

/* buttons */
.btn-primary,
.application_button,
.wp_job_manager_send_application_button {
	background-color: #ff4a0e !important;
	border-color: #ff4a0e !important;
	font-weight: 700 !important;
	padding: .7rem 1rem !important;
	font-family: proxima-soft-bold, Helvetica, Arial, sans-serif !important;
}

input[type="button"] {
	font-family: "Font Awesome 5 pro";
}

.application_button::after {
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	content: "\f105";
}
/* .application_button.button.fas.fa-chevron-right::before {
	float: right;
	margin-left: 5px;
} */

.btn-primary:hover,
.application_button:hover {
	color: #fff;
	background-color: #dc5829 !important;
	border-color: #dc5829 !important;
}

.btn-primary:focus,
.btn-primary.focus {
	color: #fff;
	background-color: #dc5829;
	border-color: #dc5829;
	/* box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); */
}

.btn-primary.disabled,
.btn-primary:disabled {
	color: #fff;
	background-color: #dc5829;
	border-color: #dc5829;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #dc5829;
	border-color: #dc5829;
}

/* .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
} */

.row .bg-secondary {
	background-color: #0070a0 !important;
}

/* UTILITIES END */

/* ABOUT US HERO SECTION */

#hero-section {
	background: url("http://johnpaul.eu/wp-content/uploads/2020/02/hero-image-df.jpg");
	background-repeat: no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	background-size: cover;
	height: 700px;
	min-height: 700px;
	position: relative;
}

/*
#hero-section {
	background: url("http://johnpaul.eu/wp-content/uploads/2020/02/hero-image-df.jpg") no-repeat center center/cover;
	height: 700px;
	min-height: 700px;
	position: relative;
}
*/

#hero-section .dark-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 700px;
	background: rgba(0, 0, 0, 0.5);
}

#hero-section .hero-inner {
	padding-top: 200px;
}

/* Hero title */

/* ABOUT US HERO SECTION - END */

/* ABOUT US STATS SECTION */

#direct-ferries-stats {
	background: url(http://johnpaul.eu/wp-content/uploads/2020/02/direct-ferries-background-stats.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	min-height: 600px;
	position: relative;
	overflow: auto;
}

#direct-ferries-stats .dark-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 600px;
	background: rgba(0, 0, 0, 0.4);
}

/* ABOUT US STATS SECTION - END */

/* ABOUT US VALUES SECTION */

/* Values grid bg images */

.jp-bg-img-1 {
	background: url(http://johnpaul.eu/wp-content/uploads/2020/02/direct-ferries-teamwork-2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.jp-bg-img-2 {
	background: url(http://johnpaul.eu/wp-content/uploads/2020/02/three-professionals-values-2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.jp-bg-img-3 {
	background: url(http://johnpaul.eu/wp-content/uploads/2020/02/direct-ferries-always-learning-3.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.jp-bg-img-4 {
	background: url(http://johnpaul.eu/wp-content/uploads/2020/02/direct-ferries-having-fun-4.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
/* Height is based on a 4:3 aspect ratio */
.jp-col-value {
	height: 300px;
}
.card-body {
	padding-top: 5rem !important;
}
/* Values section - equal height for grid rows */
.row .jp-col-value {
	display: flex;
	flex-direction: column;
	padding: 10px;
	justify-content: space-between;
}

.equalHW {
	flex: 1;
}

/* ABOUT US VALUES SECTION - END */

/* flex code. counter section. turn children into flex items so they will be evenly distributed on different media sizes */
.row .jp-col {
	display: flex;
	flex-direction: column;
	padding: 20px;
	justify-content: space-between;
}
/* ABOUT US CHOOSE SECTION */
/* background colour */
#jp-choose-section {
	background: #f2f3f3;
}

/* **************** */

/* @media (min-width: 1200px) {
	.container {
		max-width: 1070px !important;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}

@media (min-width: 768px) {
	.jp-vertical-align h1 {
		margin-top: 50px;
	}
}

@media (max-width: 767px) {
	.jp-vertical-align h1 {
		margin-top: -50px;
	}
} */

/* h2.jp-media-test {
	color: red !important;
} */

/* ANIMATIONS */
/* HEADING - HERO */

.jp-animate-hero-header {
	animation: moveInLeft;
	animation-duration: 2s;
	animation-timing-function: ease-out;
}

@keyframes moveInLeft {
	0% {
		opacity: 0;
		transform: translateX(-100px);
	}

	80% {
		transform: translateX(0px);
	}

	100% {
		opacity: 1;
		transform: translate(0);
	}
}

/* .jp-animation-02 {
	opacity: 0;
} */

.jp-animation-02.show {
	animation: fadeIn;
	animation-duration: 3s;
	animation-timing-function: ease-out;
}

@keyframes fadeIn {
	0% {
		opacity: 0;
		transform: translateY(0px);
	}

	80% {
		opacity: .5;
		transform: translateY(0px);
	}

	100% {
		opacity: 1;
		transform: translate(0);
	}
}

/* JOBS STYLES */

/* JOBS PAGE */

/* Jobs Hero */
#jobs-hero-section {
	background-image: url("http://johnpaul.eu/wp-content/uploads/2020/03/jobs-page-hero-1.jpg");
	background-repeat: no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	background-size: cover;
	min-height: 500px;
	position: relative;
}

#jobs-hero-section .dark-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 500px;
	background: rgba(0, 0, 0, 0.5);
}

#jobs-hero-section .hero-inner {
	padding-top: 200px;
}
/* moved to media.css */
/* .ast-separate-container .ast-article-single,
.ast-separate-container .post-navigation {
	max-width: 1312px;
	padding: 0px 16px 0px 16px;
	margin: auto;
} */
.post-navigation a {
	padding: 0;
}

.search_keywords,
.search_categories {
	display: none;
}
.job_filters .search_jobs div.search_location {
	float: none;
	padding-left: 0;
	width: 100%;
}
input[type="submit"] {
	background-color: #ff4a0e !important;
	border-color: #ff4a0e !important;
	font-weight: 700 !important;
}

input[type="submit"]:hover {
	color: #fff;
	background-color: #dc5829 !important;
	border-color: #dc5829 !important;
}

.search_jobs,
ul.job_types {
	display: none;
}
/* moved to media.css */
/* .jp-excerpt {
	max-width: 1200px;
	position: relative;
	width: 1200px;
} */

li.job_listing {
	margin-bottom: 50px !important;
	border: 1px solid rgba(100, 182, 230, 0.3) !important;
	box-shadow: 5px 5px 7px #929394;
	border-radius: 5px;
}

ul.job_listings li.job_listing,
div.position h3 {
	font-family: proxima-soft, Helvetica, Arial, sans-serif;
	font-size: 1.28rem !important;
	color: #193354 !important;
	font-weight: 600;
}
h1.entry-title {
	color: #193354 !important;
}
.location {
	font-weight: 600 !important;
}
img.company_logo {
	display: none;
}
.position {
	padding: 0 !important;
}

/* icons */
li.location:before,
li.date-posted:before {
	color: #ff4a0e;
}
a.google_map_link {
	color: #999;
	font-family: proxima-soft, Helvetica, Arial, sans-serif;
}
.single_job_listing .meta li {
	color: #999;
	font-weight: 600;
	font-family: proxima-soft, Helvetica, Arial, sans-serif;
}