/*
Theme Name:     LTCF
Theme URI:      
Description:    LongTermCareFoundation WP Theme, 2026
Author:         Me
Author URI:
Version:        0.1.0
*/

:root {

	--font-inter: Inter, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;

	/* Color Roles */

	--color-white: #FFFFFF;

	--color-gray-95: #F3F4F6;
	--color-gray-90: #E2E4E9;
	--color-gray-80: #B7BEC7;
	--color-gray-75: #6E7D91;
	--color-gray-50: #6B7280;
	--color-gray-35: #4B5563;
	--color-gray-20: #1F2937;

	--color-green-95: #F3FAF7;
	--color-green-75: #A7D0CD;
	--color-green-50: #6A9F98;
	--color-green-20: #036358;
	--color-green-15: #024A42;

	--color-purple-95: #F5E8F7;
	--color-purple-40: #9C27B0;

	--color-red-95-light: #F8E0E0;
	--color-red-95: #D32F2F;

	--color-orange-98: #FEF8F5;
	--color-orange-95: #FEF1E8;
	--color-orange-85: #FCD2B5;
	--color-orange-50: #F97316;

	--color-blue-95: #E2EBF8;
	--color-blue-50: #3378CC;

	--color-accent-red: #FF383C;
}

.color-gray-20 {
	color: var(--color-gray-20);
}

.color-gray-35 {
	color: var(--color-gray-35);
}

.color-gray-50 {
	color: var(--color-gray-50);
}

.color-gray-95 {
	color: var(--color-gray-95);
}

.color-white {
	color: var(--color-white);
}

.color-orange-50 {
	color: var(--color-orange-50);
}

.color-orange-85 {
	color: var(--color-orange-85);
}

.color-green-20 {
	color: var(--color-green-20);
}

.bg-color-green-20, .bg-green-20 {
	background-color: var(--color-green-20);
}

.bg-green-95 {
	background-color: var(--color-green-95);
}

.bg-purple-95 {
	background-color: var(--color-purple-95);
}


.bg-orange-95 {
	background-color: var(--color-orange-95);
}

.bg-color-orange-50 {
	background-color: var(--color-orange-50);
}

.bg-white {
	background-color: var(--color-white);
}

.color-blue-50 {
	color: var(--color-blue-50);
}


html, body {
	margin: 0;
	padding: 0;
}

html * {
	box-sizing: border-box;
}

/* Base font */

body {
	font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	color: var(--color-gray-20);
	overflow: auto;

}

.smaller {
	font-size: 14px;
}

.small {
	font-size: 12px;
}

.page {
	background-color: var(--color-orange-98);
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	justify-content: space-between;
}

/* Headings */

h1 {
	font-size: 48px;
	font-weight: 600;
	line-height: 1.4;
	margin: 0 0 24px 0;
}

h2, h1.h2, .h2 {
	font-size: 32px;
	font-weight: 700;
	line-height: 1.5;
	margin: 16px auto;
}

h3 {
	font-size: 20px;
	font-weight: 500;
	line-height: 1.5; /* 150% */
	/* text-decoration: underline; */
	margin: 0 0 12px 0;
}

h4, .h4 {
	font-size: 20px;
	font-weight: 500;
	line-height: 1.5; /* 150% */
}

.h4 {
	color: var(--color-gray-20);
}

h5 {
	margin: 8px 0;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.5; /* 150% */
}

h1.page-title {
	text-align: center;
	padding: 24px 0 8px;
}

h1, h2, h3, h4, h5 {
	color: var(--color-gray-20);
}

p {
	margin: 8px 0;
}

a {
	color: var(--color-green-20);
	cursor: pointer;
}

a:hover {
	color: var(--color-green-15);
}

.current_page_item > a, a.active {
	font-weight: 700;
}

#menu-about .current_page_item a, a.active {
	/* font-weight: 400; */
}

.text-large {
	font-size: 125%;
}


/* Button */

button {
	font-family: "Inter", sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;
	cursor: pointer;
}

button:disabled {
	cursor: not-allowed;
}


/* Label */

label {
	font-family: "Inter", sans-serif;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.5; /* 150% */
}


main {
	padding-bottom: 16px;
	margin: 0 auto;
}

.page-header {
	position: relative;
	padding-top: 16px;
	padding-bottom: 13px;
}

.page-footer {
	padding-top: 36px;
}

.page-header, .page-footer {
	max-width: 1440px;
	margin: 0 auto;
	padding-left: 40px;
	padding-right: 40px;
}


.logged-in-only {
	display: none;
}

.logged-in .logged-in-only {
	display: block;
}


.logged-in .logged-out-only {
	display: none;
}

/* Page Header, Page footer */

.page-header-wrap, .page-footer-wrap {
	background-color: var(--color-green-20);
}

.page-header, .page-footer {
	background-color: var(--color-green-20);
	color: var(--color-white);
}

.page-header ul, .page-footer ul {
	list-style-type: none;
	display: flex;
	padding: 0;
	gap: 20px;
}

.page-footer ul {
	flex-direction: column;
}

.page-footer .copyright {
	padding: 28px 0 24px;
}

/* Menu Social */
#menu-social {
	flex-direction: row;
}

#menu-social a {
	display: inline-block;
	align-items: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: var(--color-white);
	text-indent: -10000px;
	background-size: 24px 24px;
	background-position: center center;
	background-repeat: no-repeat;
}

