@charset "UTF-8";

/* latin */
@font-face {
	font-family: 'Pacifico';
	font-style: normal;
	font-weight: 400;
	font-display:swap;
	src: local('Pacifico Regular'), local('Pacifico-Regular'), url(/assets/pacifico/v12/FwZY7-Qmy14u9lezJ-6H6MmBp0u-.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
	width:100%;
	overflow-x:hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
*,html {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-khtml-box-sizing:border-box;
	-ms-box-sizing:border-box; 
	box-sizing:border-box;
}
body {
	background-color:var(--global-background-color);
	margin:0;
	padding:0;
	color:var(--global-text-color);
}
html {
	width:100%;
}
html,body {
	/*height:100%;*/
}
a {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
		-webkit-tap-highlight-color: transparent;
	color:var(--global-text-color);
	text-decoration:none;
}
a .position h2,
a .company h3 {
	color:var(--global-text-color);
	text-decoration:none;
	padding-top:2px;
	padding-bottom:2px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
		-webkit-tap-highlight-color: transparent;
}
a:hover .position h2,
a:hover .company h3 {
	border-bottom:2px solid;
	padding-bottom:0;
}
.position h2,
.company h3 {
	
	display:inline;
}

.modal-post .box.preview {
	background-color:#fff;
		color: var(--global-text-color);
}
.modal-post .box.preview p,
.modal-post .box.preview .action-back {
		color: var(--global-text-color);
}
.preload {
	display:none;
}
mark {
	background-color:#FFF34E !important;
	color:var(--global-text-color);
}

.top {
	max-width:100%;
	height:100vh;
	background-size:cover;
	position:relative;
}
body .top {
	/*-webkit-transition: height 1.25s cubic-bezier(0.1, 1, 0.1, 1);
	-moz-transition: height 1.25s cubic-bezier(0.1, 1, 0.1, 1);
	transition: height 1.25s cubic-bezier(0.1, 1, 0.1, 1);*/
}
.top .fa-chevron-down {
	position:absolute;
	bottom:0;
	left:50%;
	color:#fff;
	font-size:2em;
	cursor:pointer;
	margin-bottom:0.25em;
	z-index:50;
	margin-left:-0.5em;
}
td.schema {
	display:none;
}
html.loaded .top .fa-chevron-down {
	-webkit-transition: opacity 1.25s cubic-bezier(0.1, 1, 0.1, 1);
	-moz-transition: opacity 1.25s cubic-bezier(0.1, 1, 0.1, 1);
	transition: opacity 1.25s cubic-bezier(0.1, 1, 0.1, 1);
}
.header a:not(.button):hover {
	border-bottom:2px solid #fff;
}
.no-border {
	 -webkit-tap-highlight-color: rgba(0,0,0,0);
		-webkit-tap-highlight-color: transparent;
	border:none !important;
	-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
}
.filter {
	display:none;
}
body {
	margin-top:4.9em !important;
	color:var(--global-text-color);
}
h2 {
	font-weight:800;
}	


.by {
	right:0;
	bottom:0;
	background-color:var(--global-text-color);
	color:#fff;
	position:fixed;
	padding:0.5em;
	font-weight:500;
	background:#0072b1;
	z-index:4;
	border-top-left-radius:0.2em;
}
.by:hover {
	background-color:#fff;
	color:var(--global-text-color);
}
.by img {
	border-radius:0em;
	width:1.5em;
	vertical-align:middle;
}

.by p {
	margin:0;
	vertical-align:middle;
	display:inline;
	margin-left:0.5em;
	font-weight:700;
}
.backdrop,
.modal {
	display:none;
}
.backdrop {
	display:block;
}

.action-switch-jobs {
	display:none;
}
body {
	text-align:center;
}
.container {
	max-width:1100px;
	margin:0 auto;
}
.expand h2 {
	font-size:32px;
}
.expand h1,
.expand h2,
.expand h3,
.expand h4,
.expand h5,
.expand h6 {
	font-weight:800;
	margin:0;
	color:var(--global-text-color);
}
.expand {
	color:var(--global-text-color);
}
#jobsboard tr.expand.active {
	display:table-row;
}
.header {
	margin-bottom:1em;
	z-index:0;
	margin-top:-0.5em;
}
.top-bar {
	text-align:center;
}
.button:disabled {
	opacity: 0.5;
	pointer-events: none;
	filter: saturate(0);
}

.button {
	outline:none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color:#0072b1;
	color:#fff;
	padding:0.5em;
	border-radius:12px;
	border:2px solid #0072b1;
	cursor:pointer;
	font-weight:800;
	display:inline-block;
}
.button:active {
	opacity:0.5;
}
.button.black {
	background:#000;
	color:#fff;
	border:2px solid #000;
}
.button.black:hover {
	border:2px solid #000;
	color:#000;
}
.button.black.reverse {
	border:2px solid #000;
	color:#000;
}
.button.black.reverse:hover {
	background:#000;
	color:#fff;
	border:2px solid #000;
}
html.dark .button.black {
	background:#fff;
	color:#000;
	border:2px solid #fff;
}
html.dark .button.black:hover {
	border:2px solid #fff;
	background: none;
	color:#fff;
}
html.dark .button.black.reverse {
	border:2px solid #fff;
	color:#fff;
	background: none;
}
html.dark .button.black.reverse:hover {
	background:#fff;
	color:#000;
	border:2px solid #fff;
}
.button.white {
	background:#fff;
	color:#000;
	border:2px solid #000;
}
.button.white:hover {
	background:#000;
	border:2px solid #fff;
	color:#fff;
}
.button.white.reverse {
	border:2px solid #fff;
	color:#fff;
}
.button.white.reverse:hover {
	background:#fff;
	color:var(--global-text-color);
	border:2px solid #fff;
}
.button.green {
	background:#16bf63;
	color:#fff;
	border:2px solid #16bf63;
}
.button.green:hover {
	
	border:2px solid #16bf63;
	color:#16bf63;
}
.button.green.reverse {
	
	border:2px solid #16bf63;
	color:#16bf63;
}
.button.green.reverse:hover {
	background:#16bf63;
	color:#fff;
	border:2px solid #16bf63;
}

.button.reverse {
	background:none;
	color:#0072b1;
}
.button.reverse:hover {
	background-color:#0072b1;
	color:#fff;
}
.button:hover {
	background:none;
	color:#0072b1;
}
.button .fa {
	margin-right:0.2em;
	margin-left:0.2em;
	vertical-align:middle;
}
.pacifico {
	font-family:"Pacifico",sans-serif;
	text-transform:lowercase;
}
.expand .share.no-tweet {
	display:table;
	margin:0 auto;
}
.expand .share-this {
	display:inline-block;
	vertical-align:top;
	margin-top:3em;
}
.expand .share-this .button {
	display:block;
	margin-bottom:0.5em;
}
.expand .share.no-tweet .share-this .button {
	display:inline-block;
	margin-left:0.25em;
	margin-right:0.25em;
}
.button.facebook {
	background-color:#3b5998;
	border-color:#3b5998;
	color:#fff;
}
.button.facebook:hover {
	background:none;
	color:#3b5998;
}
.button.twitter {
	background-color:#4099FF;
	border-color:#4099FF;
	color:#fff;
}
.button.twitter:hover {
	background:none;
	color:#4099FF;
}
/*a.button.reverse.red:hover {
	background:none;
}*/
.page {
	z-index: 0;
	position: relative;
	padding:0;
	margin:0;
	/* padding-bottom:10em; */
	background-color:#f9f9f9;
	/*min-height: 100%;*/
	height: auto !important;
	height: 100%;
	margin:0 auto;
}
#jobsboard td.position h2 {
	
	line-height:1.5;
	font-weight:normal;
}
#jobsboard tr td.position h2,
#jobsboard tr.remoteok-original td.position h2,
#jobsboard tr.verified td.position h2,
#jobsboard tr.hot td.position h2,
#jobsboard tr.new td.position h2 {
	font-weight:800;
}
.top-links {
	position:absolute;
}
.header {
	position:relative;
	margin-bottom:0.5em;
}
body {
	margin-top:0 !important;
}
.backdrop {
	width:100%;
	height:100%;
	top:0;
	left:0;
	position:fixed;
	background-color:rgba(0,0,0,0.5);
	z-index:10;
	cursor:pointer;
	display:none;
}
.modal {
	z-index:11;
	position:fixed;
	display:none;
}
.modal-add-job {
	margin:0 auto;
	top:50%;
	left:50%;
	width:50em;
	height:17.5em;
	margin-top:-16.75em;
	margin-left:-25em;
}
.modal-add-job p:first-of-type {
	line-height:2;
}
.modal-add-job a.close {
	border-bottom:2px solid var(--global-text-color);
	font-weight:700;
	cursor:pointer;
	float:right;
	position:absolute;
	top:0;
	right:0;
	margin:1em;
	margin-top:0.5em;
}
.modal-add-job .inside {
	padding:2em;
	background-color:#fff;
	border-radius:0.2em;
}
#jobsboard {
	width:100%;
	max-width:1100px;
	margin:14px auto;
	/* margin-bottom:3em; */
	border-spacing:0;
	border-collapse:seperate;
}
.remote-ok-logo .trademark {
	font-size: 9px;
		font-weight: normal;
		margin-left:2px;
		margin-top:6px;
		text-shadow:rgba(0, 0, 0, 0.25) 1px 1px 0px;
}
.header .remote-ok-logo {
	margin:0 auto;
	margin-top: 2em;
	margin-bottom: 0.5em;
	display:table;
}
.remote-ok-logo h2,
.remote-ok-logo h1 {
	font-size:2em;
	color:var(--global-text-color);
	margin:0;
	margin-top:-0.5em;
	margin-bottom:0.35em;
}
.remote-ok-logo h2 .pacifico,
.remote-ok-logo h1 .pacifico {
	font-family:"Pacifico","Helvetica",sans-serif;
	vertical-align:bottom;
	line-height:1.15;
	font-weight:normal;
	font-size:1.35em;
	display:inline-block;
}
body.tags .remote-ok-logo h1 .ok,
.remote-ok-logo h1 .ok,
body.tags .remote-ok-logo h2 .ok,
.remote-ok-logo h2 .ok {
	display:inline-block;
	line-height:1.25;
	position:relative;
	top:0.65em;
	/*margin-left:8px;*/
	padding-top: 5px;
	padding-left: 5px;
	font-size:0.85em;
	border-left:4px solid;
	vertical-align:top;
	font-weight:800;
	margin-top:-5.75px;
	/*border-radius:100%;*/
}
.remote-ok-logo h1 .ok:after {
	content:'	';
	height:39px;
	width:50px;
	position:absolute;
	margin-left:-101%;
	margin-top:-5%;
	border-left:3px solid rgba(0,0,0,0.25);
	z-index:-10;
	/*border-radius:100%;*/
}

.remote-ok-logo h1 .ok_line {
	display:inline-block;
	line-height:1.25;
	position:relative;
	top:0.65em;
	margin-left:8px;
	padding-top: 5px;
	padding-left: 5px;
	font-size:0.85em;
	border-left:4px solid;
	vertical-align:top;
	font-weight:800;
	margin-top:-5.75px;
	border-radius:0;
	padding-top:1px;
}
.remote-ok-logo h1 .ok_line:after {
	content:'	';
	height:36px;
	width:50px;
	position:absolute;
	margin-left:-100%;
	margin-top:0;
	border-left:3px solid rgba(0,0,0,0.5);
	z-index:-10;
	filter:blur(1px);
}
.remote-ok-logo h1 .ok.lowercase { 
	top:0.25em;
	padding-left:0.35em;
}
.remote-ok-logo h1 .ok.lowercase {
}
.header {
	margin:0;
	background-color:rgb(246,246,246);
	color:var(--global-text-color);
	overflow:hidden;
	color:#fff;
	padding-left: 0.5em;
	padding-right: 0.5em;
	position:relative;
	height:auto;
}
.header .bg {
	background-size:cover;
	width:calc(100vw + 20px);
	height:calc(25vh + 20px);
	margin-left:-10px;
	margin-top:-10px;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
}
.header p,
.header h1,
.header h2 {
	z-index:1;
	position:relative;
}

#jobsboard th.heading {
	padding-top:1em;
}
#jobsboard thead:first-of-type th.heading {
	padding-top:0;
}
#jobsboard thead:first-of-type th.heading h1,
#jobsboard thead:first-of-type th.heading h2 {
	margin-top:0.25em;
}
#jobsboard tr:first-child td {
	/*padding-top:0;*/
}
th.heading h1,
th.heading h2 {
	font-size:20px;
	font-weight:800;
}
th.heading .date {
	margin-left:0.2em;
	font-weight:700;
	color:rgb(198,194,190);
	font-size:0.55em;
	text-transform:uppercase;
}
#jobsboard td.salary,
#jobsboard td.location {
	display:none;
}
.bottom-notice a,
.header a {
	color:var(--global-text-color);
	font-weight:800;
	color:#fff;
}
.bottom-notice {
	width:100%;
	bottom:0;
	left:0;
	position:absolute;
	display:block;
	display:none;
}
.top .bottom-notice h2,
.header h2 {
	
	font-weight:400;
	line-height:1.75;
	color:#fff;
	max-width:1100px;
	margin:1em auto;
		text-shadow: 1px 1px 0 rgb(0,0,0);
}
/*html.tag .header h2,
html.startup .header h2,
html.tag .header h2 a,
html.startup .header h2 a {
	color:var(--global-text-color);
}*/
.header h2 {
	padding:0.25em;
	padding-top:0;
	margin-top:0;
}
body.tags .header h2 {
	display:none;
}
.header .remote-ok-logo {
	margin-top: 2em;
	margin-bottom: 1.5em;
}
#jobsboard .head th {
	color:rgb(88, 84, 80);
	font-weight:800;
	text-align:left;
	padding-top:0;
	display:none;
}
#jobsboard tr.job {
	border-radius: 12px;
	cursor:pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color:var(--input-background-color);
	/* 2023-05-13 recession remove box shadow */
