/**
 * Dynamic header backgrounds / company accent — values via CSS vars from PHP.
 * Kept small; printed in <head> with mc-critical.
 */

@media (max-width: 768px) {
	body.mc-has-author-bg .author-avatar {
		background: var(--mc-author-bg-mob) !important;
	}
}

body.mc-has-header-bg .vacancy-header {
	background: var(--mc-header-bg) center / cover no-repeat;
}

@media only screen and (max-width: 576px) {
	body.mc-has-header-bg .vacancy-header {
		background: var(--mc-header-bg-mob, var(--mc-header-bg)) center / cover no-repeat;
	}
}

body.mc-has-company-color .eli5-survey-option-number,
body.mc-has-company-color .tags a,
body.mc-has-company-color .highlight {
	background-color: var(--mc-company-color);
	color: #fff;
}

body.mc-has-company-color .eli5-survey-option-title a {
	border-color: var(--mc-company-color);
	line-height: 1.2;
}

body.mc-has-company-color .post-content a {
	border-color: var(--mc-company-color) !important;
}

body.mc-has-company-color .post-content ul li:before,
body.mc-has-company-color .post-content ol li:before,
body.mc-has-company-color a:hover {
	color: var(--mc-company-color) !important;
}

body.mc-has-company-color .people-name a:hover {
	color: var(--mc-company-color);
}

body.mc-has-company-color p.digits-title {
	color: var(--mc-company-color);
}

body.mc-has-company-color .vacancy-content h2 {
	border-left: 3px solid var(--mc-company-color);
}

body.mc-has-company-color .otziv p.text,
body.mc-has-company-color .resume-vacancy.email-vacancy,
body.mc-has-company-color .email-vacancy .yellow {
	background-color: var(--mc-company-color) !important;
	color: #fff;
	background: none;
}

body.mc-has-company-color .yellow,
body.mc-has-company-color .mc-button {
	border: solid 1px var(--mc-company-color) !important;
	box-shadow: 5px 5px 0px var(--mc-company-color);
	-moz-box-shadow: 5px 5px 0px var(--mc-company-color);
	-webkit-box-shadow: 5px 5px 0px var(--mc-company-color);
}

body.mc-has-company-color .post-content .pull-left,
body.mc-has-company-color #buddypress .pull-left {
	background: var(--mc-company-color);
	color: #fff;
}

body.mc-has-company-color p.intro,
body.mc-has-company-color #buddypress .intro {
	background: #d5edff;
	border-left: 5px solid var(--mc-company-color);
}