#contact-social a {
	display: inline-flex;
	align-items: center;
	white-space: nowrap;
	gap: 8px;
}

#contact-social a::before {
	content: "";
	display: inline-block;
	width: 24px;
	height: 24px;
	background-color: var(--color-white);
	background-size: 24px 24px;
	background-position: center center;
	background-repeat: no-repeat;
}

#menu-mobile-switch {
	display: none;
}

#menu-social a[href*="facebook"],
#contact-social a[href*="facebook"]::before {
	background-image: url(./images/facebook.svg);
}

#menu-social a[href*="instagram"],
#contact-social a[href*="instagram"]::before {
	background-image: url(./images/instagram.svg);
}

#menu-social a[href*="youtube"],
#contact-social a[href*="youtube"]::before {
	background-image: url(./images/youtube.svg);
}

#menu-social a[href*="mailto"],
#contact-social a[href*="mailto"]::before {
	background-image: url(./images/email.svg);
}

.page-header h3, .page-footer h3 {
	margin: 0;
	text-decoration: none;
	color: var(--color-white);
}

.page-header a, .page-footer a {
	color: var(--color-white);
	text-decoration: none;
}

#menu-main a:hover, .page-footer a:hover {
	color: var(--color-gray-90);
}

.page-header-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.page-footer-inner {
	display: flex;
	border-bottom: solid 1px var(--color-gray-75);
	gap: 32px;
	padding-bottom: 16px;
}

.page-footer-inner .item {
	flex: 1;
}

.flex {
	display: flex;
	gap: 0 20px;

}

.flex-wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 12px;
}

.flex-column {
	display: flex;
	flex-direction: column;
}


.wrap {
	flex-wrap: wrap;
}

.gap-20 {
	gap: 20px;
}

.gap-12 {
	gap: 12px;
}

.gap-8 {
	gap: 8px;
}

.gap-4 {
	gap: 4px;
}

.gap-40 {
	gap: 0 40px;
}

.flex.equal > * {
	flex: 1;

}

.flex-1 {
	flex: 1;
}

.flex-2 {
	flex: 2;
}


.flex-3 {
	flex: 3;
}

.text-center {
	text-align: center !important;
}

.space-between {
	justify-content: space-between;
}

.align-center {
	align-items: center;
}

.align-center {
	align-items: center;
}

.text-right {
	text-align: right;
}

.icon-56 {
	display: inline-flex;
	width: 56px;
	min-width: 56px;
	height: 56px;
	border-radius: 16px;
	font-size: 24px;
	line-height: 56px;
	text-align: center;
	align-items: center;
	justify-content: center;
}

/*** Buttons *******/

button.plain {
	padding: 0;
	background-color: transparent;
	border: none;
	min-width: 24px;
	text-align: center;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

button.like-select {
	background-color: var(--color-white);
	border-radius: 12px;
	border: solid 1px var(--color-gray-80) !important;
	font-weight: 400 !important;
	line-height: 38px;
	font-size: 14px;
	padding: 0 16px;
	color: var(--color-gray-50) !important;
	width: 100%;
	text-align: left;
}

button.like-select .icon {
	margin-top:12px;
	float: right;
}

#dropdown-qualifications-resumes {
	width: 100%;
	text-align: left;
}

button.plain.small {
	min-width: 16px;
	width: 16px;
	height: 16px;
}

a.btn, .btn a, button.btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	justify-content: center;
	font-size: 16px;
	font-weight: bold;
	border-radius: 24px;
	line-height: 1.5;
	padding: 10px 20px;
	height: 48px;
	min-width: 164px;
	text-align: center;
	text-decoration: none;
	border: none;
}

a.btn-primary, .btn-primary a, button.btn-primary {
	color: var(--color-white);
	background-color: var(--color-green-20);
}

a.btn-primary-bordered, .btn-primary-bordered a, button.btn-primary-bordered {
	border: solid 1px var(--color-white);
}

a.btn-primary:hover, .btn-primary a:hover, button.btn-primary:hover {
	background-color: var(--color-green-15);
	color: var(--color-white);
}

a.btn-flat, .btn-flat a, button.btn-flat {
	color: var(--color-green-20);
	background-color: transparent;
}

a.btn-flat:hover, .btn-flat a:hover, button.btn-flat:hover {
	background-color: var(--color-green-95);
}

a.btn-secondary, .btn-secondary a, button.btn-secondary {
	color: var(--color-green-20);
	border: solid 1px var(--color-green-20);
	background-color: var(--color-white);
}

button.btn-secondary:disabled {
	color: var(--color-gray-90);
	border-color: var(--color-gray-90);
}

a.btn-secondary:hover, .btn-secondary a:hover, button.btn-secondary:hover {
	background-color: var(--color-green-95);
}

.fullwidth {
	width: 100%;
}

a.btn.small, .btn a.small, button.btn.small {
	line-height: 20px;
	height: 40px;
	padding: 0 20px;
	min-width: 0;
}

a.btn.x-small, .btn a.x-small, button.btn.x-small {
	font-size: 12px;
	font-weight: 400;
	padding: 0 12px;
	line-height: 24px;
	height: 24px;
	min-width: 0;
}

a.btn.large, .btn a.large, button.btn.large {
	height: 56px;
	line-height: 56px;
	min-width: 235px;
	padding-left: 28px;
	padding-right: 28px;
	border-radius: 28px;

}