/*	box-shadow:1px 2px 4px rgba(0,0,0,.03);*/
	border:none;
}
#jobsboard tr.job.visited td:first-child {
	position: relative;
}
#jobsboard tr.job.visited td:first-child::after {
	content: "✓";
    position: absolute;
    top: 45px;
    font-weight: Bold;
    left: -22px;
    transform: translateY(-50%);
    color: var(--input-border-color);
	opacity:1;
    font-size: 16px;
    opacity: 1;
    z-index: 2;
	display:none; /* log but hide for non-premium users */
}
html.premium #jobsboard tr.job.visited td:first-child::after {
	display:block;
}

.button {
	box-shadow:1px 2px 4px rgba(0,0,0,.03);
	box-shadow:0 2px 4px 0 rgb(0 0 0 / 7%), 0 1px 1.5px 0 rgb(0 0 0 / 5%) !important;
}

/*#jobsboard tr.job.old:not(.active) {
	opacity:0.5;
	filter: saturate(0%);
}
#jobsboard tr.job.old:not(.active):hover {
	opacity:1;
	filter:none;
}*/
#jobsboard tr.expand {
	display:none;
}
#jobsboard tr.expand td {
	border-left: 1px solid var(--input-border-color);
	border-right: 1px solid var(--input-border-color);
}
html.job #jobsboard tr.expand {
	display:table-row;
}
.notice,
.notice-post-job {
	padding:0.75em;
	overflow:hidden;
	margin-bottom:14px;
	margin-top:14px;
	font-weight:800;
	border-radius:12px;
	/*border:1px solid var(--input-border-color);*/
	background:var(--input-background-color);
	display:block;
	box-shadow:1px 2px 4px rgba(0,0,0,.03);
	border:none;
	box-shadow:var(--box-shadow-central);
}
@media (max-width:600px) {
	.notice,
	.notice p,
	.notice-post-job
	.notice-post-job p {
		margin-right:0.5em;
		margin-left:0.5em;
	}
}
.notice p,
.notice-post-job p {
	display:inline-block !important;
}
.notice-post-job a {
	
}
.button.action-post-job {
	background:#0072b1;
	border:2px solid #0072b1;
	color:#fff;
	border-radius:12px;
	text-align:center;
}
.button.action-post-job:hover {
	background:none;
	color:#0072b1;
	border:2px solid #0072b1;
}

/*.top .button.action-post-job {
	background:none;
	border:2px solid #0072b1;
	color:#0072b1;
}
.top .button.action-post-job:hover {
	background:#0072b1;
	color:#fff;
	border:2px solid #0072b1;
}*/

.expand .p,
.expand p {
	margin:0;
	margin-bottom:14px;
	margin-top:14px;
	line-height:1.5;
}
.expand li {
	line-height:1.5;
	text-align:left;
}
#jobsboard tr.expand.has-banner .expandContents {
	margin-top:300px;
}
#jobsboard tr.expand .expandContents {
	background-color:#fff;
	word-break:break-word;
	white-space: initial;
}
#jobsboard tr.expand .expandContents * {
	font-family: "Nunito","Helvetica",Arial,sans-serif !important;
}
#jobsboard tr.expand .expandContents pre,
#jobsboard tr.expand .expandContents code {
	white-space: initial;
}
#jobsboard tr.expand td {
	line-height:1.5;
	position:relative;
	padding:0;
}
#jobsboard tr,
#jobsboard td {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
		-webkit-tap-highlight-color: transparent;
}
#jobsboard td.score {
	display:none;
	padding-top:0;
	padding-bottom:0;
}
#jobsboard td.score {
}
#jobsboard td.score .round {
	display:table;
	margin:0;
	padding:0.8em;
	border-radius:0.2em;
	padding-left:0.5em;
	padding-right:0.5em;
	padding-top:0.625em;
	padding-bottom:0.625em;
	text-align:center;
	font-weight:800;
	border-radius:5em;
	min-width:3em;
}
td.score .okay {
	background-color:var(--global-text-color);
	background-color:var(--global-text-color);
	color:#fff;
}
td.score .good {
	background-color:var(--global-text-color);	
	color:#fff;
}
td.score .great {
	background-color:var(--global-text-color);	
	background-color:var(--global-text-color);	
	color:#fff;
}
td.score {
	position:relative;
	line-height:1;
}
td.score .pts {
	text-align:center;
	font-size:0.75em;
	margin:0 auto;
	font-weight:800;
	line-height:1;
	width:100%;
}


.nav .action-post-job .fa {
	
	margin:0;
	margin-right:0.15em;
	line-height:0.4em;
	vertical-align:middle;
	display:inline-block;
}
.apply_button {
	z-index:1;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-align:center;
	border:2px solid rgba(35,35,35,0);
	
	vertical-align:middle;
	font-weight:800;
	
	display: inline-block;
	
	
	width:100%;
	padding-top:0.25em;
	padding-bottom:0.25em;
	position:absolute;
	right: 21px;
	top: 0.65em;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	border-radius:12px;
}
.action-apply {
		border-radius:12px;
}
.apply_button p {
	display:inline-block;
	margin:0;
	opacity:0;
	vertical-align:middle;
	
	line-height:2;
	vertical-align:middle;
	text-align:right;
}
.apply_button .logo {
	display:inline-block;
	float:right;
	text-align:center;
	width:50%;
	vertical-align:middle;
}
.source-wfh {
	background-image:url('/assets/source-wfh.png');
	background-size:cover;
	width:3.4em;
	height:1.25em;
	display:inline-block;
	vertical-align:middle;
	margin-top:0.25em;
}
.source-remoteok {
	background-image:url('/assets/source-remoteok.png');
	background-size:cover;
	width:3.4em;
	height:1.25em;
	display:inline-block;
	vertical-align:middle;
	margin-top:0.25em;
}
.source-authenticjobs {
	background-image:url('/assets/source-authenticjobs.png');
	background-size:cover;
	width:3.4em;
	height:1.25em;
	display:inline-block;
	vertical-align:middle;
	margin-top:0.25em;
}





















#jobsboard tr.active td {
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
}
#jobsboard tr.expand td {
	border-bottom-left-radius:12px;
	border-bottom-right-radius:12px;
	border-bottom: 1px solid var(--input-border-color);
}
.source-nomad {
	background-image:url('/assets/source-nomad.png');
	background-size:cover;
	width:2em;
	height:2em;
	display:inline-block;
	vertical-align:middle;
}
tr.active .apply_button p,
tr:hover .apply_button p {
	opacity:1;
}
tr.insert .apply_button,
tr.active .apply_button,
tr:hover .apply_button {
	border:2px solid var(--global-text-color);
	border:2px solid var(--global-text-color);
	border:2px solid #0072b1;
	background-color:#0072b1;
	background-color:#0072b1;
	color:#fff;
}

tr.dark.active .apply_button,
tr.dark:hover .apply_button {
	background-color:#fff;
	color:#0072b1;
	border:2px solid #fff;
}
/*@media (max-width:800px) {
	tr.dark .apply_button,
	tr.dark .apply_button {
		background-color:#fff;
		color:#0072b1;
		border:2px solid #fff;
	}
}*/
.button.action-apply .fa,
tr.active .apply_button .fa,
tr:hover .apply_button .fa {
	color:#fff;
}













.apply_button .fa {
	vertical-align:middle;
}
.apply_button img {
	vertical-align:middle;
}
#jobsboard td {
}
#jobsboard td.source {
	text-align:right;
	width:10em;
}
.source .fa {
	font-size:2em;
}
.source img {
	height:2em;
}
.action-apply img {
	height:1em;
	vertical-align:middle;
}

.rss {
	position:absolute;
	top:0;
	left:0;
	color:var(--global-text-color);
	color:#fff;
	z-index:10;
	margin:0.35em;
	
	min-width:2em;
	border-radius:0.2em;
	border:2px solid #fff;
	background:none;
	padding:0.2em;
}
.rss.json {
	left:2.5em;
}
.rss a,
.rss.json a {
	font-size:0.75em;
	font-weight:800;
	font-weight:bold;
}
.rss:hover {
	background-color:#fff;
	color:var(--global-text-color);
}
.rss.open {
	left:5.5em;
}
.rss.open a {
	font-size:0.75em;
	font-weight:bold;
}
.rss a {
	color:#fff;
	margin:0;
}
.rss:hover a {
	color:var(--global-text-color);
}
.rss:hover {
	background:#fff;
}
@media (max-width:600px) {
	.rss,
	.rss.json {
		display:none;
	}
}
.modal-post-job-old {
	padding:4em;
}
.modal-post-job-old iframe {
	width:100%;
	height:100%;
	border:none;
}
#jobsboard tr.expand td a:not(.button) {
	color:var(--global-text-color);
	font-weight:700;
}

#jobsboard tr.expand td {
	text-align:left;
}

.expandContents a {
	border-bottom: 2px solid var(--global-text-color);
}
.expandContents a:hover {
	opacity: 0.75;
}
.expandContents a:active {
	opacity: 0.5;
}

.instructions,
.requirements,
.responsibilities,
.description {
	/*max-width:800px;*/
	max-width:900px;
	/*max-width:1000px;*/
	margin:0 auto;
}

.instructions,
.requirements,
.responsibilities,
.description {
	padding:28px;
}

.insert {
	border:none !important;
	line-height:1.5;
}
.insert img {
	vertical-align:middle;
	margin:0;
	margin-right:0.5em;
	margin-left:0.5em;
}
.requirements,
.responsibilities,
.instructions {
	overflow:hidden;
	text-align:center;
}
.instructions div {
	margin:14px;
}
#jobsboard tr.expand td a:not(.button):not(.no-border):hover {
	border-bottom:2px solid var(--global-text-color);
}











.nav {
	z-index:1;
	color:#fff;
	top:0;
	width:100%;
	
	
	position:relative;
}
.nav span.a,
.nav a:not(.not-a) {
	display:inline-block;
	font-weight:800;
	vertical-align:middle;
	border:none;
	padding:0.75em;
	padding-left:0em;
	padding-right:0em;
	color:var(--global-text-color);
	
	
}
.nav a:hover {
	opacity:0.5;
}
.nav a:active {
	opacity:0.25;
}

.nav p {
		margin: 0;
		display: inline-block;
		vertical-align: middle;
		text-transform: uppercase;
		font-size:12px;
		/*height: 3.25em;*/
		overflow: hidden;
}
.nav .box {
	max-width:1100px;
	text-align:left;
	margin:0 auto;
	position:relative;
	white-space:initial;
}
.nav::-webkit-scrollbar {
	display: none;
}
.nav {
	-ms-overflow-style: none;	/* IE and Edge */
	scrollbar-width: none;	/* Firefox */
}
.nav .fa,
.nav i {
	display:inline-block;
	font-size:0.65em;
	vertical-align:middle;
}
.nav span.a i,
.nav a:not(.not-a) i,
.nav a:not(.not-a) .fa {
	margin-bottom: 0.5em;
	font-size: 1.25em;
	display: block;
}
.nav.fixed a.active,
.nav.fixed a:hover {
	border-radius:0;
	border-top-left-radius:0;
	border-top-right-radius:0;
}
.nav.fixed {
	position:fixed;
}

.allTags {
	max-width:800px;
	margin:0 auto;
	margin-top:2em;
}
.allTags .tag {
	padding:0;
	line-height:1;
	border:2px solid var(--global-text-color);
	border:1px solid var(--global-text-color);
	border-radius:0.4em;
	display:inline-block;
	margin:0.5em;
	cursor:pointer;
	
}
.allTags .tag:hover {
	background-color:var(--global-text-color);
	color:#fff;
}
.allTags .tag h3 {
	margin:0;
	padding:0.5em;
	text-transform:uppercase;
}
#jobsboard th,
#jobsboard td {
	padding:0.75em;
	padding-bottom:21px;
	padding-top:21px;
	
	text-align:left;
	vertical-align:middle;
	font-weight:400;
}
#jobsboard .company {
	height:4em;
	height:5em;
	padding:0;
	padding-left:0em;
}
html.pageType-company #jobsboard .company {
	padding-left: 28px;
}
#jobsboard .company a:not(.preventLink):hover,
#jobsboard .position a:not(.preventLink):hover {
	/* border-bottom:2px solid var(--global-text-color); */
}
#jobsboard tr.dark .company a:not(.preventLink):hover,
#jobsboard tr.dark .position a:not(.preventLink):hover {
	/* border-bottom:2px solid #fff; */
}
#jobsboard .image {
	padding-right:0.5em;
}
#jobsboard .insert .logo,
.header .logo,
.allStartups .tag .logo,
#jobsboard .image .logo {
	overflow:hidden;
	
	background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
	width:3em;
	height:3em;

	margin:0;
	margin-right:0.2em;
	display:inline-block;
	vertical-align:middle;
	
	background-color:#fff;

	/*object-fit:contain;*/
	object-fit: scale-down;
	object-position:center;
	/*border: 1px solid var(--input-border-color);*/
	border-radius:12px;
	border-radius: 100%;
	box-shadow:1px 2px 4px rgba(0,0,0,.03);
	
	width: 60px;
	height: 60px;
}
#jobsboard .image .logo.initials {
	background: var(--input-background-color);
}
#jobsboard .image .logo p {
	line-height: 60px;
}

@media (max-width: 600px) {
	#jobsboard .insert .logo,
	.header .logo,
	.allStartups .tag .logo,
	#jobsboard .image .logo {
		width: 40px;
		height: 40px;
	}
	#jobsboard .image .logo p {
		line-height: 40px;
	}
}
#jobsboard .image .logo {
	border: 2px solid #fff;
	border: 2px solid var(--input-border-color);
}
.header .logo {
	border:none;
}
.allStartups .tag .logo {
	float:left;
	margin-right:0.5em;
	background-color:#fff;
}
.header .logo {
	height:1.5em;
	width:1.5em;
}
#jobsboard .image .logo p {
	/*color:rgb(218,214,210);*/
	color: var(--global-text-color);
	font-weight:700;
	font-size:1.5em;
	margin:0;
	text-align:center;
	vertical-align:middle;
}
html:not(.dark) #jobsboard tr:not(.dark) .image .logo {
	background-color:#fff !important;
}

