/*
 * Life Abroad brand palette
 * Teal, turquoise, orange and coral drawn from the Life Abroad logo.
 */

:root {
	--la-brand-deep: #0b5d70;
	--la-brand-teal: #138f9b;
	--la-brand-aqua: #dff6f7;
	--la-brand-orange: #f26a2e;
	--la-brand-coral: #df452d;
	--la-brand-green: #2c9146;
	--la-brand-ink: #123f4a;
	--la-brand-line: #c9e3e5;
}

/* The logo already includes the name, so remove the duplicate text title. */
.site-branding .site-title-wrap {
	display: none;
}

.site-branding.logo-text {
	display: flex;
	align-items: center;
}

.site-branding .site-logo {
	margin: 0;
}

.site-branding .custom-logo-link {
	display: inline-flex;
	align-items: center;
}

.site-branding .custom-logo {
	width: auto;
	max-width: 220px;
	max-height: 68px;
	object-fit: contain;
}

.site-header .header-main {
	border-bottom: 1px solid var(--la-brand-line);
	background: #fff;
}

.main-navigation ul li a {
	color: var(--la-brand-ink);
}

.main-navigation ul li.current-menu-item > a,
.main-navigation ul li.current_page_item > a,
.main-navigation ul li a:hover,
.main-navigation ul li a:focus {
	color: var(--la-brand-orange);
}

.main-navigation ul li.current-menu-item > a::after,
.main-navigation ul li.current_page_item > a::after {
	background: var(--la-brand-orange);
}

.site-header .btn-wrap .btn,
.responsive-nav .btn-wrap .btn,
input[type="submit"],
button[type="submit"],
a.button,
button.button {
	border-color: var(--la-brand-orange);
	background: var(--la-brand-orange);
	color: #fff;
}

.site-header .btn-wrap .btn:hover,
.site-header .btn-wrap .btn:focus,
.responsive-nav .btn-wrap .btn:hover,
.responsive-nav .btn-wrap .btn:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
button[type="submit"]:hover,
button[type="submit"]:focus,
a.button:hover,
a.button:focus,
button.button:hover,
button.button:focus {
	border-color: var(--la-brand-deep);
	background: var(--la-brand-deep);
	color: #fff;
}

a {
	color: var(--la-brand-teal);
}

a:hover,
a:focus {
	color: var(--la-brand-coral);
}

.job_listings .position h3 a,
.job-listing .entry-title a,
.rp4wp-related-job_listing > ul li.job_listing a div.position h3,
ul.job_listings li.job_listing a div.position h3 {
	color: var(--la-brand-deep);
}

.job_listings .position h3 a:hover,
.job-listing .entry-title a:hover,
ul.job_listings li.job_listing a:hover div.position h3 {
	color: var(--la-brand-orange);
}

.job_filters,
.job-manager-form,
.search_jobs {
	border-color: var(--la-brand-line);
	background: #f3fbfb;
}

.site-footer {
	border-top: 4px solid var(--la-brand-orange);
	background: var(--la-brand-deep);
	color: #e8f7f7;
}

.site-footer a {
	color: #fff;
}

.site-footer a:hover,
.site-footer a:focus {
	color: #ffb06f;
}

@media (max-width: 767px) {
	.site-branding .custom-logo {
		max-width: 180px;
		max-height: 58px;
	}
}