a.btn.high, .btn a.high, button.btn.high {
	min-width: 235px;
	height: auto;
}


button.btn.narrow {
	min-width: auto;
}

/** Common styles **/
dialog {

	max-width: min(800px, calc(100vw - 32px));
	border: solid 1px var(--color-gray-35);
	border-radius: 16px;
}

dialog h2 {
	font-size: 24px;
	font-weight: 600;
}

#application_text::placeholder {

}

#application_text_field {
	margin-top: 0;
}

.checkbox-in-button label {
	width: 100%;
	padding: 8px 12px;
	border-radius: 8px;
	border: solid 1px var(--color-gray-90);
	color: var(--color-gray-35);
}

.checkbox-in-button label:has(.green) {
	color: var(--color-green-20);
	border-color: var(--color-green-20);
	background-color: var(--color-green-95);
}

/**OL with circle numbers */
.circle-list {
	list-style: none;
	counter-reset: item;
	padding-left: 0;
	margin-bottom: 12px;
}

.circle-list li {
	counter-increment: item;
	margin-bottom: 8px;
}

.circle-list li::before {
	content: counter(item);
	display: inline-flex;
	width: 28px;
	height: 28px;
	min-width: 28px;
	border-radius: 50%;
	background: var(--color-white);
	color: var(--color-gray-20);
	border: solid 1px var(--color-gray-20);
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: bold;
	margin-right: 8px;
}


.page-content {
	background-color: var(--color-orange-98);
	margin: 0 auto auto;
	width: 100%;
}

.my-account-icon > a:before {
	content: "";
	display: inline-block;
	width: 12px;
	height: 16px;
	margin-right: 10px;
	background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2216%22%20viewBox%3D%220%200%2012%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%226%22%20cy%3D%224%22%20r%3D%224%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M0%2015.333a6%206%200%200%201%2012%200c0%20.368-.298.666-.667.666H.667A.667.667%200%200%201%200%2015.333z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
	transform: translateY(2px);
}

.my-account-icon > a:after {
	content: "";
	display: inline-block;
	width: 15px;
	height: 9px;
	margin-left: 8px;
	background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2215%22%20height%3D%229%22%20viewBox%3D%220%200%2015%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14.5611%200.43968C14.4218%200.30029%2014.2564%200.189715%2014.0744%200.114273C13.8923%200.0388304%2013.6972%200%2013.5001%200C13.3031%200%2013.1079%200.0388304%2012.9259%200.114273C12.7438%200.189715%2012.5784%200.30029%2012.4391%200.43968L7.85313%205.02468C7.75936%205.11842%207.63221%205.17107%207.49963%205.17107C7.36704%205.17107%207.23989%205.11842%207.14613%205.02468L2.56113%200.43968C2.27986%200.158285%201.89834%200.000146217%201.50048%205.24521e-05C1.10262%20-4.13131e-05%200.721021%200.157917%200.439627%200.439179C0.158232%200.720442%209.38129e-05%201.10197%204.17261e-08%201.49983C-9.37294e-05%201.89768%200.157865%202.27929%200.439127%202.56068L5.02513%207.14668C5.35014%207.47172%205.73599%207.72956%206.16065%207.90548C6.58531%208.08139%207.04047%208.17193%207.50013%208.17193C7.95978%208.17193%208.41494%208.08139%208.8396%207.90548C9.26426%207.72956%209.65012%207.47172%209.97513%207.14668L14.5611%202.56068C14.8423%202.27939%2015.0003%201.89793%2015.0003%201.50018C15.0003%201.10243%2014.8423%200.720971%2014.5611%200.43968Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
}

.my-account-icon > a.submenu-open:after {
	transform:rotate(180deg);
}

/* day of week */
.dow3 {
	width: 2.5em;
	min-width: 2.5em;
}

select.select-hours,
select.ltcf-select,
#form-search-resumes select {
	padding-right: 32px !important;
}

.responsibilities .description {
	font-size: 14px;
}

.down-2 {
	transform: translateY(2px);
}

.down-4 {
	transform: translateY(4px);
}

/***** Icons *****/
li.social a {

}

.container {
	margin: auto;
	/* max-width: min(1440px, 100vw - 80px); */
	max-width: min(1440px, 100vw);
	padding: 0 40px;
}

/*************/
.ltcf-form {
	max-width: 814px;
	margin: 0 auto 40px;
	padding: 20px 0;
	color: var(--color-gray-20);
}

.ltcf-form.no-mp {
	margin: 0;
	padding: 0;
}

dialog .ltcf-form {
	margin-bottom: 0;
	padding-bottom: 0;
}

.ltcf-form.fullwidth {
	max-width: none;
}

.ltcf-form label {
	font-size: 16px;
}