#jobsboard td.company h3 {
	margin:0;
	display:inline;
	vertical-align:middle;
	font-weight:400;
}

#jobsboard tr.job td.company h3 {
	color: var(--global-text-color);
}

#jobsboard .time {
	text-align:left;
	max-width:6em;
	font-size:0.85em;
}
#jobsboard .company {
	max-width:10em;
}
#jobsboard .position {
	max-width:20em;
}
#jobsboard td.tags {
	min-width:10em;
	max-width:16em;
	padding:0;
	margin:0;
	padding-left:0.5em;
	color:var(--global-text-color);
}
@media (max-width:600px) {
	#jobsboard td.tags {
	min-width:none;
	}
}
.selected-tags {
	text-align:left;
	margin-left:-6px;
	margin-top: -3.5px;
	min-height: 14px;
}


#jobsboard .tags .tag,
table.trends .tag {
	border:2px solid var(--global-text-color);
	border-radius:12px;
	display:table;
	padding:0.33em;
	padding: 7px;
	margin:0.2em;
	margin: 3.5px;
	display:inline-block;
	/*text-transform:lowercase;*/
	font-weight:700;
	vertical-align:middle;
}
table.trends,
table.trends td {
	text-align:left;
}
table.trends td {
	padding:0.25em;
}
table.trends .tag {
	font-size:0.65em;
}
#jobsboard .expand strong.label {
	display:inline-block;
	margin-right:0.5em;
}
#jobsboard .expand .tags {
	display:inline-block;
}
#jobsboard .tags .tag {
	color:var(--global-text-color);
}
#jobsboard tr:not(.dark) .tags .tag:hover {
	background-color:var(--global-text-color) !important;
	color: #fff !important;
}
#jobsboard tr.dark .tags .tag:hover h3 {
	background: none;
}
#jobsboard .tags .tag h3 {
	cursor:cell;
	margin:0;
	line-height:1;
	font-size:0.7em;
	font-weight:800;
}
td.spacer {
	
	display:none;
}
#jobsboard .head th.company {
	padding-left:0.3em;
}
#jobsboard .padder {
	width:0.5em;
	padding:0;
}
.button,
.button p,
.button .fa {
	vertical-align:middle;
}
.switcher-container {
	display:none;
}
.header {
	background-color:#fffB2B;
	background-color:var(--global-text-color);
	background-color:rgb(246,246,246);
	background-color:var(--global-text-color);
	color:#fff;
	background-position: center 10%;
}
.header em {
	font-style:bold;
}
.nav {
	margin-bottom:0.5em;
}
.top .cover {
	width:100%;
	height:100%;
	
	display:block;
	position:absolute;
	display:none;
	
	opacity:0.5;
	top:0;
	left:0;
	
	
	
	
	
	
	
	background: -moz-radial-gradient(center, ellipse cover,	rgba(35,35,35,0) 0%, rgba(35,35,35,0) 1%, rgba(35,35,35,0.65) 97%, rgba(35,35,35,0.65) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(35,35,35,0)), color-stop(1%,rgba(35,35,35,0)), color-stop(97%,rgba(35,35,35,0.65)), color-stop(100%,rgba(35,35,35,0.65))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,	rgba(35,35,35,0) 0%,rgba(35,35,35,0) 1%,rgba(35,35,35,0.65) 97%,rgba(35,35,35,0.65) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,	rgba(35,35,35,0) 0%,rgba(35,35,35,0) 1%,rgba(35,35,35,0.65) 97%,rgba(35,35,35,0.65) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,	rgba(35,35,35,0) 0%,rgba(35,35,35,0) 1%,rgba(35,35,35,0.65) 97%,rgba(35,35,35,0.65) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,	rgba(35,35,35,0) 0%,rgba(35,35,35,0) 1%,rgba(35,35,35,0.65) 97%,rgba(35,35,35,0.65) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--global-text-color)00000', endColorstr='#a6000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
html.frontpage.minimize-header .top {
	/*cursor:pointer;*/
}
.top .video {
	background-color:var(--global-text-color);
	/*background-image:url('/assets/bg2-720px.jpg');
		filter: blur(5px);*/
	background-size:cover;
	min-width:100%;
	top:0;
	min-height:100%;
	z-index:-1;
	position:fixed;
	/*-webkit-transition: opacity 1.25s cubic-bezier(0.1, 1, 0.1, 1);
	-moz-transition: opacity 1.25s cubic-bezier(0.1, 1, 0.1, 1);
	transition: opacity 1.25s cubic-bezier(0.1, 1, 0.1, 1);*/
		width: 100%;
		height:100%;
		/*transform:scale(1.1);*/
		/*background-image:url('/assets/bg2-720px-blur.jpg');*/
		/*background-image:url('/assets/bg2.jpg');*/
		/*background-image:url('https://images.unsplash.com/photo-1446776811953-b23d57bd21aa?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1440&q=80');*/
		/*background-image:url('https://images.unsplash.com/photo-1524508762098-fd966ffb6ef9?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2100&q=80');*/
		background-size:cover;
		background-position:center center;
		background-color:#dddddd;
		position:absolute;
		background-position:center center;
		background-size:cover;
}
html.frontpage .top .video {
		/*background-image:url('https://images.unsplash.com/photo-1446776811953-b23d57bd21aa?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1440&q=80');*/
		background-position:top center;
		/*background-image:url('https://images.unsplash.com/photo-1463725876303-ff840e2aa8d5?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1778&q=80');
		background-position:center 30%;*/
		/*background-image:url('https://images.unsplash.com/photo-1524508762098-fd966ffb6ef9?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1000&q=50');*/
		background-size:cover;
}
@media (min-width:800px) {
	html.frontpage .top .video {
			background-position:center center;
		}
}
.header .bg {
		/*background-image:url('https://images.unsplash.com/photo-1446776811953-b23d57bd21aa?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1440&q=80');*/
		/*background-image:url('https://images.unsplash.com/photo-1524508762098-fd966ffb6ef9?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2100&q=80');*/
		background-position:center center;
		background-size:cover;
}
.top .video.still {
	/*filter: blur(5px);*/
}
.top .video video {
	background-color:var(--global-text-color);
	
	display:none;
	position:absolute;
	top:0;
	left:0;
	min-width:100%;
	min-height:100%;
	margin:0;
}
.top .remote-ok-logo {
	margin-top:1em;
	z-index:10;
	text-shadow:2px 2px 0px rgba(0,0,0,0.25);
}
.top-bar .remote-ok-logo,
.top-bar .remote-ok-logo h1,
.top-bar .remote-ok-logo a,
.header .remote-ok-logo,
.header .remote-ok-logo h1,
.header .remote-ok-logo a,
.top .remote-ok-logo,
.top .remote-ok-logo h1,
.top .remote-ok-logo a {
	color:#fff;
	z-index:1;
	position:relative;
	top:0.2em;
	text-align: center;
	border: none;
}
.top .box .in {
		font-size: 2em;
		display: inline;
}
.top .box {
	color:var(--global-text-color);
	color:#fff;
	width:100%;
	left: 50%;
	transform: translateX(-50%);
	text-align:center;
	margin-top:-12.5em;
	top:50%;
	position:absolute;
}
html.loaded .top .box {
	/*-webkit-transition: margin-top 1.25s cubic-bezier(0.1, 1, 0.1, 1);
	-moz-transition: margin-top 1.25s cubic-bezier(0.1, 1, 0.1, 1);
	transition: margin-top 1.25s cubic-bezier(0.1, 1, 0.1, 1);*/
}
.top .box h1,
.top .box h2 {
	-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	font-size:3em;
	line-height:1.25;
	margin-bottom:1em;
	font-weight:100;
	text-shadow:1px 2px 4px rgba(0,0,0,0.1),1px 2px 4px rgba(255,255,255,0.1);
	text-shadow:2px 2px 1px rgba(0,0,0,.25);
}
.minimize-header .top .box h1,
.minimize-header .top .box h2 {
	margin-bottom:0.25em;
}
.top .box h1 em {
	font-style:normal;
	font-weight:800;
}
html.minimize-header .top .video video {
	display:none;
}
html.minimize-header .sources {
	opacity:0;
}
html.minimize-header .top .fa-chevron-down {
	opacity:0;
}
html.minimize-header .top .box h1 {
	opacity:0;
	display:none;
}
html.minimize-header .top {
	height:35vh;
	overflow:hidden;
	background: -webkit-linear-gradient(top, rgba(0, 0, 0,0.25) 0%,rgba(0, 0, 0, 0) 50%) !important;
}
html.pageType-company.minimize-header .top {
	background: none !important;
}
html.minimize-header .top .box {
	
	margin:0;
	top:0;
	top:45%;
	
	
}
/*@media (max-width:600px) {
	body .top .in {
		display:none !important;
	}
	body .top .box h1 {
		display:none !important;
	}
	.top .box .search {
		top:50%;
		margin-top:-1em;
	}
	html.minimize-header .top .box .search {
		top:50%;
		margin-top:-5.5em;
	}
	.top .box .search {
		width:9em;
		border-radius:0;
	}
	.notice-post-job {
		
	}
}*/
.top .box .search {
	
	color:var(--global-text-color);
	font-weight:700;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	border:0;
	font-size:1.5em;
	padding:0.5em;
	outline:none;
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	text-align:center;
	
	background:none;
	color:#fff;
	border-bottom:2px solid #fff;
	text-align:left;
	color:var(--global-text-color);
	background:var(--input-background-color);
	border-radius:12px;
	box-shadow:1px 2px 4px rgba(0,0,0,.25);
	padding-left:2.5em;
	background-image:url('/assets/search-black.png');
	background-repeat:no-repeat;
	background-size:1em;
	background-position:0.75em center;
	width:400px;
	max-width:80vw;
	border-radius:100px;
	border:none;
	box-shadow:var(--box-shadow-central);
}
html.dark .top .box .search {
	background-image:url('/assets/search-white.png');
	color: #fff;
	/*outline: 1px solid 1px solid rgba(50,50,50,0.75);*/
    border-bottom: 1px solid rgba(150,150,150,0.75);
    /*border-top: 1px solid rgba(50,50,50,0.75);*/
    box-shadow: none;
}
.ui-autocomplete {
	box-shadow:0 4px 6px rgba(0,0,0,.25)!important;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	max-height:50vh;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
	overflow-scrolling:touch;
	margin-top:-2px;
	padding:0;
	padding-inline-start:0;
	max-width: 80vw;
	width:350px;
}
.ui-autocomplete li.ui-menu-item:first-of-type {
	margin-top:-4px;
}
.ui-autocomplete li.ui-menu-item {
	cursor:pointer;
	background-color:#fff;
	
	padding:0.5em;
	text-align:left;
		border-bottom: 1px solid #ededed;
	list-style-type:none !important;
}
.ui-autocomplete li.ui-menu-item:hover {
	background-color:var(--global-text-color);
	background-color:#dddddd;
	color:#fff;
	color:var(--global-text-color);
}
.sources {
	background-color:var(--global-text-color);
	color:#fff;
	padding:1em;
	z-index:-1;
	position:absolute;
	bottom:0;
	width:100%;
	display:none;
}
html.loaded .sources {
	/*-webkit-transition: opacity 1.25s cubic-bezier(0.1, 1, 0.1, 1);
	-moz-transition: opacity 1.25s cubic-bezier(0.1, 1, 0.1, 1);
	transition: opacity 1.25s cubic-bezier(0.1, 1, 0.1, 1);*/
}
.frontpage .sources {
	display:block;
	display:none;
}
.sources h3 {
	text-transform:uppercase;
}
.frontpage .sources {
	background-color:rgba(35,35,35,0);
	margin-bottom:1.5em;
}
#jobsboard tr.expand .expandContents {
	background-color:#f5f5f5;
	border-bottom-left-radius:12px;
	border-bottom-right-radius:12px;
	display:block;
	overflow:visible;
}
#jobsboard tr.head td {
	font-weight:800;
	vertical-align:bottom;
}
#jobsboard tr.expand .action-apply .source-wwr {
	background-image:url('/assets/source-wwr-white.png');
}
#jobsboard tr.expand .action-apply .source-weworkmeteor {
	background-image:url('/assets/source-weworkmeteor-white.png');
}
#jobsboard tr.expand .action-apply .source-wfh {
	background-image:url('/assets/source-wfh-white.png');
}
#jobsboard tr.expand .action-apply .source-remoteok {
	background-image:url('/assets/source-remoteok-white.png');
}
#jobsboard tr.expand .action-apply .source-authenticjobs {
	background-image:url('/assets/source-authenticjobs-white.png');
}
.modal-add-job .source-nomad,
.sources .source-nomad {
	width:2.5em;
	height:2.5em;
	margin-bottom:1em;
}
.sources .source-nomad {
	background-image:url('/assets/source-nomad-white.png');
}
#jobsboard tr.expand .action-apply .source-nomad {
	background-image:url('/assets/source-nomad-white.png');
}
.modal-add-job .source-weworkmeteor,
.sources .source-weworkmeteor,
.modal-add-job .source-wfh,
.sources .source-wfh,
.modal-add-job .source-remoteok,
.sources .source-remoteok,
.modal-add-job .source-authenticjobs,
.sources .source-authenticjobs,
.modal-add-job .source-wwr,
.sources .source-wwr {
	margin-bottom:0.5em;
}
.sources a {
	color:#fff;
	font-weight:700;
}
.modal-add-job h2,
.sources h2 {
	margin:0;
	margin-bottom:0.5em;
	font-size:2em;
	font-weight:800;
}
.modal-add-job p {
	margin-bottom:0.5em;
}
.modal-add-job .box div,
.sources .box div {
	display:inline-block;
	margin:0.75em;
}
.sources p {
	margin:0;
}
.modal-add-job .fa,
.sources .fa {
	font-size:3em;
	margin:0.25em;
}

