/*
	Theme Name: Cariera Child
	Theme URI: http://themeforest.net/user/gnodesign/portfolio/
	Template: cariera
	Description: Cariera Child Theme. 
	Author: Gnodesign
	Author URI: http://themeforest.net/user/gnodesign/
	License: ThemeForest
	License URI: http://themeforest.net/licenses
	Text Domain: cariera
	Domain Path: /lang/
*/

:root {
	--blue: #0f5f7f;
	--dark: #073a4a;
	--accent: #1fa6d6;
	--light: #f6f9fb;
	--card-bg: #ffffff;
	--text: #1d1d1f;
	--muted: #6b7280;
}

* {
	box-sizing: border-box;
}

.woocommerce form.checkout #order_review table.shop_table.woocommerce-checkout-review-order-table {
	background-color: var(--cariera-primary) !important;
}

.related-resumes {
	display: none !important;
}

/* Hide some options as per client request */
.fieldset-candidate_video,
.fieldset-candidate_rate,
.fieldset-candidate_education_level,
.fieldset-candidate_experience_years,
.fieldset-candidate_facebook,
.fieldset-candidate_twitter,
.fieldset-candidate_linkedin,
.fieldset-candidate_instagram,
.fieldset-candidate_youtube,
.fieldset-candidate_portfolio,
.fieldset-links,
.fieldset-candidate_featured_image {
	display: none !important;
}

.fieldset-company_twitter.cariera-company-manager-fieldset,
.fieldset-company_linkedin.cariera-company-manager-fieldset,
.fieldset-company_instagram.cariera-company-manager-fieldset {
	display: none !important;
}

/* Hide some options as per client request */

/* Job boost / promo button hide till next milestone */
a.listing-dashboard-action-promote,
a.job-dashboard-action-promote {
	display: none !important;
}

/* Download button hide till next milestone */
a.job-applications-download-csv {
	display: none !important;
}

.cv {
	margin: 0 auto !important;
	display: grid !important;
	grid-template-columns: 320px 1fr !important;
	gap: 0 !important;
	align-items: stretch !important;
}

.sidebar {
	background: linear-gradient(180deg, var(--dark), var(--blue)) !important;
	color: #fff;
	padding: 28px;
	border-radius: 12px 0 0 12px;
	position: relative;
	overflow: hidden;
}

.profile-pic {
	width: 110px;
	height: 110px;
	border-radius: 50%;
	overflow: hidden;
	border: 4px solid rgba(255, 255, 255, 0.15);
	margin: 0 auto 18px;
	background-color: #ffffff;
}

.profile-pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.name {
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 6px;
}

.role {
	text-align: center;
	opacity: 0.9;
	font-size: 14px;
	margin-bottom: 18px;
}