.ltcf-form .woocommerce-input-wrapper {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.ltcf-form .radio .woocommerce-input-wrapper {
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
}

.ltcf-form .radio label {
	margin-right: 12px;
}

.ltcf-form .woocommerce-input-wrapper .description {
	padding-left: 32px;
}

.form-row.radio label:hover, .form-row.radio input:hover {
	cursor: pointer;
}

.form-row.radio.dropdown input {
	display: none;
}

.form-row.radio.dropdown label {
	font-size: 16px;
	font-weight: 600;
}

.form-row.radio.dropdown {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	gap: 8px;
	align-items: center;
}

.ltcf-field-wrap:has(.form-row.radio.dropdown) {
	display: flex;
	flex-wrap: nowrap;
	gap: 4px;
	align-items: center;

}

.form-row.radio.dropdown.green .woocommerce-input-wrapper {
	display: flex;
	flex-direction: column;
	position: static;
	height: 24px;
	overflow-y: visible;
}

.form-row.radio.dropdown.green .woocommerce-input-wrapper label {
	display: none;
}

.form-row.radio.dropdown.green .woocommerce-input-wrapper input:checked + label {
	display: inline;
}

.form-row.radio.dropdown.green .woocommerce-input-wrapper label {
	color: var(--color-green-20);
}


.ltcf-form input[type="checkbox"] {
	display: none;
}

.ltcf-form label.checkbox {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	user-select: none;
}

.ltcf-form label.checkbox .box {
	content: "";
	width: 20px;
	min-width: 20px;
	height: 20px;
	min-height: 20px;
	display: inline-block;
	border-radius: 4px !important;
	border: solid 1px var(--color-gray-80);
	/* transform: translateY(3px); */
	margin-right: 8px;
	background-color: var(--color-white);

}

.ltcf-form label.checkbox input:checked + .box {
	background-color: var(--color-green-20);
	border: solid 1px var(--color-green-20);
	background-repeat: no-repeat;
	background-size: 12px 8px;
	background-position: 4px 5px;
	background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20viewBox%3D%220%200%2012%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.3906%200.75C10.4037%200.750119%2010.4165%200.755382%2010.4258%200.764648C10.435%200.773988%2010.4404%200.786692%2010.4404%200.799805C10.4404%200.812915%2010.435%200.825618%2010.4258%200.834961L4.02539%207.23535C4.01605%207.24457%204.00336%207.24998%203.99023%207.25C3.97712%207.25%203.96443%207.24454%203.95508%207.23535L0.763672%204.04395C0.754816%204.03456%200.749888%204.02171%200.75%204.00879C0.750224%203.99591%200.755574%203.98376%200.764648%203.97461C0.773919%203.96534%200.786695%203.96007%200.799805%203.95996C0.812168%203.95991%200.823812%203.96445%200.833008%203.97266L3.45996%206.59863L3.99023%207.12891L10.3545%200.764648C10.3639%200.755274%2010.3774%200.75%2010.3906%200.75Z%22%20fill%3D%22%231F2937%22%20stroke%3D%22white%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E');
}

.ltcf-form input[type="text"],
.ltcf-form input[type="password"],
.ltcf-form input[type="url"],
.ltcf-form input[type="email"],
.ltcf-form input[type="tel"],
.ltcf-form input[type="number"],
.ltcf-form select,
select.ltcf-select,
.ltcf-form textarea,
gmp-place-autocomplete {
	display: inline-block;
	width: 100%;
	border-radius: 12px;
	border: solid 1px var(--color-gray-80);
	background: var(--color-white);
	line-height: 40px;
	padding: 0 16px;
	font-size: 14px;
	outline: none !important;
}

.ltcf-form textarea {
	line-height: 22px;
	padding: 12px 16px;
}

gmp-place-autocomplete {
	padding: 0;
	color: var(--color-gray-20);
	height: 40px;
	max-height: 40px;
}

gmp-place-autocomplete::part(icon) {
	display: none !important;
}

#clear-address {
	position: absolute;
	right: 12px;
	top: 12px;
	cursor: pointer;
}

#afh-map {
	margin: 8px auto;
}

.afh-marker {
	box-sizing: content-box;
	background-image: url(./images/house-orange.svg);
	background-size: 30px 30px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: solid 2px #fff;
	background-color: #fff;
	cursor: pointer;
}

.time-walk, .time-car, .time-bus {
	display: none;
}

#search {
	padding-left: 40px;
	position: relative;
}

.woocommerce-input-wrapper:has(input.icon-bg-left.search):before {
	background-position: -96px 0;
	opacity: 0.5;
	top: 14px;
	left: 16px;
}


input.icon-bg-left, .woocommerce-input-wrapper:has(input.icon-bg-left) {
	z-index: 10;
	position: relative;
}

.woocommerce-input-wrapper:has(input.icon-bg-left):before {
	z-index: 20;
	position: absolute;
	content: "";
	display: inline-block;
	width: 16px;
	min-width: 16px;
	height: 16px;
	background-image: url(./images/icons.svg);
	background-repeat: no-repeat;
	background-size: 848px 80px;
}

.ltcf-form .select2-container .select2-selection--single,
.ltcf .select2-container .select2-selection--single {
	display: inline-block;
	width: 100%;
	border-radius: 12px;
	border: solid 1px var(--color-gray-80);
	background: var(--color-white);
	line-height: 42px !important;
	min-height: 42px !important;
	padding: 0 16px;
	font-size: 14px;
}

.ltcf-form .select2-selection__placeholder {
	font-size: 14px;
	color:  var(--color-gray-50) !important;
	font-family: "Inter", sans-serif !important;
}

.ltcf-form .select2-selection__arrow,
.ltcf .select2-selection__arrow {
	display: none;
}

.ltcf-form .select2-selection__clear,
.ltcf .select2-selection__clear {
	transform: translate(-6px, 6px);
	color: var(--color-gray-20);
}