.apply_button .reply {
	display:none;
}



.twitter-follow-button-container {
	position:absolute;
	top:1em;
	left:1em;
	margin:0em;
	z-index:10;
}

#jobsboard tr.insert td a {
	border-bottom:2px solid;
}
#jobsboard tr.insert td.bsa a {
	border:none;
}







iframe.twitter-tweet {
	width:75% !important;
	display:inline-block !important;
	vertical-align:middle;
	margin-right:0.5em !important;
	
}


html.catch-emails-enabled {
	/*margin-top:4.4em;*/
}
.catch-emails {
	padding:7px;
	margin-top:14px;
	margin-bottom:14px;
	
	text-align:center;
	background: var(--input-background-color);
	font-weight:800;
	box-shadow: 0 5px 10px rgba(0,0,0,0.15);
	z-index:1;
	border-top: 1px solid var(--input-border-color);
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	z-index:3;
	margin:0;
	z-index:10000;
	padding-bottom: max(0.75rem,env(safe-area-inset-bottom));
}
#jobsboard tr.spacer td {
	background-color:#fff;
	padding:0.5em;
}
.catch-emails select {
	background-image:url('/assets/fa-chevron-down.png');
	background-size:12px;
	background-position:right 8px top 15px;
	background-repeat:no-repeat;
	outline:none;
	font-weight:800;
	border:none;
	padding:0.5em;
	margin: 0;
	padding-right:1.5em;
	border-radius:12px;
	
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
}
.catch-emails p {
	font-weight:400;
	vertical-align:middle;
	display:inline-block;
	margin:0;
}
.catch-emails p em {
	border-bottom:2px solid var(--global-text-color);
	font-style:normal;
}
.catch-emails p .fa {
	
	vertical-align:middle;
	margin-bottom:0.25em;
	margin-left:0.15em;
	margin-right:0.15em;
}
.catch-emails .block {
	display:none;
}
.catch-emails input {
	padding:9px;
	background: var(--global-background-color);
	border-radius:12px;
	font-weight:700;
	width:12em;
	position:relative;
	top:1px;
}
.catch-emails .fname {
	margin-right:0em;
}
.catch-emails button {
	
	margin-bottom:0.2em;
	border-radius:12px;
	border:2px solid #fff;
	background:none;
}
.catch-emails button:hover {
	background:#fff;
	color:#0072b1;
	color:var(--global-text-color);
}
::-webkit-input-placeholder {
	color:var(--global-text-color);
}
:-moz-placeholder { /* Firefox 18- */
	color:var(--global-text-color);
}
::-moz-placeholder {	/* Firefox 19+ */
	color:var(--global-text-color);
}
:-ms-input-placeholder {	
	color:var(--global-text-color);
}
.top ::-webkit-input-placeholder {
	color:#fff;
}
.top :-moz-placeholder { /* Firefox 18- */
	color:#fff;
}
.top ::-moz-placeholder {	/* Firefox 19+ */
	color:#fff;
}
.top :-ms-input-placeholder {	
	color:#fff;
}


.tagsboard th,
.tagsboard td {
	padding:0.5em !important;
}
#jobsboard.tagsboard {
	margin-top:2em;
}


@media (max-width:920px) {
	#jobsboard th.heading {
		padding-top:1em;
	}
	.notice-post-job {
		border-radius:0;
		border-right:none;
		border-left:none;
	}
	.notice-post-job p {
		line-height:1.5;
	}
	.selected-tags,
	.catch-emails {
		margin:0;
		border-radius:0;
	}
}


.featured {
	text-align:center;
	overflow:hidden;
	display:block;
	width:100%;
	border-top:2px solid rgb(246,246,246);
	padding:1em;
	position:relative;
	z-index:1;
	display:none;
}
.top .box a {
	color:#fff;
}
.top .box a:hover {
	border-bottom:2px solid #fff;
}
.featured .box {
	max-width:1100px;
}
.featured .box .block {
	display:block;
	margin:0;
}
.featured a {
	border:none;
	display:inline-table;
	vertical-align:top;
	position:relative;
}
.featured a {
	margin-top:0
}
.featured img {
	height:2.5em;
	
	
	
	
	
	margin:0.5em;
}
.featured img:hover {
	-webkit-filter:none;
	-moz-filter:none;
	filter:none;
	-webkit-transform: translateZ(0);
	opacity:1;
}
.featured div:not(.oneWrapper) {
	margin:1em auto;
	display:table;
}




.action-expand-filter {
	color:#fff;
	font-size:1.5em;
	display:table;
	text-align:center;
	cursor:pointer;
	padding:0.2em;
	text-align:left;
	border:2px solid #fff;
	border-radius:0.2em;
	margin:0.25em;
	width:auto;
	padding-left:0.25em;
	padding-right:0.25em;
	-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		z-index:50;
		background:none;
	background-color:var(--global-text-color);
	display:none;
}
body.filter-opened .action-expand-filter {
	background-color:#fff;
	border-color:var(--global-text-color);
	color:var(--global-text-color);
}
.action-expand-filter:hover {
	background-color:#fff;
	border-color:#fff;
	color:var(--global-text-color);
}
body.filter-opened .action-expand-filter:hover {
	background-color:var(--global-text-color);
	border-color:var(--global-text-color);
	color:#fff;
}


.action-expand-filter {
	position:fixed;
	top:0.35em;
	left:0.35em;
	z-index:61;
	margin:0;
	-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
}

.filter-pane {
	
	position:fixed;
	
	background-size:cover;
	background-position:center top;
	
	background-color:rgb(48, 44, 40);
	background-color:#0072b1;
	background-color:#fff;
	
	width:100%;
	color:#fff;
	color:#0072b1;
	color:#c6c2be;
	margin-bottom:0.5em;
	
	
	overflow:hidden;
	-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		position:fixed;
		left:0;
		height:100%;
		top:0;
		z-index:60;
		
	text-align:center;
	width:0px;
	/*-webkit-transition: width 0.25s cubic-bezier(0.1, 1, 0.1, 1);
	-moz-transition: width 0.25s cubic-bezier(0.1, 1, 0.1, 1);
	transition: width 0.25s cubic-bezier(0.1, 1, 0.1, 1);*/
		padding:0;
	padding-top:3.15em;
}
.filter-pane.opened {
	padding:0.5em;
	padding-top:3.15em;
	width:10em;
}
.filter-pane .filter {
	margin:0;
	margin-bottom:0.25em;
	overflow:hidden;
	width:100%;
}
.filter-pane .filter,
.action-select-view div {
	/*-webkit-transition: opacity 0.25s cubic-bezier(1, 1, 0.1, 1);
	-moz-transition: opacity 0.25s cubic-bezier(1, 1, 0.1, 1);
	transition: opacity 0.25s cubic-bezier(1, 1, 0.1, 1);*/
}
.filter-pane .filter select,
.filter-pane .filter input,
.filter-search input[type="text"] {
	width:100%;
	margin:0;
}
.filter-pane a {
	color:#fff;
	
}
.filter-pane a.active {
	color:#fff;
	
}
.mode.filter-pane .fa {
	position:relative;
}
.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
	margin:0;
}
.filter-pane .ui-effects-wrapper {
	display:inline !important;
	padding-top:1em;
}
.filter-pane input::-webkit-input-placeholder {
	color:#fff;
	color:#0072b1;
	color:rgb(198, 194, 190);
}
.filter-pane input:-moz-placeholder { /* Firefox 18- */
	color:#fff;
	color:#0072b1;
	color:rgb(198, 194, 190);
}
.filter-pane input::-moz-placeholder {	/* Firefox 19+ */
	color:#fff;
	color:#0072b1;
	color:rgb(198, 194, 190);
}
.filter-pane input:-ms-input-placeholder {	
	color:#fff;
	color:#0072b1;
	color:rgb(198, 194, 190);
}
.filter-pane .filter.filter-search.active .fa {
	color:var(--global-text-color);
}
.filter-pane .filter input:focus {
	color:#fff;
	color:#0072b1;
	color:rgb(198, 194, 190);
}
.filter-pane input:hover::-webkit-input-placeholder {
	color:#0072b1;
	color:#fff;
	color:rgb(198, 194, 190);
}
.filter-pane input:hover:-moz-placeholder { /* Firefox 18- */
	color:#0072b1;
	color:#fff;
	color:rgb(198, 194, 190);
}
.filter-pane input:hover::-moz-placeholder {	/* Firefox 19+ */
	color:#0072b1;
	color:#fff;
	color:rgb(198, 194, 190);
}
.filter-pane input:hover:-ms-input-placeholder {	
	color:#0072b1;
	color:#fff;
	color:rgb(198, 194, 190);
}
.filter-pane .block {
	display:none;
}
.filter-pane h2 {
	margin:0;
}
.filter-pane .filter {
	display:inline-block;
	vertical-align:middle;
	text-align:left;
}
.filter-pane .fa {
	vertical-align:middle;
}
.filter-pane select,
.filter-pane .filter {
	
}
.filter-pane select option {
	color:#76726e;
	color:var(--global-text-color);
	
}
.filter-pane select {
	outline:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		
		background:none;
		border:2px solid;
}

.filter-pane select,
.filter-pane .button {
	vertical-align:middle;
	color:#fff;
	color:#0072b1;
	border-color:#fff;
	border-color:#c6c2be;
	color:#c6c2be;
	
	padding:0.5em;
	text-align:center;
	margin:0.2em;
	font-weight:700;
}
.filter-pane select {
	cursor:pointer;
}
.filter-pane select.active,
.filter-pane select:hover {
	
	
	color:rgb(48,44,40);
	color:#0072b1;
	border:2px solid var(--global-text-color);
	color:var(--global-text-color);
}
body .filter-pane {
	width:0px;
	overflow:none;
	padding:0;
	display:none;
}
body.filter-opened .filter-pane {
	display:block;
}
body.filter-opened {
	padding-left:10em;
}
body {
	padding-left:0;
}

.filter-pane select.reverse {
	background-color:var(--global-text-color);
	border-color:var(--global-text-color);
	color:#fff;
}
.filter-pane select.reverse:hover {
	background-color:#fff;
	color:var(--global-text-color);
}
.filter-pane select.reverse option {
	color:var(--global-text-color);
}


.filter-pane .filter {
	position:relative;
}
.filter-pane .filter .fa-chevron-down {
	color:#fff;
	
	position:absolute;
	top:1em;
	z-index:-1;
	right:1.5em;
	font-size:0.75em;
}
.filter-pane .filter.active .fa-chevron-down {
	color:#302c28;
	color:#0072b1;
	color:#c6c2be;
}
.filter-pane .filter select {
	padding-right:1.5em;
}
.filter-pane .button {
	margin:0.5em auto;
	background-color:#fff;
	color:#19232c;
	margin-left:0.5em;
	display:none;
}
.filter-pane .button:hover {
	color:#fff;
	
	
}
.filter-pane h2 {
	font-weight:700;
}
.nav span.a,
.nav a:not(.not-a) {
	width:12.5%;
	width:11.11111%;
	width:calc(100% / 11);
	float:left;
	text-align:center;
}


@media (max-width:900px) {

}
@media (max-height:400px) {
	.sources {
		opacity:0;
		z-index:-100;
	}
	.top .box {
		margin-top:-9.5em;
	}
}
@media (max-height:600px) {
	.top .box h1 {
		opacity:0;
	}

}

.clear {
	clear:both;
}



/* <olark> */
	#habla_window_div.habla_window_div_base {
		left:0em !important;
	}
	input#habla_name_input,
	input#habla_offline_body_input,
	textarea#habla_offline_email_input,
	#habla_window_div #habla_offline_message_span,
	#habla_window_div input[type='submit'],
	#habla_window_div button,
	#habla_window_div input,
	#habla_window_div textarea {
		font-family:"proxima-nova", 'Proxima Nova', sans-serif !important;
		font-size:1em !important;
		font-weight: 400 !important;
	}
	#habla_window_div #habla_offline_submit_input {
		font-weight: 600 !important;
	}
	#habla_window_div #habla_offline_message_span {
		font-weight:400 !important;
	}
	#habla_window_div #habla_offline_submit_input {
		border:2px solid var(--global-text-color) !important;
	}
	#habla_window_div #habla_offline_submit_input:hover {
		background:none !important;
		color:var(--global-text-color) !important;
	}

	#habla_window_state_div.olrk-state-expanded #habla_oplink_a {
		color:var(--global-text-color)!important;
	}

	#habla_sizebutton_a {
		background-color:var(--global-text-color) !important;
	}
	#habla_oplink_a,
	#habla_offline_message_span {
		font-weight:800 !important;
	}
	#habla_panel_div {
		border:2px solid var(--global-text-color) !important;
		border-bottom:none !important;
	}
	#habla_offline_message_span {
		color:var(--global-text-color) !important;
	}
	#habla_window_div .habla_offline_submit_input {
		background-color:var(--global-text-color) !important;
	}
	#habla_oplink_a {
		color:var(--global-text-color) !important;
	}
	#habla_expanded_div a,#hblink99 {
		color:var(--global-text-color) !important;
	}
