/* =========================================================
   LOVE FOR A MINUTE – JOBLISTE
========================================================= */

body.lfam-joblist-page {
	background: #f2f0eb !important;
	color: #4d5b63 !important;
}

body.lfam-joblist-page *,
body.lfam-joblist-page *::before,
body.lfam-joblist-page *::after {
	box-sizing: border-box;
}

body.lfam-joblist-page #content {
	width: min(1080px, calc(100% - 42px));
	margin-inline: auto;
}

body.lfam-joblist-page .tborder {
	overflow: hidden;
	border: 1px solid #e7dfd6 !important;
	border-radius: 20px !important;
	background: #fffdfb !important;
	box-shadow: 0 14px 34px rgba(36,55,70,.07) !important;
}

body.lfam-joblist-page .thead {
	padding: 16px 18px !important;
	border: 0 !important;
	border-bottom: 1px solid rgba(47,135,152,.13) !important;
	background: linear-gradient(180deg, #eef8f9, #e8f3f4) !important;
	color: #236b78 !important;
	font-family: Georgia, serif !important;
	font-size: 18px !important;
	font-weight: 800 !important;
	text-align: center !important;
	text-shadow: none !important;
}

body.lfam-joblist-page .tcat {
	padding: 10px 13px !important;
	border-color: #e7dfd6 !important;
	background: linear-gradient(90deg, #f8f3e8, #f1e5cb, #f8f3e8) !important;
	color: #956f29 !important;
	font-size: 8px !important;
	font-weight: 900 !important;
	letter-spacing: .12em !important;
	text-transform: uppercase !important;
}

body.lfam-joblist-page .trow1,
body.lfam-joblist-page .trow2,
body.lfam-joblist-page td {
	border-color: #eee7df !important;
	background: #fffdfb !important;
	color: #4d5b63 !important;
}

body.lfam-joblist-page input.textbox,
body.lfam-joblist-page input[type="text"],
body.lfam-joblist-page input[type="number"],
body.lfam-joblist-page select,
body.lfam-joblist-page textarea {
	width: 100%;
	max-width: 100%;
	min-height: 40px;
	padding: 9px 12px;
	border: 1px solid #dfd5cc !important;
	border-radius: 13px !important;
	background: #fffefa !important;
	color: #394b54 !important;
	font-size: 11px !important;
	outline: none !important;
	box-shadow: none !important;
}

body.lfam-joblist-page textarea {
	min-height: 120px;
	resize: vertical;
}

body.lfam-joblist-page input:focus,
body.lfam-joblist-page select:focus,
body.lfam-joblist-page textarea:focus {
	border-color: rgba(47,135,152,.35) !important;
	box-shadow: 0 0 0 3px rgba(47,135,152,.07) !important;
}

body.lfam-joblist-page input[type="submit"],
body.lfam-joblist-page button,
body.lfam-joblist-page .button,
body.lfam-joblist-page .buttom {
	min-height: 38px !important;
	padding: 0 16px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: linear-gradient(180deg, #2f8798, #236b78) !important;
	color: #fff !important;
	font-size: 9px !important;
	font-weight: 900 !important;
	text-decoration: none !important;
	box-shadow: 0 7px 16px rgba(35,107,120,.17) !important;
	cursor: pointer !important;
}

body.lfam-joblist-page input[type="submit"]:hover,
body.lfam-joblist-page button:hover,
body.lfam-joblist-page .button:hover,
body.lfam-joblist-page .buttom:hover {
	background: linear-gradient(180deg, #3994a5, #287887) !important;
	transform: translateY(-1px);
}

body.lfam-joblist-page .tab {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin-bottom: 15px;
	padding: 10px;
	border: 1px solid #e7dfd6;
	border-radius: 17px;
	background: #fffdfb;
}

body.lfam-joblist-page .tablinks {
	min-height: 34px;
	padding: 0 13px;
	border: 1px solid transparent;
	border-radius: 999px;
	background: #eef7f8;
	color: #236b78;
	font-size: 8px;
	font-weight: 900;
	cursor: pointer;
}

body.lfam-joblist-page .tablinks:hover,
body.lfam-joblist-page .tablinks.active {
	border-color: rgba(47,135,152,.24);
	background: #236b78;
	color: #fff;
}

body.lfam-joblist-page .tabcontent {
	padding: 16px;
	border: 1px solid #e7dfd6;
	border-radius: 18px;
	background: #fffdfb;
	box-shadow: 0 10px 26px rgba(36,55,70,.055);
}

.joblist_infotext {
	margin-bottom: 15px !important;
	padding: 13px 16px !important;
	border: 1px solid rgba(47,135,152,.13) !important;
	border-radius: 15px !important;
	background: #f1f8f9 !important;
	color: #65767b !important;
	font-size: 10px !important;
	line-height: 1.65 !important;
}

.joblist_job_flex,
.joblist {
	display: grid !important;
	grid-template-columns: repeat(2,minmax(0,1fr)) !important;
	gap: 14px !important;
}

.joblist_job {
	overflow: hidden !important;
	border: 1px solid #e7dfd6 !important;
	border-radius: 18px !important;
	background:
		radial-gradient(circle at 100% 0%, rgba(205,163,79,.08), transparent 36%),
		linear-gradient(180deg, #fffefa, #faf7f1) !important;
	box-shadow: 0 8px 22px rgba(36,55,70,.05) !important;
	color: #4d5b63 !important;
}

.joblist_job_top {
	padding: 14px 15px !important;
	border-bottom: 1px solid rgba(47,135,152,.13) !important;
	background: linear-gradient(180deg, #eef8f9, #e8f3f4) !important;
	color: #236b78 !important;
	font-family: Georgia, serif !important;
	font-size: 17px !important;
	font-weight: 800 !important;
	text-align: center !important;
}

.joblist_job_desc,
.joblist_otherinfos {
	padding: 13px 15px !important;
	color: #65767b !important;
	font-size: 10px !important;
	line-height: 1.65 !important;
}

.joblist_otherinfos {
	border-top: 1px solid #e7dfd6 !important;
	background: #faf7f1 !important;
}

.joblist_job_staff_top {
	padding: 9px 13px !important;
	border-top: 1px solid #e7dfd6 !important;
	border-bottom: 1px solid #e7dfd6 !important;
	background: #f8f3e8 !important;
	color: #956f29 !important;
	font-size: 8px !important;
	font-weight: 900 !important;
	letter-spacing: .1em !important;
	text-transform: uppercase !important;
}

.joblist_job_staff,
.joblist_staff {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 6px !important;
	padding: 11px !important;
}

.joblist_staff a,
.joblist_job_staff a {
	display: inline-flex !important;
	align-items: center !important;
	min-height: 30px !important;
	padding: 0 10px !important;
	border: 1px solid #e7dfd6 !important;
	border-radius: 999px !important;
	background: #fffdfb !important;
	color: #236b78 !important;
	font-size: 8px !important;
	font-weight: 900 !important;
	text-decoration: none !important;
}

.red_alert,
.joblist_alert {
	padding: 9px 12px !important;
	border: 1px solid rgba(205,163,79,.22) !important;
	border-radius: 13px !important;
	background: #fbf4e7 !important;
	color: #8f6a28 !important;
	font-size: 9px !important;
	font-weight: 800 !important;
}

@media (max-width: 760px) {
	body.lfam-joblist-page #content {
		width: calc(100% - 20px);
	}
	.joblist_job_flex,
	.joblist {
		grid-template-columns: 1fr !important;
	}
}