.ltcf-form .select2-selection__rendered,
.ltcf .select2-selection__rendered {
	min-height: 40px;
	line-height: 40px !important;
	padding-left: 0 !important;
	color: var(--color-gray-20) !important;
	font-weight: 400!important;
}

.ltcf-form .select2-container,
.ltcf .select2-container {
	height: 42px;
}

.ltcf-form .form-row.password .woocommerce-input-wrapper {
	position: relative;
}

.ltcf-form button.eye-password {
	border: none;
	background-color: transparent;
	width: 40px;
	height: 40px;
	cursor: pointer;
	position: absolute;
	right: 4px;
	top: 4px;
}

.ltcf-form textarea {
	min-height: 100px;
}

.ltcf-form textarea::placeholder {
	font-family: var(--font-inter);
}

.ltcf-form select, select.ltcf-select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	height: 42px;
	color: var(--color-gray-50);
	position: relative;
	cursor: pointer;
}

.ltcf-form select::-ms-expand, select.ltcf-select::-ms-expand {
	display: none;
}

.ltcf-form .form-row.select span.woocommerce-input-wrapper,
.ltcf .form-row.select span.woocommerce-input-wrapper,
span.woocommerce-input-wrapper:has(.ltcf-select) {
	position: relative;
}

.ltcf-form .form-row.select span.woocommerce-input-wrapper::after,
.ltcf .select2-container::after,
span.woocommerce-input-wrapper:has(.ltcf-select)::after {
	display: inline-block;
	position: absolute;
	right: 16px;
	top: 14px;
	content: "";
	width: 16px;
	height: 16px;
	background-image: url(./images/icons.svg);
	background-size: 848px 80px;
	background-repeat: no-repeat;
	background-position: -800px 0;
	pointer-events: none;
}

.ltcf-form p.form-row {
	margin: 8px 0;
}

.ltcf-form label {
	cursor: pointer;
}

.ltcf-form input::placeholder, .ltcf-form select::placeholder,
.ltcf-form select option {
	color: var(--color-gray-50);
}

.user-form .form-row.password .description {
	padding-left: 0;
	color: var(--color-gray-50);
	font-size: 14px;
	padding-top: 8px;
}

.user-form label {
	display: inline-block;
	padding-bottom: 8px;
}

.user-form .ltcf-field-wrap {
	margin-bottom: 12px;
}

.message, .message-like {
	display: block;
	width: 100%;
	max-width: 814px;
	border-radius: 16px;
	text-align: center;
	margin: 12px auto 16px;
	padding: 12px;
}

.message.error {
	color: var(--color-accent-red);
	background-color: var(--color-orange-85);
}

.message.success, .message-like.success {

	color: var(--color-green-15);
	background-color: var(--color-green-95);
}

.ltcf-form-steps {
	max-width: 814px;
	margin: 8px auto 8px;
	padding: 0;
	color: var(--color-gray-20);
}

.ltcf-form-progress-steps {
	display: flex;
	gap: 8px;
	padding-top: 12px;
}

.ltcf-form-step {
	padding-bottom: 16px;
}

.ltcf-form h2 {
	text-align: center;
}

.ltcf-form-progress-steps > div {
	flex: 1;
	background-color: var(--color-gray-90);
	height: 4px;
}

.ltcf-form-progress-steps > div.filled {
	background-color: var(--color-green-20);
}

.ltcf-form .buttons {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 20px;
	gap: 12px;
}

.ltcf-card {
	border-radius: 16px;
	padding: 16px 16px;
	margin-bottom: 20px;
}

.ltcf-card h5 {
	margin: 0;
}

.ltcf-card.card-24 {
	border-radius: 24px;
	padding: 24px;
}

.ltcf-card.orange {
	background-color: var(--color-orange-95);
	border: solid 1px var(--color-orange-85);
}

.ltcf-card.green {
	background-color: var(--color-green-20);
	border: solid 1px var(--color-green-20);
	color: var(--color-white);
}

.ltcf-card.white {
	background-color: var(--color-white);
	border: solid 1px var(--color-green-75);
}

.ltcf-card .card-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
}

.ltcf-card .card-header .label {
	margin: 0 auto 0 0;
}

.ltcf-card hr {
	height: 1px;
	border: none;
	background-color: var(--color-gray-80);
	margin: 24px 0;
}

.ltcf-card .top-full-line, .ltcf-card .bottom-full-line {
	position: relative;
}

.ltcf-card .top-full-line  {
	padding-top: 16px;
}

.ltcf-card .bottom-full-line {
	padding-bottom: 16px;
}

.ltcf-card .top-full-line:before {
	content: "";
	display: block;
	position: absolute;
	width: calc(100% + 30px);
	left: -15px;
	top: 0;
	height: 1px;
	background-color: var(--color-gray-95);
}

.ltcf-card .bottom-full-line:after {
	content: "";
	display: block;
	position: absolute;
	width: calc(100% + 30px);
	left: -15px;
	bottom: 0;
	height: 1px;
	background-color: var(--color-gray-95);
}


.req-ast, .required {
	color: var(--color-accent-red);
}

.mobile-only {
	display: none;
}

img.responsive {
	width: 100%;
	height: auto;
	margin: auto;
}