/* </olark> */


	
	
	
	
		
		
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}
@media (max-width:1200px) {
	.sources a {
		display:none;
	}
	.sources a:nth-of-type(2),
	.sources a:nth-of-type(4),
	.sources a:nth-of-type(5),
	.sources a:nth-of-type(6),
	.sources a:nth-of-type(7),
	.sources a:nth-of-type(10) {
		display:inline-block;
	}
}
.nav span.a,
.nav a:not(.not-a) {
	width: 100px;
	vertical-align:top;
	text-align:center;
	float:none;
}
@media (max-width:800px) {
	.switcher {
		padding-right:0.5em;
	}
	
	
	
	
	.frontpage .sources {
		display:none;
	}
	.modal-post-job-old {
		padding:0;
	}
	.header a.button {
		margin-top:0.5em;
		margin-bottom:0.5em;
	}
	
	
	
	

	/*tr .apply_button {
		margin-top:0.25em;
		margin-bottom:0.25em;
	}
	tr .apply_button p {
		opacity:1;
	}
	tr .apply_button {
		border:2px solid #0072b1;
		border:2px solid #0072b1;
		background-color:#0072b1;
		color:#fff;
	}
	tr .apply_button .source-wwr {
		background-image:url('/assets/source-wwr-white.png');
	}
	tr .apply_button .source-weworkmeteor {
		background-image:url('/assets/source-weworkmeteor-white.png');
	}
	tr .apply_button .source-wfh {
		background-image:url('/assets/source-wfh-white.png');
	}
	tr .apply_button .source-remoteok {
		background-image:url('/assets/source-remoteok-white.png');
	}
	tr .apply_button .source-authenticjobs {
		background-image:url('/assets/source-authenticjobs-white.png');
	}
	tr .apply_button .fa {
		color:#fff;
	}
	
	tr .apply_button {
		width:100%;
	}
	*/
	#jobsboard th.heading {
		text-align:center;
	}
	#jobsboard {
		margin:0;
	}
	#jobsboard tr {
		position:relative;
	}
}

.touch tr .apply_button p {
	opacity:1;
}
.touch tr .apply_button {
	display:inline-block;
	border:2px solid var(--global-text-color);
	border:2px solid #0072b1;
	background-color:#0072b1;
	color:#fff;
}
@media (max-width:900px) {
	#jobsboard .score{
		display:none;
	}
	.modal-add-job {
		width:100%;
		height:100%;
		margin:0;
		left:0;
		top:0;
	}
	.modal-add-job .inside {
		height:100%;
		width:100%;
		border-radius:none;
	}
}
@media (max-width:800px) {
	#jobsboard .company {
		padding-left:0.5em;
	}
	#jobsboard .image {
		background-size:75%;
		background-position:center center;
		background-repeat:no-repeat;
	}
}
@media (max-width:700px) {
	html:not(.startups) #jobsboard .tags {
		display:none;
	}
}
@media (max-width:600px) {
	.header .block {
		display:none;
	}
	iframe.twitter-tweet {
		width:100% !important;
		display:block !important;
		vertical-align:middle;
		margin-right:0.5em !important;
	}
	.expand .share {
		display:table;
		margin:0 auto;
	}
	.expand .share .share-this .button {
		display:inline-block;
		margin-left:0.25em;
		margin-right:0.25em;
	}
	
	
	
	body.tag .remote-ok-logo h1 .ok,
	body.tag .remote-ok-logo h1 .ok {
		border:none;
		display:block;
		padding-top:0;
		margin:0;
	}
	.catch-emails .block {
		display:none;
	}
	.catch-emails input {
		background-color:#fff;
		border:2px solid #fff;
	}
	.catch-emails button {
		
		margin:0.5em auto !important;
		
		
	}
	.twitter-follow-button {
		display:none;
	}
	.apply_button .logo {
		display:none;
		margin:0;
	}
	.apply_button p {
		
		margin:0;
		padding:0;
		width:auto;
	}
	.header h2 {
		line-height:1.5;
		margin-bottom:1.5em;
	}
	.score {
		display:none;
	}
	.nav {
		
	}
	.nav .box {
		text-align:center;
	}
	tr .apply_button {
		margin-top:0;
		margin-bottom:0;
	}
	tr .apply_button .fa {
		font-size:1.5em;
	}
	tr .apply_button .source-wwr {
		height:1.5em;
		width:2.25em;
	}
	tr .apply_button .source-weworkmeteor {
		height:1.5em;
		width:2.25em;
	}
	.button.rss-button {
		display:none;
	}
	.switcher {
		width:100%;
		padding-left:0.5em;
		padding-right:0.5em;
	}
	.switcher div {
		width:50%;
	}
	html:not(.startups) #jobsboard .tags {
		display:none;
	}
	#jobsboard.tagsboard .tags {
		display:table-cell;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	video {
		display:none;
	}
}
@media (max-width:500px) {
	#jobsboard td.company h3 {
		font-weight:400;
	}
	.apply_button p {
		display:none;
	}
	.apply_button .reply {
		display:block;
		
		padding-top:0.3em;
		padding-bottom:0.3em;
		padding-right:0.6em;
		padding-left:0.6em;
	}
	tr .apply_button {
		display: inline-block;
		width: auto;
		margin:0.5em;
		margin-right:0;
	}
	#jobsboard td.source {
		text-align:right;
		width:auto;
	}
	#jobsboard td.source {
		display:none;
	}
	#jobsboard tr.job td {
		
	}
	#jobsboard th.heading {
		
	}
	.nav {
		margin:0;
	}
	.nav a:not(.not-a):nth-of-type(5),
	.nav a:not(.not-a):nth-of-type(4),
	.nav a:not(.not-a):nth-of-type(3),
	.nav a:not(.not-a):nth-of-type(2) {
		display:inline-block !important;
	}
}








form.mailchimp {
	display:inline;
}
.spinner {
	z-index:1001;
	font-size:3em;
	position:absolute;
	top:50%;
	left:50%;
	border: 2px solid #fff;
	border-radius: 50%;
	height:1em;
	margin-left:-0.5em;
	margin-top:-0.5em;
	width:1em;
	display:none;
	-webkit-animation: rotate-forever 0.5s infinite linear;
	-moz-animation: rotate-forever 0.5s infinite linear;
	animation: rotate-forever 0.5s infinite linear;

	border-color: #fff transparent transparent transparent;
	border-style: solid;
	border-width: 2px;
	-webkit-transform-origin: 50%;
	-ms-transform-origin: 50%;
	transform-origin: 50%;
}
.backdrop {
	z-index:999;
	background-color:rgba(0,0,0,0.6);
	background-color:rgba(255,255,255,0.6);
	display:none;
	height:100%;
	height:100vh;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	display:none;
}
@media (max-width:600px) {
	body {
		font-size:0.9em;
	}
	.mobile {
		display:block;
	}
}
/*.sponsored {
	opacity:0.25;
	width:100%;
	z-index:1;
	position:absolute;
	font-weight:400;
	font-size:0.75em;
	color:#fff;
	text-align:right;
		bottom:0;
		right:0;
	padding:3.5px;
}*/
td {
	position:relative;
}
tr.insert,
tr.xnative-insert,
tr.insert td,
tr.native_insert td,
#jobsboard tr.job.xnative-insert,
#jobsboard tr.job.insert {
	cursor:pointer;
}

tr.insert {
	cursor:pointer;
}
tr.insert:hover {
	opacity:0.75;
}
tr.insert:active {
	opacity:0.55;
}

#jobsboard tr.xnative-insert td.company,
#jobsboard tr.xnative-insert td.company_and_position,
tr.xnative-insert .position {
	padding-right:4em !important;
}


.modal-post {
	position:fixed;
	border-radius:12px;
	transform:translateX(-50%) translateY(-50%);
	top:50%;
	left:50%;
	z-index:20000;
	display:none;
	text-align:center;
	box-shadow:0 12px 30px rgba(0,0,0,0.3);
	overflow:hidden;
	display:none;
	padding:0;
	width:100%;
	max-width:1100px;
	min-height:600px;
	max-height:90vh;
		background-image: url('/assets/bg2-720px.jpg');
}
.modal-post label {
	color: #fff;
		font-weight: bold;
		margin-bottom: 0.5em;
		display: block;
}
.modal-post.show {
	display:block;
}
.modal-post table {
	min-height:600px;
}
.backdrop {
	display:none;
	background-color:rgba(0,0,0,0.5);
}
.backdrop.show {
	display:block;
}
.modal-post .button {
	margin-left:0;
	margin-right:0;
	margin-top: 0;
	margin-bottom: 0;
	border-radius: 4px;
	width: 12em;
	text-align: center;
	float: right;
}
.modal-post .box.intro .button {
	float:left;
}
.modal-post .action-close-job-post-modal,
.modal-post .action-back {
	border-bottom:2px solid;
	cursor:pointer;
	margin-top:1.25em;
	margin-right:1em;
	font-weight:bold;
		position:absolute;
		bottom:1.75em;
		left:1.5em;
		color:#fff;
}
.modal-post .left .source {
	display: block;
	width: 100%;
	text-align: center;
	font-weight: normal;
	font-size: 0.7em;
	text-transform: lowercase;
	margin: 0;
	margin-top: -1.25em;
}
.modal-post .button:hover {
		/*background-image: -webkit-linear-gradient(#d03834, #c72525);
		background-image: -moz-linear-gradient(#d03834, #c72525);
		background-image: -ms-linear-gradient(#d03834, #c72525);
		background-image: -o-linear-gradient(#d03834, #c72525);
		background-image: -webkit-linear-gradient(#d03834, #c72525);
		background-image: -moz-linear-gradient(#d03834, #c72525);
		background-image: -ms-linear-gradient(#d03834, #c72525);
		background-image: -o-linear-gradient(#d03834, #c72525);
		background-image: linear-gradient(#d03834, #c72525);*/
}
.modal-post p {
	line-height:1.5;
	margin-top:0.75em;
	margin-bottom:0.75em;
	color:#fff;
}
.modal-post .advertisers img {
	max-width: 95px;
	max-height: 40px;
		vertical-align: middle;
	/*-webkit-filter:saturate(0%);*/
	/*filter:saturate(0%);*/
	display:inline;
	margin:0.5em;
	/*opacity:0.5;*/
}
.company_logo_image {
	margin-top: -0.5em;
		width:50px;
		height:50px;
		border-radius:12px;
		background-size:cover;
		background-position:center;
		margin-bottom: 0.5em;
		display:none;
}
.company_logo {
	cursor:text;
}
.modal-post .button {
	margin-top:0.75em;
	margin-bottom:0.75em;	
}
.modal-post .header {
	background: #f0f0f2;
		background-image: -webkit-linear-gradient(#f5f5f7,#e9e9ea);
		background-image: -moz-linear-gradient(#f5f5f7,#e9e9ea);
		background-image: -ms-linear-gradient(#f5f5f7,#e9e9ea);
		background-image: -o-linear-gradient(#f5f5f7,#e9e9ea);
		background-image: linear-gradient(#f5f5f7,#e9e9ea);
		border-top: 1px solid #fff;
		border-bottom: 1px solid #d3d3d4;
		-webkit-border-radius: 7px 7px 0 0;
		-moz-border-radius: 7px 7px 0 0;
		-ms-border-radius: 7px 7px 0 0;
		-o-border-radius: 7px 7px 0 0;
		border-radius: 7px 7px 0 0;
		-webkit-box-shadow: 0 1px 0 #fff;
		-moz-box-shadow: 0 1px 0 #fff;
		-ms-box-shadow: 0 1px 0 #fff;
		-o-box-shadow: 0 1px 0 #fff;
		box-shadow: 0 1px 0 #fff;
		cursor: default;
		padding:1.5em;
		margin:0;
		background:#f0f0f2;
}
.modal-post .box {
	position:relative;
	min-height:23em;
	/*height:100%;*/
	/*max-height:100vh;*/
	padding:1.5em;
	padding-top:1.5em;
	padding-bottom:4em;
	overflow:hidden;
}
.modal-post .right .box {
	display:none;
}
.modal-post .right .box.show {
	display:block;
}
.modal-post .left .box {
	padding:1.5em;
}
.modal-post h2 {
		color: #fff;
		font-size: 1.25em;
		font-weight: 600;
		height: 22px;
		margin-bottom:0.25em;
}
.modal-post p {
}
.modal-post .subline a {
	color: #5b5b65;
}
.modal-post .subline,
.modal-post h3 {
	color: #5b5b65;
		font-size: 0.85em;
		font-weight: normal;
}
.modal-post ul {
		
		text-transform:uppercase;
		font-weight: 600;
		padding-left: 1em;
		line-height: 2.5;
		list-style:none;
		text-align: center;
}
.modal-post .subline {
	background: #f0f0f2;
	padding:1em;
		border-top: 1px solid #fff;
		outline: 1px solid #d3d3d4;
}
.modal-post .advertisers p {
	margin-bottom:0.75em;
	margin-top:0;
	text-transform:uppercase;
	font-size:0.75em;
	color:#919191;
}
.modal-post .advertisers img {
	margin-left:0.5em;
	margin-right:0.5em;
}
.modal-post .left-right-box {
	position:relative;
}
.modal-post .left {
	width:30%;
	overflow:hidden;
	height:100%;
		position:relative;
		background:rgba(0,0,0,0.3);
}
.modal-post video {
		background-image:url('/assets/bg2-720px.jpg');
			background-size: cover;
		background-position: center;
	min-width:100%;
	min-height:100%;
	position: absolute;
	left: 0;
	top:0;
}
.modal-post .left .box {
		position: absolute;
		transform: translateY(-50%);
		top: 50%;
		z-index:1;
		background:none;
		color:#fff;
		border:none;
		height:auto;
}
.modal-post .box p.bold {
	font-weight:bold;
}
.modal-post .left .box a {
	color:#fff;
	/*border-bottom:2px solid #fff;*/
	text-decoration:none;
}
.modal-post .box a {
	font-weight:bold;
	text-decoration:none;
	color:#fff;
}
.modal-post .right {
	height:100%;
	text-align:left;
}
.modal-post input[type="checkbox"] {
	float:left;
	margin-right:1em;
	vertical-align:middle;
}
.modal-post input[type="text"],
.modal-post input[type="email"],
.modal-post input[type="password"],
.modal-post input[type="file"],
.modal-post select,
.modal-post textarea {
	height: 37px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
	padding: 0 6px 2px 6px;
	display:block;
	margin: 0;
	font-family: "Nunito","Helvetica",Arial,sans-serif;
	font-size: 15px;
	color: var(--global-text-color);
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	-o-user-select: text;
	user-select: text;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	border: 1px solid #cececf;
	border-top-color: #b5b5b6;
	border-bottom-color: #dededf;
	-webkit-box-shadow: inset 0 1px 1px rgba(124,124,127,0.1),0 1px 0 rgba(255,255,255,0.7),0 0 4px rgba(86,149,219,0);
	-moz-box-shadow: inset 0 1px 1px rgba(124,124,127,0.1),0 1px 0 rgba(255,255,255,0.7),0 0 4px rgba(86,149,219,0);
	-ms-box-shadow: inset 0 1px 1px rgba(124,124,127,0.1),0 1px 0 rgba(255,255,255,0.7),0 0 4px rgba(86,149,219,0);
	-o-box-shadow: inset 0 1px 1px rgba(124,124,127,0.1),0 1px 0 rgba(255,255,255,0.7),0 0 4px rgba(86,149,219,0);
	box-shadow: inset 0 1px 1px rgba(124,124,127,0.1),0 1px 0 rgba(255,255,255,0.7),0 0 4px rgba(86,149,219,0);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	/*-webkit-transition: border-color .15s linear,box-shadow .15s linear;
	-moz-transition: border-color .15s linear,box-shadow .15s linear;
	-ms-transition: border-color .15s linear,box-shadow .15s linear;
	-o-transition: border-color .15s linear,box-shadow .15s linear;
	transition: border-color .15s linear,box-shadow .15s linear;*/
	margin-bottom:1em;
	width:100%;
	text-align:left;
	box-shadow:none;
	border:none;
}
.modal-post textarea {
	padding: 0.5em;
}
.modal-post textarea.description {
	min-height: 6em;
}
.modal-post textarea.instructions {
	min-height: 5em;
}
.modal-post .left .box .big {
	font-size:2em;
	line-height:0.5;
	display:block;
	font-weight:bold;
}
.modal-post .left .box li {
	margin-top:0.75em;
	margin-bottom:0.75em;
	font-weight:400;
}
.modal-post .left .box {
	width:100%;
}
.modal-post .left .box * {
	/*border:2px solid #fff;*/
}

textarea.red,
input.red {
	border:2px solid #0072b1 !important;
	background:#fff;
}
@media (max-height:800px) {
	/*.modal-post .left .box li:nth-of-type(3) {*/
		/*display:none;*/
	/*}*/
}

/*html.startup .header,
html.tag .header {
	background:#fff;
	color:var(--global-text-color) !important;
}
html.startup .header h1,
html.startup .header a,
html.tag .header h1,
html.tag .header a {
	color:var(--global-text-color) !important;
}*/
/*#jobsboard tr.job.remoteok-original {
	background-color:#ffffef;
}*/
#jobsboard tr.job.highlighted-light {
	background-color:#ffffeb;
}

.highlighted_text,
.highlight,
#jobsboard tr.job.highlighted,
#jobsboard tr.job.highlighted td {
	background-color:#fff38f;
}

html.dark #jobsboard tr.job.highlighted,
html.dark #jobsboard tr.job.highlighted td {
	background-color:#fff38f;
}

html.dark .highlight {
	color: var(--input-background-color);
}

.highlighted_text {
	color:var(--global-text-color);
}

tr.highlighted,
tr.highlighted td {
	/*border-bottom:2px solid #fff;
	border-bottom:1px solid var(--input-border-color);*/
}	
.highlight {
	color:var(--global-text-color);
}


@media (max-width:800px) {
	.hide-on-mobile,
	.by,,
	.xnative-insert {
		display:none !important;
	}
}
#jobsboard.top_remote_companies .company {
	display:table-cell;
	font-weight:bold;
}
#jobsboard.top_remote_companies td.company a,
#jobsboard.top_remote_companies td.company h3 a,
#jobsboard.top_remote_companies td.company h3 {
	font-weight:bold !important;
}
#jobsboard.top_remote_companies thead tr td {
	font-weight:bold;
	padding-top:1em !important;
	padding-bottom:1em !important;
	text-align:left;
}
#jobsboard.top_remote_companies .rank {
		text-align:right;
		padding: 0.25em;
		font-weight: bold;
}
#jobsboard.top_remote_companies td.logo {
	width:4em;
}
.modal-post .job-preview-iframe {
	width: 100%;
		height: 25em;
		border: none;
		border:4px solid #f0f0f2;
		border-radius:12px;
}