.candidate-details {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

ul.skill-list li,
.lang-item li,
.lang-list li {
	margin: 0;
	font-size: 14px;
}

.contact,
.skills,
.lang {
	background: transparent;
	padding: 0 12px;
	border-radius: 8px;
	margin-bottom: 14px;
}

.contact h4,
.skills h4,
.lang h4 {
	font-size: 18px;
	margin: 0 0 10px;
	opacity: 0.95;
	color: #fff;
	border-bottom: 1px solid #aba9a9;
	padding-bottom: 6px;
}

.skills ul.skill-list li.skill-item span .lang ul.lang-list li.lang-item span {
	font-size: 14px;
}

.contact p {
	margin: 0;
	font-size: 14px;
	opacity: 0.95;
	line-height: 1.3;
}

.candidate-contact-deatils {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.contact i.las {
	font-size: 20px;
}

.contact p.candidate-email a {
	color: #fff;
	font-size: 14px;
	word-break: break-all;
}

.candidate-contact-deatils p {
	font-size: 14px !important;
}

.skill-list,
.lang-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	gap: 4px;
}

.skill-item,
.lang-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.stars {
	font-size: 12px;
	opacity: 0.95;
}

.progress {
	height: 8px;
	background: rgba(255, 255, 255, 0.15);
	border-radius: 8px;
	overflow: hidden;
	margin-top: 6px;
}

.progress>i {
	display: block;
	height: 100%;
	background: linear-gradient(90deg, var(--accent), #7ee0ff);
}

.main-card {
	background: var(--card-bg);
	padding: 28px;
	border-radius: 0 12px 12px 0;
	box-shadow: 0 6px 20px rgba(16, 24, 40, 0.06);
}

.about h3 {
	margin: 0 0 8px;
	font-size: 20px;
}

.about p {
	margin: 0 0 18px;
	color: var(--muted);
	line-height: 1.6;
}

.section-block {
	margin-bottom: 18px;
}

.resume-main.cv p {
	font-size: 14px;
	line-height: 22px;
}

.section-block h4 {
	margin: 0 0 8px;
	font-size: 18px;
	color: var(--blue);
	border-bottom: 1px solid var(--blue);
	padding-bottom: 8px;
	margin-top: 30px;
}

.job,
.edu-item {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	gap: 12px;
	margin-bottom: 12px;
}

.job-title-wrapper,
.edu-item-wrapper {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 0;
}

.job .left,
.edu-item .left {
	flex: 1;
}

.job .title,
.edu-item .title {
	font-weight: 700;
	margin-bottom: 4px;
	font-size: 18px;
}

.job .meta,
.edu-item .meta {
	font-size: 14px;
	color: var(--muted);
}

.language-badges {
	display: flex;
	gap: 8px;
	margin-top: 10px;
}

.badge {
	background: var(--light);
	padding: 6px 10px;
	border-radius: 20px;
	font-size: 14px;
	color: var(--muted);
}

.bookmark-wrapper {
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
}

.single-resume-page {
	margin-top: 50px;
}

.single-resume-page.single-resume-v1 .bookmark-wrapper a.print-page {
	margin-top: 0;
}

.single-resume-page.single-resume-v1 .bookmark-wrapper .resume-private-message {
	margin-bottom: 0;
}

.resume-main.cv .about.section-block br,
.resume-main.cv .experience-body p br,
.resume-main.cv .education-body p br {
	display: none;
}

.applications-info.dashboard-applications-info {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 5px;
}

.application-button-warpper .job-applications-compar {
	padding: 7px 14px !important;
	font-size: 16px !important;
	line-height: 1.65;
	text-transform: capitalize;
}

.application-button-warpper {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.list-end-notice {
	margin: 20px;
	background-color: #fff;
	padding: 175px 0;
	text-align: center;
	font-size: 30px;
	font-weight: 600;
	color: #333;
}

.job-app-controls {
	display: flex;
	justify-content: center;
	padding: 10px 15px;
	gap: 10px;
}

.custom_candidate_compare_wrapper {
	display: flex;
	justify-content: space-between;
	padding: 10px 15px;
	gap: 10px;
}

.candidate_compare_wrapper .candidate-button {
	padding: 10px 18px !important;
	min-width: fit-content;
	border-radius: 0 !important;
	font-size: 12px !important;
	display: flex;
	align-items: center;
	gap: 5px;
	text-transform: capitalize;
	margin: 0;
	min-height: 40px;
}

.candidate_compare_wrapper .candidate-button input {
	accent-color: #0099d8;
}

.application-button-warpper .job-applications-compar:hover {
	color: #ffffff;
}

footer.main-footer .footer-widget-area .footer-widget a:hover {
	color: #ffffff;
}

/* compare page style start */

/* table.candidate-table {
	border: 0;
} */

table.candidate-table tr th {
	background-color: #009cd4;
	color: #ffffff;
	font-size: 16px;
	font-weight: 500;
	padding: 8px 75px;
	white-space: nowrap;
	/* border: 0; */
}

tr:nth-child(even) {
	background-color: #f0f4f9;
}

table.candidate-table tbody tr td {
	font-size: 14px;
	font-weight: 400;
	padding: 8px 12px;
	/* border: 0; */

}

/* table.candidate-table tbody tr td:first-child {
	background-color: #f0f4f9;
	font-weight: 500;
} */

table.candidate-table tbody tr:hover td {
	background-color: #f2f9fe;
}

table.candidate-table tbody tr,
table.candidate-table tbody td {
	transition: 0.3s ease-in-out;
}

table.candidate-table tbody tr td ul {
	padding: 0;
}

table.candidate-table tbody tr td ul li {
	list-style-type: none;
}

table.candidate-table tbody tr td ul li {
	list-style-type: none;
}

.compare-table-responsive {
	overflow-x: auto;
}

/* compare page style end */

.details-seprater li:last-child {
	margin-bottom: 10px;
}

.details-seprater:first-child {
	border-bottom: 1px solid #e3e3e3;
	margin-bottom: 10px;
}

table.candidate-table {
	width: 100%;
}

.candidate-table tbody td:first-child,
.candidate-table thead th:first-child {
	position: sticky;
	left: 0;
	z-index: 99;
	background: #009cd4;
	color: #ffffff;
	padding: 8px 15px;
}

.candidate-table thead th:first-child {
	z-index: 999;
	/* stay on top of tbody cells */
}

table.candidate-table tbody tr:hover td:first-child {
	color: #948a99;
}

.user-roles-wrapper {
	flex-direction: column;
}

.user-roles-wrapper .user-role {
	margin-right: 0 !important;
	width: 100% !important;
}

.mo-openid-app-icons {
	display: flex !important;
	flex-direction: column !important;
	align-items: start !important;
	gap: 8px !important;
}

.job-applications .tinder-hidden {
	display: none !important;
}

.job-application.dragging {
	cursor: grabbing !important;
}

.job-applications .job-applications .job-application {
	max-width: 100% !important;
	width: 100% !important;
}

.control-btn {
	width: 40px;
	height: 40px;
	background-color: #ffffff;
	border: 1px solid #009cd4;
	transition: 0.3s ease-in-out;
}

.control-btn svg path {
	stroke: #009cd4;
}

.control-btn:hover {
	background-color: #009cd4;
}

.control-btn:hover svg path {
	stroke: #ffffff;
}

.modal-top-bar {
	display: flex;
	align-items: center;
	gap: 12px;
}

.application-btn-wrapper {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
}

/* Responsive */

header.cariera-main-header.main-header .main-nav-wrapper ul.main-nav {
	justify-content: right;
}

@media (max-width: 992px) {
	.single-resume-content .sidebar {
		margin-top: 0;
	}

	.single-resume-content .container {
		max-width: 100%;
	}

	.cv {
		display: block !important;
		grid-template-columns: 250px 1fr !important;
	}

	.main-card {
		border-radius: 0 0 12PX 12PX;
	}

	.candidate-details {
		display: grid;
		flex-direction: column;
		gap: 20px;
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 844px) {
	.profile-pic {
		width: 80px;
		height: 80px;
	}

	.single-resume-content .sidebar {
		padding: 24px 16px;
		order: 1;
		border-radius: 12px 12px 0 0;
	}

	.main-card {
		padding: 24px 16px;
	}

	.cv {
		grid-template-columns: 1fr !important;
		padding: 0 !important;
	}

	.main-card {
		order: 1;
	}

	.job-title-wrapper,
	.edu-item-wrapper {
		flex-wrap: wrap;
	}
}

@media (max-width: 599px) {
	.modal-top-bar {
		gap: 6px;
	}

	.candidate-details {
		grid-template-columns: repeat(2, 1fr);
	}

	.single-resume-content .btn {
		min-width: auto;
		outline: none;
		padding: 15px 25px;
	}
}

@media (max-width: 399px) {
	.candidate-details {
		grid-template-columns: repeat(1, 1fr);
	}
}