.label {
	margin-bottom: 8px;
	line-height: 33px;
	min-height: 33px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	max-width: calc(100vw - 60px);
	border-radius: 18px;
	font-size: 14px;
	font-weight: 600;
	padding: 0 16px;
	background-color: var(--color-gray-95);
	color: var(--color-gray-20);
	overflow: hidden;
	position: relative;
	text-overflow: ellipsis;
}

.label i {
	display: none;
}

.label i.icon, .label i[class*="icon-"] {
	display: inline-block;
}

.label .text {
	display: inline-block;
	max-width: calc(100vw - 200px);
	white-space: nowrap;
	overflow: hidden;
	/* text-overflow: ellipsis;*/
}

.label.have {
	color: var(--color-green-20);
	background-color: var(--color-green-95);
}

.label.match {
	/*
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 0;
			 */
	color: var(--color-green-20);
	/* background-color: transparent; */
	background-color: var(--color-green-95);
}

.label.neutral {
	/*
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 0;

	 */
	color: var(--color-gray-50);
	/*
	background-color: transparent;

	 */
}
.label.gray-35 {
	color: var(--color-gray-35);
}

.label.needed {
	color: var(--color-purple-40);
	background-color: var(--color-purple-95);
}

.label.needed:has(.orange), .label.paid {
	color: var(--color-orange-50);
	background-color: var(--color-orange-95);
}

.inline-aligned {
	display: inline-flex;
	align-items: center;
}

.mt-20 {
	margin-top: 20px;
}

.items-left > * {
	margin-left: 0;
	margin-right: auto;
}

/*****Caregiver Pages ********/
.or {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 12px;
	margin: 16px auto 0;
}

.or::before, .or:after {
	content: "";
	display: block;
	height: 1px;
	width: 100%;
	max-width: 200px;
	background-color: var(--color-gray-90);
}

#trainings_other_text_field {
	display: none;
}

#resume, #vacancy_about_afh {
	display: none;
	resize: vertical;
	line-height: 24px;
}

#caregiver-qualifications-form .description {
	font-size: 14px;
	color: var(--color-gray-35);
	display: none;
	font-style: italic;
}

#caregiver-qualifications-form #card-trainings-interested .description {
	display: inline-block;
}

#caregiver-qualifications-form .description.colored {
	padding: 12px;
	background-color: var(--color-blue-95);
	border-radius: 12px;
	font-style: normal;
}

#afh-images {
	display: flex;
	flex-wrap: nowrap;
	overflow-x: scroll;
	gap: 8px;
}

#afh-images .item {
	flex: 1;
	width: 60vw;
	height: 320px;
	overflow-y: hidden;
}

#afh-images img {
	width: 100%;
	height: auto;
	display: block;
}

.bold {
	font-weight: 600;
}

.text-small {
	font-size: 14px;
}

.wrap-404 {
	text-align: center;
	position: relative;
	margin: 40px auto 0;
	max-width: 720px;
}

.wrap-404 h1 {
	font-size: min(360px, 36vw);
	color: var(--color-gray-90);
	z-index: 10;
	margin: 0 auto;
	line-height: 1;
}

.wrap-404 h2 {
	margin: auto;
	position: absolute;
	z-index: 20;
	font-size: min(48px, 6vw);
	top: min(100px, 10vw);
}

.legend-item {
	display: flex;
	align-items: center;
	gap: 4px;
}

.w-1000 {
	max-width: 1000px;
	margin: auto;
}

.b, b {
	font-weight: 600;
}

.small-title {
	font-size: 14px;
	color: var(--color-gray-20);
	margin-bottom: 8px;
	font-weight: 600;
}

#benefits-heart + div {
	margin: auto 0 auto auto
}

#caregiver-profile-form .ltcf-card {
	padding-top: 16px;
}

#caregiver-profile-form .ltcf-card h5 {
	margin: 0 auto 8px;
}

.columns-2 > * {
	width: calc(50% - 10px);
}

.hidden {
	display: none;
}

#detect-city-result {
	font-size: 14px;
}

#div_resume h2, #div_resume h3,
#div_resume h4, #div_resume h5,
#review-vacancy-form h1, #review-vacancy-form h2,
#review-vacancy-form h3, #review-vacancy-form h4,
#review-vacancy-form h5, #review-vacancy-form h6 {
	text-align: left;
}

.list-vacancies h3 {
	margin-bottom: 0;
}

.vacancy, .ltcf-card.vacancy {
	padding-bottom: 24px;
}

#div_resume h1, #resume-preview h1,
#div_vacancy_description h1, #vacancy-about-vacancy h1,
#div_vacancy_about_afh h1, #vacancy-about-afh h1 {
	font-size: 40px;
	margin: 20px 0;
}

#div_resume h2, #resume-preview h2,
#div_vacancy_about_afh h2, #vacancy-about-afh h2,
#div_vacancy_description h2, #vacancy-about-vacancy h2 {
	font-size: 24px;
}

.with-spinner {
	position: relative;
}

.with-spinner::before {
	display: inline-block;
	/* position: absolute; */
	width: 24px;
	height: 24px;
	content: "";
	background-image: url(./images/spinner.svg);
	/*
	right: 8px;
	top: 8px;
	background-image: url(/wp-includes/images/spinner.gif);
	 */
}

.with-spinner.green::before {
	background-image: url(./images/spinner-green.svg);
}

.with-spinner.white::before {
	background-image: url(./images/spinner-white.svg);
}

dialog form h4 {
	margin: 0;
}