html.job-post-preview #jobsboard {
	margin:0;
}
html.job-post-preview .open,
html.job-post-preview .rss,
html.job-post-preview .rss.json,
html.job-post-preview #jobsboard .share-this {
	display:none !important;
}
html.job-post-preview .page {
	padding:0;
	margin:0;
}

html.job-post-preview .by,
html.job-post-preview .twitter-follow-button-container,
html.job-post-preview .notice-post-job,
html.job-post-preview .nav,
html.job-post-preview .top,
html.job-post-preview .header,
html.job-post-preview .action-post-job {
	display:none;
}
.loading_spinner {
	display:none;
	z-index:1001;
	position:fixed;
	top:50%;
	left:50%;
	margin-top:-2em;
	margin-left:-2em;
	height:4em;
	width:4em;
}
.loading_spinner.show {
	display:block;
}
.loading_spinner_fast {
		animation-duration: .5s;
}
.loading_spinner_tail {
		animation: spin 1s cubic-bezier(.36,.27,.69,.65) infinite;
		-webkit-animation: spin 2s cubic-bezier(.36,.27,.69,.65) infinite;
}
.loading_spinner_bg {
		opacity: .4;
		stroke: grey;
		display:none;
}
.loading_spinner_bg, .loading_spinner_path {
		stroke-width: 9;
		fill: none;
}
.loading_spinner_spinner {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		animation: spin 1.2s cubic-bezier(.25,.29,.54,.86) infinite;
		-webkit-animation: spin 1.2s cubic-bezier(.25,.29,.54,.86) infinite;
}

.loading_spinner_path {
		stroke-dasharray: 55,200;
		stroke-dashoffset: 90;
		stroke-linecap: round;
}
.loading_spinner_red {
		stroke: #0072b1;
}
.loading_spinner_yellow {
	stroke: #ffcc4d;
}
.loading_spinner_bg, .loading_spinner_path {
		stroke-width: 8;
		fill: none;
}
@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-moz-keyframes spin{0%{-moz-transform:rotate(0);transform:rotate(0)}
100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}
}
@-ms-keyframes spin{0%{-ms-transform:rotate(0);transform:rotate(0)}
100%{-ms-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes spin{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.backdrop.not-clickable {
	cursor:inherit !important;
}
table.trends h2 {
	
	margin:0;
}
table.trends {
	vertical-align:top;
	min-width:45%;
}
.expandContents .button {
	margin:1em auto;
	display:table;
}
.expandContents img {
	width:100%;
}
.expandContents {
	text-align:center;
}
.expandContents .markdown,
.expandContents .html {
	text-align:left;
}
.html hr,
.markdown hr {
	border: none;
	height: 1px;
	background: var(--input-border-color);
	margin-bottom: 14px;
	margin-top: 14px;
}
.expandContents .instructions .html,
.expandContents .instructions .markdown {
	text-align:center;
}
.instructions {
	border-top: 10px solid #fff;
	border-bottom: 10px solid #fff;
	padding: 1em;
	padding-left: 2em;
	padding-right: 2em;
}
.instructions .button {
	background:#0072b1;
	border:2px solid #0072b1;
	color:#fff;
	width:100%;
}
.instructions .button:hover {
	background:none;
	border:2px solid #0072b1;
	color:#0072b1;
}

@media (max-width:800px) {
	.modal-post {
		border-radius:0;
		height:100vh;
		width:100vw;
		max-height:none;
		box-shadow:none;
		border:none;
		background-size:cover;
	}
	.modal-post .left {
		display:none;
	}
	.modal-post .right {

	}
	.modal-post .advertisers {
		display:none;
	}
}


.nav p i {
	display:block;
	font-style:normal;
}
*:not(.fa),
body {
	font-family: system-ui,sans-serif,"Nunito","Helvetica",Arial,sans-serif;
}


.remoteok-original td.company h2:first-of-type:after {
	/*content:'✨'; */
}

#jobsboard tr span.verified {
	cursor:pointer;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 0.75em;
	background: #36e67f;
	border-radius: 3px;
	color: #fff;
	padding: 0;
	padding-right: 0.35em;
	padding-left: 0.35em;
	display:inline-block;
	vertical-align:middle;
	font-size:10px;
	font-size:12px;
	padding:1.5px;
	padding-left:4px;
	padding-right:4px;
}
#jobsboard tr span.most-shared {
	cursor:pointer;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 0.75em;
	background: none;
	border: 1px solid #36e67f;
	color: #36e67f;
	border-radius: 3px;
	padding: 0;
	padding-right: 0.35em;
	padding-left: 0.35em;
	display:inline-block;
	vertical-align:middle;
	font-size:10px;
	font-size:12px;
	padding:1.5px;
	padding-left:4px;
	padding-right:4px;
}
#jobsboard tr.highlighted span.most-shared {
	border: 1px solid #000;
	color: #000;
}
#jobsboard tr.light span.most-shared {
	border: 1px solid #000;
	color: #000;
}
#jobsboard tr.dark span.most-shared {
	border: 1px solid #fff;
	color: #fff;
}
#jobsboard tr span.is_preview,
#jobsboard tr span.deleted,
#jobsboard tr span.badge,
#jobsboard tr span.closed {
	cursor:pointer;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 0.75em;
	background: #000;
	border-radius: 3px;
	color: #fff;
	padding: 0;
	padding-right: 0s.35em;
	padding-left: 0.35em;
	display:inline-block;
	vertical-align:middle;
	font-size:10px;
	font-size:12px;
	padding:1.5px;
	padding-left:4px;
	padding-right:4px;
	border: 1px solid #fff;
	border-radius:12px;
}
#jobsboard tr .salary,
#jobsboard tr .location {
	text-transform: uppercase;
	font-weight: 800;
	font-size: 0.75em;
	background: #737373;
	border-radius: 3px;
	cursor:pointer;
	color: #fff;
	padding: 0;
	padding-right: 0.35em;
	padding-left: 0.35em;
	overflow: hidden;
	white-space: nowrap;
	max-width:16em;
	display:inline-block;
	vertical-align:middle;
	text-overflow:ellipsis;
	background:#dddddd;
	font-size:10px;
	font-size:12px;
	padding:1.5px;
	padding-left:4px;
	padding-right:4px;
	font-weight:800;
	color:var(--global-text-color);

	/* 2022-07-30 try more relaxed design */
	text-transform: none;
	font-weight: 400;
	border-radius: 32px;
	padding-left: 7px;
	padding-right: 7px;
	color: #393939 !important;

	margin: 3.5px;
	margin-left: 0;
	margin-right: 7px;
	background: var(--input-background-color);
	border: 1px solid var(--input-border-color);
}
html:not(.dark) #jobsboard tr .salary a,
html:not(.dark) #jobsboard tr .location a {
	color: #393939 !important;
}

html.dark #jobsboard tr .salary,
html.dark #jobsboard tr .location {
	background: #424242;
	color: #fff !important;
}

table#jobsboard tr.expand .expandContents {
	background:var(--input-background-color) !important;
	/*border-bottom:1px solid var(--input-border-color) !important;*/
	/*border-right:1px solid var(--input-border-color) !important;
	border-left:1px solid var(--input-border-color) !important;*/
	padding-bottom:28px;
}
table#jobsboard tr:first-child:not(.insert) td {
	/*border-top:1px solid var(--input-border-color) !important;*/
}
table#jobsboard tr:first-child:not(.insert) td {
	/*border-bottom:1px solid var(--input-border-color) !important;*/
}
table#jobsboard tr:first-child:not(.insert) td {
	/*border-bottom:1px solid var(--input-border-color) !important;*/
}
html.job table#jobsboard tr:first-child:not(.insert) td:first-child {
	/*border-left:1px solid var(--input-border-color);*/
}
html.job table#jobsboard tr:first-child:not(.insert) td:last-child {
	/*border-right:1px solid var(--input-border-color);*/
}

table#jobsboard thead tr th {
	padding-top:28px;
	padding-bottom:0;
	padding-left:0;
}

table#jobsboard tr:not(.active) td {
	border-top:none;
	/*border-bottom:10px solid #f9f9f9 !important;*/
}
#jobsboard tr.expand.active td {
	/*border-bottom:20px solid #f9f9f9 !important;*/
}
table#jobsboard tr.job.has-highlight-color td,
table#jobsboard tr.job.highlighted td {
	/*border-bottom:none !important;*/
}
table#jobsboard tr.job td:first-child {
	/*border-left:1px solid var(--input-border-color) !important;*/
}
table#jobsboard tr.job td:last-child {
	/*border-right:1px solid var(--input-border-color) !important;*/
}

table#jobsboard tr td.image {
	max-width:calc(60px + 14px);
	text-align:center;
}

@media (min-width:600px) {
	table#jobsboard tr td.image {
		border-left:1px solid var(--input-border-color);
	}
}
@media (max-width:600px) {
	table#jobsboard tr td.image {
		border-left:none;
	}
}

.instructions {
	border:1px solid var(--input-border-color);
	border-radius:12px;
	margin:14px auto;
	box-shadow:1px 2px 4px rgba(0,0,0,0.03);
}
table#jobsboard { border-collapse: separate; }
table#jobsboard tr:first-child:not(.insert) td:first-child {
	/*border-top-left-radius: 5px;*/
}
table#jobsboard tr:first-child:not(.insert) td:last-child {
	/*border-top-right-radius: 5px;*/
}


table#jobsboard tr.insert td {
	/*border-bottom:1px solid var(--input-border-color) !important;*/
}
table#jobsboard tr:nth-last-child(2):not(.active):not(.rc-insert):not(.insert) td:first-child {
	border-bottom-left-radius: 5px;
}
table#jobsboard tr:nth-last-child(2):not(.active):not(.rc-insert):not(.insert) td:last-child {
	border-bottom-right-radius:5px;
}
body.job table#jobsboard tr:last-child td:first-child {
	border-bottom-left-radius: 5px;
}
body.job table#jobsboard tr:last-child td:last-child {
	border-bottom-right-radius:5px;
}

table#jobsboard.top_remote_companies thead th {
	font-weight:800;
	padding:0.5em;
	padding-top:1em;
	padding-bottom:1em;
}




.remote-health,
.top .remote-health {
	margin:0;
	z-index:10;
	
	min-width:8em;
/*	background:#5bc6c6;*/
/*	border:2px solid #5bc6c6;*/
	background:#5656C2;
	border:2px solid #5656C2;
	color:#fff;
}
.global-payroll,
.top .global-payroll {
	margin:0;
	z-index:10;
	
	min-width:8em;
	background-color: #351584;background-image: linear-gradient(232.9deg,#6b2294 12.36%,#2461b1);
	color:#fff;
	border:none;
	padding:10px;
}

@media (max-width: 600px) {
	.top-bar-dropdown-toggle {
		left: 57px;
	}
	.remote-health,
	.top .remote-health {
		display: none;
	}
	.top-right-nav {
		padding-left: 14px;
		padding-right: 14px;
		padding: 14px;
	}
	.top-left-logo img {
		left: 14px;
	}
}

html.notice_post_job_hide_2020 .global-payroll,
html.notice_post_job_hide_2020 .remote-health {
	right:1em;
}

.global-payroll:hover,
.top .global-payroll:hover {
	background:none;
	color:#5b3199;
	border:2px solid #5b3199;
}

.remote-health:hover,
.top .remote-health:hover {
	background:none;;
	color:#5bc6c6;
	border:2px solid #5bc6c6;
}

.header .action-post-job,
.top .action-post-job {
	z-index:10;
	min-width:8em;
	background:#0072b1;
	border:2px solid #0072b1;
}
@media (max-width:600px) {
	.header .action-post-job,
	.top .action-post-job {
		min-width:0;
	}
}
.header .action-post-job:hover,
.top .action-post-job:hover {
	background:none;
	color:#0072b1;
	border:2px solid #0072b1;
}
.top .action-post-job:hover {
	background:none;
}
@media (max-width:850px) {
	.top-right-nav .global-payroll,
	.top-right-nav .remote-health {
		display:none;
	}
}
@media (max-width:1400px) {
	.header .global-payroll,
	.header .remote-health {
		display:none;
	}
}
@media (max-width:800px) {
	.header .action-post-job {
		display:none;
	}
}
.action-close-catch-emails {
	font-size:21px;
	float:right;
	cursor:pointer;
	/*top: 7px;*/
	top: 16px;
	z-index:10;
	border-radius:12px;
	line-height: 0.75;
	padding: 7px;
	position: relative;
}
.action-close-catch-emails:hover {
	background: var(--input-hover-color);
}
.action-close-catch-emails:active {
	opacity: 0.5;
}

.notice-post-job {
	position:relative;
}
.notice-post-job:hover {
	background:var(--input-hover-color);
}
.notice-post-job:active {
	opacity:0.75;	
	top: 2px;
    position: relative;
}
.notice-post-job .chart {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
}
.notice-post-job a,
.notice-post-job .button,
.notice-post-job p {
	z-index:1;
	position:relative;
}
html.catch-emails-enabled .catch-emails {
	display:block;
	z-index:1000;
}
html.catch-emails-disabled .catch-emails {
	display:none;
}


.preview tr .tag {
	font-size:0.75em !important;
}
#jobsboard tr.dark .tag {
	border-color:#fff !important;
	color:#fff !important;
}
tr.light,
tr.light a {
	color:var(--global-text-color);
}
tr.light .tag {
	border-color:var(--global-text-color) !important;
	color:var(--global-text-color) !important;
}
div.form {
	margin:0;
}

.producthunt-voter {
	top:3.5em;
	left:1em;
	position:absolute;
}
@media (max-width:600px) {
	.producthunt-voter {
		display:none;
	}
	.hide-before-600px {
		display:none;
	}
}

.top .brands-hide-scrollbar-box {
	height:58px;
	overflow:hidden;
	cursor:pointer;
	width:100%;
	bottom:14px;
	left:0;
	position:absolute;
}
.top .brands {
	height:88px;
	pointer-events:none;
	width:100%;
	overflow-x:scroll;
}
.top .brands img {
	max-height:40px;
	margin-left:28px;
	pointer-events:none;
	margin-right:28px;
	filter:saturate(0%) invert(100%) brightness(300%) contrast(200%);
}

.top .brands .brands-scroller {
	height:88px;
	pointer-events:none;
	white-space:nowrap;
	width:auto;
}

/*body:not(.minimize-header) .catch-emails,
body:not(.minimize-header) .twitter-follow-button-container,
body:not(.minimize-header) .producthunt-voter {
	display:none !important;
}*/

.remote-ok-logo:hover {
	opacity:0.75;
}
.remote-ok-logo:active {
	opacity:0.5;
}

span.original {
	cursor:pointer;
}

.open-startup {
	position:fixed;
	bottom:0;
	left:0;
	z-index:10;
	background:#fff;
	border-top:1px solid var(--input-border-color);
	border-right:1px solid var(--input-border-color);
	border-top-right-radius:5px;
	padding:7px;
	font-weight:800;
	color:var(--input-text-color);
	font-size:14px;
	box-shadow:0 6px 6px rgba(0,0,0,0.25);
}
.open-startup:hover {
	background:#f5f5f5;
}

html.domain_page body,
html.domain_page .page
html.domain_page #jobsboard tr.job {
	background:none;
}
html.domain_page table#jobsboard tr td {
	border:none !important;
}

.selected-tags .action-remove-tag {
	background:var(--global-text-color);
	color:#fff;
	display:inline-block;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	margin-left:4px;
	padding:2.5px;
	padding-bottom:0;
	vertical-align:middle;
	border:2px solid var(--global-text-color);
}

.selected-tags a .fa-times-svg {
	margin-top:2px;
	margin-bottom:-2px;
	width:1em;
	height:1em;
	filter:invert(100%);
}





.loading_spinner_2018 .loader_spinner_svg {
	width:3em;
	height:3em;
}

.loader_spinner_circle {
		stroke-width: 6;
		stroke-miterlimit: 10;
}

.loader_spinner_circle--spinner {
		stroke-dasharray: 1,220;
		stroke-dashoffset: 0;
		-webkit-animation: loading_spinner_2018_dash 1.5s ease-in-out infinite,color 3s ease-in-out infinite;
		animation: loading_spinner_2018_dash 1.5s ease-in-out infinite,color 3s ease-in-out infinite;
		stroke-linecap: square;
		stroke:#0072b1;
}

.loader_spinner_circle {
		stroke-width: 6;
		stroke-miterlimit: 10;
}

.loader_spinner_svg {
		-webkit-animation-duration: 2s;
		animation-duration: 2s;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-name: loading_spinner_2018_rotate;
		animation-name: loading_spinner_2018_rotate;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
}

@keyframes loading_spinner_2018_rotate {
	100% {
			-webkit-transform: rotate(1turn);
			transform: rotate(1turn);
			color: transparent;
	}
}

@keyframes loading_spinner_2018_dash {
	0% {
			stroke-dasharray: 1,220;
			stroke-dashoffset: 0;
	}
	50% {
			stroke-dasharray: 97.9,220;
			stroke-dashoffset: -38.5;
	}
	100% {
			stroke-dasharray: 97.9,220;
			stroke-dashoffset: -136.4;
	}
}

@keyframes loading_spinner_2018_color {
	0% {
			stroke: #0072b1;
	}
	50% {
			stroke: #0072b1;
	}
	100% {
			stroke: #0072b1;
	}
}

.infinity-scroll {
	position:relative;
		margin-top: 140px;
		margin-bottom: 140px;
}

tr.has-highlight-image td h3,
tr.has-highlight-image td h2 {
	text-shadow:1px 1px 1px #fff;
}
#jobsboard tr.job:active,
#jobsboard tr.job:focus {
	opacity:0.5;
}


.tooltip-ui {
	pointer-events:none;
	transform:scale(0.9);
		-webkit-transition: transform .1s linear;
		-moz-transition: transform .1s linear;
		-ms-transition: transform .1s linear;
		-o-transition: transform .1s linear;
		transition: transform .1s linear;
}
.tooltip-ui.show {
	transform:scale(1);
	-webkit-transition: transform .1s linear;
	-moz-transition: transform .1s linear;
	-ms-transition: transform .1s linear;
	-o-transition: transform .1s linear;
	transition: transform .1s linear;
}
.tooltip-ui {
	pointer-events:none;
	background-color:rgb(38,38,38);
	background-color:var(--input-background-color);
	border:1px solid rgb(38,38,38);
	border:1px solid var(--input-border-color);
	whitespace:no-wrap;
	/*color:#fff;*/
	color:var(--global-text-color);
	padding:0.5em;
	border-radius:12px;
	position:absolute;
	display:none;
	z-index:2002;
	margin-top:10px;
	font-size: 0.75em;
	max-width:20em;
	box-shadow:rgba(0, 0, 0, 0.14) 0px 2px 5px;
}
.tooltip-ui:before{
	content:'';
	display:block;
	width:0;
	height:0;
	position:absolute;
	border-left: 1em solid transparent;
	border-right: 1em solid transparent;
	border-bottom: 1em solid var(--input-background-color);
	top:calc(-1em - 1px);
	margin-left:-1em;
	left:calc(50%);
}
/*.tooltip-ui:after{
		content:'';
		display:block;
		width:0;
		height:0;
		position:absolute;

	border-left: 1em solid transparent;
	border-right: 1em solid transparent;
	border-bottom: 1em solid #fff;

		top:-1em;
		margin-left:-1em;

		left:50%;
}*/

.grecaptcha-badge {
	display:none !important;
	opacity:0 !important;
}

.benefits-filter-results,
.location-filter-results,
.search-filter-results {
	display:none;
	border:1px solid var(--input-border-color);
	background:#fff;
	/*box-shadow:1px 2px 4px rgba(0,0,0,0.1);*/
	width:400px;
	max-width:80vw;
	margin:0 auto;
	color:var(--global-text-color);
	text-align:left;
	position:absolute;
	border-radius:12px;
	margin-top:-5px;
	z-index:10;
	overflow:hidden;
	border:none;
	box-shadow: var(--box-shadow-central);
	padding: 7px;
	max-height: 500px;
	overflow-y: scroll;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
    background: rgba(var(--global-background-color-rgba),0.95);
}
.location-filter-results div,
.benefits-filter-results div,
.search-filter-results div {
	padding:7px;
	font-weight:800;
	cursor:cell;
	border-radius:12px;
	font-size: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.search-filter-results .optgroup-header,
.location-filter-results .optgroup-header {
	font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
}
.location-filter-results div.hover:not(.selected),
.location-filter-results div:hover:not(.selected),
.benefits-filter-results div.hover:not(.selected),
.benefits-filter-results div:hover:not(.selected),
.search-filter-results div.hover,
.search-filter-results div:hover {
	background:var(--input-hover-color);
}
.location-filter-results div:active,
.benefits-filter-results div:active,
.search-filter-results div:active {
	opacity:0.5;
}

#jobsboard .tags .tag {
	/*border: 1px solid #b7b7b7;
	color: #676767;*/
	border: 2px solid var(--global-text-color);
	color: var(--global-text-color);
}



#jobsboard tr.hot .position h3,
#jobsboard tr.hot .position h2,
#jobsboard tr.new .position h3,
#jobsboard tr.new .position h2,
#jobsboard tr.verified .position h3,
#jobsboard tr.verified .position h2,
#jobsboard tr.remoteok-original .position h3,
#jobsboard tr.remoteok-original .position h2 {
	color:var(--global-text-color);
}

#jobsboard tr.dark td.position h3,
#jobsboard tr.dark td.company h3,
#jobsboard tr.dark td.position h2,
#jobsboard tr.dark a,
#jobsboard tr.dark time {
	color:#fff;
}

html.startup .remote-ok-logo h1 .ok,
html.tag .remote-ok-logo h1 .ok {
	border-radius:0 !important;
}



.header .button.action-sign-up {
	margin:0;
	position:absolute;
	top:14px;
	right:100px;
	z-index:10;
}
.header .button.action-log-in {
	margin:0;
	position:absolute;
	top:14px;
	right:14px;
	z-index:10;
}

.badge {
	text-transform:uppercase;
	background:#0072b1;
	color:var(--global-background-color);
	padding:3.5px;
	padding-left:7px;
	padding-right:7px;
	border-radius:12px;
	font-size:8px;
		font-weight:800;
	vertical-align:middle;
	margin-top:-2px;
	margin-left:4px;
	margin-right:4px;
	display:inline-block;
	line-height:1;
}
.top-bar-dropdown a:hover .badge {
	background:var(--global-background-color);
	color:#0072b1;
}

/* 2025-08-30 new layout without hero image more functional */
.top {
	display:none !important;
}
.page {
	margin-top:68px;
}

.top {
	margin-bottom:-30px;
	margin-bottom:-60px;
}
.page {
	background:none;
}

.top .wave {
	position:absolute;
	bottom:-50px;
	bottom:-75px;
	bottom: -5vw;
	left:0;
	z-index:-1;
	width:100vw;
}
@media (max-width:1000px) {
	.top .wave {
		width:calc(100vw + 4px);
		bottom:0;
		left:-2px;
	}
}
html .top .wave {
	fill:var(--global-background-color);
}

@media (min-width:600px) {
	table#jobsboard tr.insert td:nth-of-type(1),
	table#jobsboard tr.job td:nth-of-type(1) {
		border-top-left-radius:12px;
		border-bottom-left-radius:12px;
	}
	table#jobsboard tr.insert td:last-of-type,
	table#jobsboard tr.job td:last-of-type {
		border-top-right-radius:12px;
		border-bottom-right-radius:12px;
	}
	table#jobsboard tr.active.job td:nth-of-type(1) {
		border-bottom-left-radius:0;
	}
	table#jobsboard tr.active.job td:last-of-type {
		border-bottom-right-radius:0;
	}
}