#filter-vacancies {
	flex-direction: column;
	gap: 20px;
}

.mobile-dropdown {
	position: relative;
}

.mobile-dropdown h5 button {
	display: none;
}

.first-abbr, .count-checked {
	display: none;
}


#vacancy_pay_min_field .woocommerce-input-wrapper,
#vacancy_pay_max_field .woocommerce-input-wrapper {
	position: relative;
}

#vacancy_pay_min_field .woocommerce-input-wrapper:before,
#vacancy_pay_max_field .woocommerce-input-wrapper::before {
	display: inline-block;
	content: "$";
	position: absolute;
	left: 12px;
	top: 10px;
	pointer-events: none;
	color: var(--color-gray-35);
	font-size: 14px;
}

#vacancy_pay_min,
#vacancy_pay_max {
	padding-left: 24px;
}

/** UI Autocomplete **/
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.ui-autocomplete {
	position: absolute;
	z-index: 9999;
	background: #fff;
	border: 1px solid #ccc;
	max-height: 200px;
	overflow-y: auto;
	padding: 0;
	margin: 0;
	list-style: none;
}

.ui-menu-item {
	padding: 8px;
	cursor: pointer;
}

.ui-menu-item:hover,
.ui-state-focus {
	background: #eee;
}


.dropdown-filter {
	width: 360px;
	max-width: 100%;
	position: relative;
}


.dropdown-filter .count-checked {
	display: inline-block;
	background-color: var(--color-green-20);
	height: 22px;
	border-radius: 8px;
	color: var(--color-white);
	font-size: 12px;
	line-height: 22px;
	padding: 0 12px;
	margin-left: 4px;
	transform: translate(0, -2px);
}

.dropdown-filter .count-checked[data-count="0"] {
	display: none;
}

.dropdown-filter .wrap-input-rows {
	display: none;
	position: absolute;
	top: 30px;
	left: 0;
	width: 100%;
	max-width: 100%;
	background-color: var(--color-white);
	border: 1px solid var(--color-gray-80);
	border-top: none;
	border-radius: 0 0 12px 12px;
	padding: 12px;
	z-index: 10;
}

#apply-success {
	display: none;
}

#menu-career, #menu-hiring {
	font-weight: 600;
	margin: 0;
	align-items: center;
}

.menu-entity-count {
	background-color: var(--color-green-50);
	line-height: 24px;
	border-radius: 16px;
	padding: 0 10px;
	display: inline-block;
}

#menu-career .current-menu-item, #menu-hiring .current-menu-item {
	background-color: rgb(44, 123, 114);
	border-radius: 24px;
	line-height: 40px;
	padding: 0 16px;
}

.by-role-menus {
	margin-right: 0;
}

#menu-user li:first-child {
	position: relative;
	white-space: nowrap;
	font-weight: 600;
}

#menu-user a {
	color: var(--color-gray-95);
}

#menu-user ul.sub-menu {
	display: none;
	position: absolute;
	min-width: 240px;
	max-width: calc(100vw - 32px);
	white-space: nowrap;
	padding: 16px 24px;
	top: 32px;
	right: 0;
	background-color: var(--color-green-15);
	border-radius: 16px;
	z-index: 10;
}

#menu-user ul.sub-menu li:first-child {
	white-space: nowrap;
	font-weight: 600;
	line-height:22px;
	padding: 8px 0 10px;

}

#menu-user ul.sub-menu li:first-child a {
	cursor: default;
}

#menu-user ul.sub-menu li:first-child .email {
	font-size: 12px;
	font-weight: 400;
}

#menu-user .sub-menu.open {
	display: block;
}

#menu-user .sub-menu li {
	border-bottom: 1px solid var(--color-green-20);
	line-height: 42px;
}

#menu-user .sub-menu li .icon18:before {
	margin-right: 4px;
	transform: translateY(2px);
}

#menu-user .sub-menu li:last-child {
	border-bottom: none;
}

#menu-user, #menu-user li.menu-item-has-children, #menu-user ul.sub-menu.open {
	display: flex;
	gap: 0;
	flex-direction: column;
}

#caregiver-review-form {
	position: relative;
}

#caregiver-review-form .message {
	/*
	position: absolute;
	bottom: 0;
	left: 50%;
	text-align: right;
	 */
}

.resumes-sidebar {
	padding-top: 0px;
}

#apply-to-vacancy h2 {
	margin: 0 auto 0 0;
}

#apply-to-vacancy-pay {
	white-space: nowrap;
}

#form-application-comment p.form-row {
	margin: 0;
}

.resume-card h2, .vacancy-card h2 {
	margin: 0;
	font-size: 24px;
}

.afh-geo .icon {
	transform: translateY(2px);
}

#sort-resumes_field {
	margin: 0;
}

.card-comment.unread {
	background-color: var(--color-orange-95) !important;
	border-color: var(--color-orange-50) !important;
}

.application-status-flow {
	display: none;
}

#dialog-application-change-status h4 {
	margin: 0;
}
#dialog-application-change-status h4 span {
	color: var(--color-gray-50);
}

.count-unread {
	/* color: var(--color-orange-50); */
}

.ltcf-pagination {
	display: flex; flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
}
/**** Mobile ***/

@media screen and (max-width: 768px) {

	#benefits-heart + div {
		margin: auto;
	}

	/* Mobile Typography */
	h1 {
		font-size: 32px;
		font-weight: 600;
		line-height: 1.4; /* 140% */
	}

	h2, .h2, h1.h2 {
		font-size: 24px;
		font-weight: 600;
		line-height: 1.5; /* 150% */
	}


	.flex {
		flex-direction: column;
	}

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


	.desktop-only {
		display: none;
	}

	.mobile-only {
		display: block;
	}

	.container {
		max-width: 100vw;
		padding-left: 16px;
		padding-right: 16px;
	}

	.page-header img.logo {
		width: 160px;
		height: 52px;
	}

	#menu-mobile-switch {
		border: none;
		background-color: var(--color-green-20);
		display: inline-block;
		position: absolute;
		width: 24px;
		height: 24px;
		top: 32px;
		right: 16px;
		background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%20%3Crect%20x%3D%220%22%20y%3D%224%22%20width%3D%2224%22%20height%3D%222%22%20rx%3D%221%22%20fill%3D%22white%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2211%22%20width%3D%2224%22%20height%3D%222%22%20rx%3D%221%22%20fill%3D%22white%22%2F%3E%20%20%3Crect%20x%3D%220%22%20y%3D%2218%22%20width%3D%2224%22%20height%3D%222%22%20rx%3D%221%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
	}

	#menu-mobile-switch.open {
		background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20x%3D%223%22%20y%3D%2211%22%20width%3D%2218%22%20height%3D%222%22%20rx%3D%221%22%20transform%3D%22rotate%2845%2012%2012%29%22%20fill%3D%22white%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2211%22%20width%3D%2218%22%20height%3D%222%22%20rx%3D%221%22%20transform%3D%22rotate%28-45%2012%2012%29%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
	}

	.flex {
		flex-direction: column;
	}

	.flex.row {
		flex-direction: row;
	}

	.page-footer-inner {
		flex-direction: column;
		text-align: center;
		gap: 16px;
	}

	.page-header, .page-footer {
		padding-left: 16px;
		padding-right: 16px;
	}


	.page-header-inner {
		flex-wrap: wrap;
	}

	.menu-main-container, .menu-account-container,
	.menu-user-container {
		display: none;
	}

	.menu-main-container.open,
	.menu-account-container.open,
	.by-role-menus.open,
	.menu-user-container.open {
		display: block;
		width: 100%;
		text-align: center;
	}

	.menu-account-container.open,
	.menu-user-container.open {
		min-height: 100vh;
	}

	#menu-user ul.sub-menu {
		top: 56px;
		border-radius: 0;
	}

	.page-header #menu-account,
	.page-header #menu-user,
	.page-header #menu-main {
		flex-direction: column;
		width: 100%;
	}

	#menu-social {
		justify-content: center;
	}

	.by-role-menus {
		display: none;
	}

	.ltcf-form .buttons {
		flex-wrap: wrap;
		justify-content: center;
	}

	#contact-wrap {

	}

	.wrap-input-rows {
		width: 100vw;
		display: none;
		position: absolute;
		top: 32px;
		left: -16px;
		padding-left: 16px;
		background-color: var(--color-white);
	}

	.mobile-dropdown h5 {
		/* display: inline-block; */
		padding: 0 32px 0 12px;
		position: relative;
		background-color: var(--color-green-95);
		border: solid 1px var(--color-green-75);
		border-radius: 16px;
		height: 32px;
		line-height: 32px;
		white-space: nowrap;
	}

	.mobile-dropdown-title {
		/* display: none; */
		font-size: 14px;
	}

	.first-abbr {
		display: inline-block;
		font-size: 14px;
		font-weight: 600;
		color: var(--color-green-20);
	}

	.count-checked {
		background-color: var(--color-green-20);
		height: 22px;
		display: inline-block;
		border-radius: 11px;
		color: var(--color-white);
		font-size: 12px;
		line-height: 22px;
		padding: 0 8px;
		transform: translateY(-3px);
	}

	.count-checked[data-count="0"], .count-checked[data-count="1"] {
		display: none;
	}

	.mobile-dropdown h5 button {
		display: inline-block;
		position: absolute;
		top: 6px;
		right: 8px;
	}

	.mobile-transparent {
		background-color: transparent !important;
		border: none !important;
		padding: 0 !important;
	}

	#filter-vacancies {
		gap: 12px;
		position: relative;
		flex-direction: row;
		max-width: 100vw;
		margin-top: 0 !important;
		flex: 1;
	}
	#menu-career, #menu-hiring {
		flex-direction: column;
	}
	.by-role-menus {
		margin-left: auto;
		margin-right: auto;
	}

	#menu-user ul.sub-menu {
		width: calc(100vw - 32px);
	}

	.afh-geo {
		margin-top: 8px;
	}

	/* Prevent iOS Safari auto-zoom on focus: form controls need font-size >= 16px.
	   Scoped to iOS-family browsers (WebKit on touch) so other mobiles keep 14px. */
	@supports (-webkit-touch-callout: none) {
		@media (pointer: coarse) {
			.ltcf-form input[type="text"],
			.ltcf-form input[type="password"],
			.ltcf-form input[type="url"],
			.ltcf-form input[type="email"],
			.ltcf-form input[type="tel"],
			.ltcf-form input[type="number"],
			.ltcf-form select,
			select.ltcf-select,
			.ltcf-form textarea {
				font-size: 16px;
			}
		}
	}

}