.runtime {
	font-family:monospace;
	position:absolute;
	top:0;
	pointer-events:none;
	right:0;
	font-size:8px;
	font-weight:bold;
	z-index:1000000000;
	color:#fff;
	opacity:0.1;
	padding:3.5px;
}

table#jobsboard td,
table#jobsboard td {
	padding: 14px;
}

table#jobsboard tr.job td {
	border-top:1px solid var(--input-border-color);
	border-bottom:1px solid var(--input-border-color);
	vertical-align: middle;
	padding: 7px;
}
@media (max-width: 600px) {
	table#jobsboard tr.job.highlighted td,
	table#jobsboard tr.job.has-highlight-color td {
		border: none; /* hide borders on mobile if colored */
	}
	table#jobsboard tr.job th,
	table#jobsboard tr.job td {
		padding: 3.5px;
	}
}
table#jobsboard tr:not(.active) td.company_and_position {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
table#jobsboard td.tags .action-add-tag {
	display: none;
}
table#jobsboard tr:not(.active) td.tags .action-add-tag:nth-of-type(1),
table#jobsboard tr:not(.active) td.tags .action-add-tag:nth-of-type(2),
table#jobsboard tr:not(.active) td.tags .action-add-tag:nth-of-type(3) {
	display: inline-block;
}
table#jobsboard tr.active td.tags .action-add-tag:nth-of-type(1),
table#jobsboard tr.active td.tags .action-add-tag:nth-of-type(2),
table#jobsboard tr.active td.tags .action-add-tag:nth-of-type(3),
table#jobsboard tr.active td.tags .action-add-tag:nth-of-type(4),
table#jobsboard tr.active td.tags .action-add-tag:nth-of-type(5),
table#jobsboard tr.active td.tags .action-add-tag:nth-of-type(6),
table#jobsboard tr.active td.tags .action-add-tag:nth-of-type(7),
table#jobsboard tr.active td.tags .action-add-tag:nth-of-type(8),
table#jobsboard tr.active td.tags .action-add-tag:nth-of-type(9),
table#jobsboard tr.active td.tags .action-add-tag:nth-of-type(10) {
	display: inline-block;
}
table#jobsboard tr.job td.image {
    padding-top: 0;
    padding-bottom: 0;
}

table#jobsboard tr.job.active td {
	border-bottom: none;
}

@media (min-width:600px) {
	table#jobsboard tr.job td:first-child {
		border-left:1px solid var(--input-border-color);
	}
	table#jobsboard tr.job td:last-child {
		border-right:1px solid var(--input-border-color);
	}
}

.frontpage-featured-customers {
	display:table;
	width:100%;
	text-align:center;
	white-space: nowrap;
	display:block;
	overflow-x:scroll;
	/* 2025-08-31 hide hero */
	display:none;
}
.frontpage-featured-customers {
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}
.frontpage-featured-customers::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}
.frontpage-featured-customers img.lazyload {
	border-radius: 12px;
}

.frontpage-featured-customers img {
	/*width: 100px;*/
	max-height: 30px;
	object-fit: contain;
	margin: 7px;
	margin-top: 14px;
	margin-bottom: 0;
	vertical-align: middle;
}
.frontpage-featured-customers img:not(.lazyload) {
	filter:saturate(0%) brightness(61%) contrast(380%) contrast(50%) brightness(208%);
}
.frontpage-featured-customers img:hover {
	opacity:0.25;
}
.frontpage-featured-customers img:active {
	opacity:0.15;
}
.frontpage-featured-customers {
	margin-bottom:14px;
	margin-top:-14px;
}
@media (min-width:900px) and (max-width:1200px) {
	.frontpage-featured-customers img {
		display:none;
	}
	.frontpage-featured-customers img:nth-of-type(1),
	.frontpage-featured-customers img:nth-of-type(2),
	.frontpage-featured-customers img:nth-of-type(3),
	.frontpage-featured-customers img:nth-of-type(4),
	.frontpage-featured-customers img:nth-of-type(5),
	.frontpage-featured-customers img:nth-of-type(6) {
		display:inline-block;
	}
}
@media (min-width:600px) and (max-width:900px) {
	.frontpage-featured-customers {
		margin-top:7px;
		margin-bottom:0;
	}
	.frontpage-featured-customers img {
		display:none;
	}
	.frontpage-featured-customers img:nth-of-type(1),
	.frontpage-featured-customers img:nth-of-type(2),
	.frontpage-featured-customers img:nth-of-type(3),
	.frontpage-featured-customers img:nth-of-type(4),
	.frontpage-featured-customers img:nth-of-type(5) {
		display:inline-block;
	}
}
@media (max-width:800px) {
	.top .wave {
		display:none;
	}
	.frontpage-featured-customers {
		margin-top:0;
		margin-bottom:0;
	    overflow-x: scroll;
	    width: 100%;
    	white-space: nowrap;
    	display:block;
	}
	.frontpage-featured-customers p {
		color:#fff;
		opacity:1 !important;
		margin-left:14px !important;
	}
	.top {
		margin-bottom:-80px !important;
	}
	.frontpage-featured-customers img {
		margin:7px;
		filter:invert(1) saturate(0) brightness(3) contrast(4) !important;
	}
}



.active-filters-box .suggested-filter,
.active-filters-box .active-filter {
	background: var(--input-background-color);
	/*border-radius:12px;*/
	border-radius:12px;
	display: inline-block;
	margin: 7px;
	margin-right: 0;
	color: var(--input-text-color);
	
	padding: 7px;
	padding: 9px;

	text-align: center;
	font-weight: 800;
	position: relative;
	padding-right: 29px;
	box-shadow:var(--box-shadow-central);
	cursor:zoom-out;
}
.active-filters-box .active-filter:hover {
		background: var(--input-hover-color);
}
.active-filters-box .active-filter:active {
	opacity:0.5;
}
.active-filters-box .active-filter .action-remove-this-filter {
	opacity: 0.25;
	position: absolute;
	z-index: 1;
	top: 9px;
	right: 5px;
	padding: 0.25em;
	padding-left: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 3px;
	line-height: 1;
	text-align: center;
	border-radius: 100%;
	color: #fff;
	width: 20px;
	height: 20px;
}
html.dark .active-filters-box .active-filter .action-remove-this-filter {
	filter: invert(1);
}
.active-filters-box .action-remove-latest-filter,
.active-filters-box .action-clear-all-filters {
 	padding: 0;
	padding-left: 9px;
	padding-right: 9px;
	vertical-align: top;
	border: 1px solid #0072b1;
	color:#0072b1;
	border-radius:12px;
	display: inline-block;
	margin: 7px;
	padding: 8.5px;
	text-align: center;
	font-weight: 800;
	position: relative;
	cursor:zoom-out;
	background: none;
}
.active-filters-box .action-remove-latest-filter:hover,
.active-filters-box .action-clear-all-filters:hover {
	background:#0072b1;
	color:#fff;
}
.active-filters-box .action-remove-latest-filter:active,
.active-filters-box .action-clear-all-filters:active {
	opacity: 0.5;
}
.action-add-tag {
	cursor:cell;
}

select,
input {
	font-size: 16px;
}

#jobsboard .time time {
	color: var(--global-text-color);
	font-size:14px;
}
#jobsboard .position h2,
#jobsboard .company h3 {
	font-size:17px;
}
#jobsboard .expandContents {
	font-size:16px;
}
#jobsboard .tags .tag h3 {
	font-size:12px;
}

@media (max-width:800px) {
	#jobsboard .expandContents {
		font-size:13px;
	}
	#jobsboard .time time {
		font-size:10px;
		font-size:12px;
	}
	#jobsboard .position h2,
	#jobsboard .company h3 {
		font-size:14px;
	}
	#jobsboard .tags .tag h3,
	#jobsboard .action-add-tag h3 {
		font-size:9px;
	}
	#jobsboard tr td.image {
		vertical-align:top;
		padding-top:13px;
	}
	.page {
		overflow:visible;
	}
	.nav,
	.open-startup,
	.notice-post-job {
		display:none;
	}
}

#jobsboard tr.divider td {
	height:10px;
	padding:0;
}
@media (max-width:600px) {
	table#jobsboard tr.job:not(.active) td {
		border-bottom:none;
	}
	#jobsboard tr.advertise-here,
	#jobsboard tr.divider {
		display:none;
	}
}





footer {
	text-align: center;
	background:var(--input-background-color);
	border-top:1px solid var(--input-border-color);
	padding-top:100px;
	margin:0;
	padding:28px;
	padding-bottom:56px;
}
footer .container {
	max-width:1100px;
	width:100%;
}
footer div.footer-link {
	text-align:left;
	font-size:14px;
	display:inline-block;
	width:25%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
}
@media (max-width:1000px) {
	footer div.footer-link {
		width:33.333%;
	}
}
@media (max-width:600px) {
	footer div.footer-link {
		width:50%;
	}
}
@media (max-width:400px) {
	footer div.footer-link {
		width:100%;
	}
}
footer div.footer-link a:hover {
	color:#0072b1;
	text-decoration:underline;
}
footer h2 {
	text-align:left;
}




@media (max-width:600px) {
	#jobsboard th.heading {
		border-top:1px solid var(--input-border-color);
	}
}

.share-job-copy-paste {
	box-shadow: none;
    appearance: none;
    padding: 7px;
    text-align: center;
    border: 1px solid var(--input-border-color);
    border-radius: 6px;
    margin: 14px;
    font-size: 16px;
    margin-top: 7px;
    margin-bottom: 14px;
    background: #fbfbfb;
    width: calc(100% - 28px);
    border: none;
    box-shadow: 0 0 0 1px var(--input-border-color), 0 2px 4px 0 rgb(0 0 0 / 7%), 0 1px 1.5px 0 rgb(0 0 0 / 5%);
}


@media (min-width: 600px) {
	table#jobsboard tr.insert .position {
		min-width: 330px; /* fix linebreak safetywing promo */
	}
}

@media (max-height: 600px) {
	tr.insert {
		display: none;
	}
}


@media (min-width: 600px) and (max-width: 1100px) {
	.page {
		padding-left: 28px;
		padding-right: 28px;
	}
	.top-right-nav {
		padding-left: 28px;
		padding-right: 28px;
	}
}


.filter-actions {
	position: sticky;
	top: 0;
	z-index: 2;
	max-width:100vw;
}
.filter-actions.sticky {
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	background: rgba(var(--global-background-color-rgba),0.95);
}

.instructions {
	margin: 28px auto;
	width: calc(100% - 28px - 28px);
}


html.compact .top-left-logo,
html.compact .top-bar-dropdown-toggle {
	display: none;
}


@media (max-width: 800px) {
	.filter-actions {
		padding-left: 3.5px !important;
		padding-right: 3.5px !important;
		border-bottom: 1px solid var(--input-border-color);
	}
	.selected-tags {
		margin-top: -7px !important;
	}
	#jobsboard tr.divider td {
		height: 5px;
	}
	.active-filters-box .action-remove-latest-filter,
	.active-filters-box .suggested-filter,
	.active-filters-box .active-filter {
		padding: 3.5px !important;
		padding-left: 7px !important;
		padding-right: 7px !important;
	}
	.active-filters-box .active-filter {
		padding-right: 29px !important;
	}
	.active-filters-box .active-filter .action-remove-this-filter {
		top: 4.5px;
	}
	.active-filters-box .action-clear-all-filters {
		padding: 3.5px;
		padding-left: 8.5px;
		padding-right: 8.5px;
	}
}

@media (max-width: 1000px) {
	table#jobsboard tr.job td.image {
		vertical-align: top;
		padding-top: 7px;
	}
}

html.dark #jobsboard tr.job.highlighted .image .logo {
	border: 2px solid #fff;
}
html.dark #jobsboard tr.job.highlighted td.time time {
	color: #000;
}
html.dark #jobsboard tr.job.highlighted .tags .tag,
html.dark #jobsboard tr.job.highlighted td h2,
html.dark #jobsboard tr.job.highlighted td h3,
html.dark #jobsboard tr.job.highlighted td a,
html.dark #jobsboard tr.job.highlighted td {
	color: #000;
	border-color: #000;
}

#jobsboard tr.job:not(.active):hover {
	opacity: 0.75;
}
#jobsboard tr.job:active {
	opacity: 0.5;
}


.active-filters-box div.suggested-filter {
    cursor: cell;
    box-shadow: none;
    border: 2px dashed var(--input-border-color);
    padding: 7px;
    padding-left: 7px;
    padding-right: 7px;
    opacity: .5;
    filter: saturate(0);
}
.active-filters-box div.suggested-filter .action-remove-this-filter {
	display: none;
}
.active-filters-box div.suggested-filter:hover {
    background: var(--input-hover-color);
    opacity: 1;
}



html.dark #jobsboard tr.job.light td, 
html.dark #jobsboard tr.job.light a, 
html.dark #jobsboard tr.job.light h2,
html.dark #jobsboard tr.job.light h3,
html.dark #jobsboard tr .expandContents .company_profile.light a,
html.dark #jobsboard tr .expandContents .company_profile.light p,
html.dark #jobsboard tr .expandContents .company_profile.light h2 {
	color: #000 !important;
}
html.dark #jobsboard tr.job.light .tags .tag {
	border: 2px solid #000 !important;
}


@media (max-width: 1000px) {
	table#jobsboard tr td.source {
		display: none;
	}
}
@media (min-width: 600px) and (max-width: 1000px) {
	table#jobsboard tr td.time {
		border-top-right-radius: 12px;
		border-bottom-right-radius: 12px;
		border-right: 1px solid var(--input-border-color);
	}
}

html.premium .page {
	margin-top:0;
}