/* oswald-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/oswald-v57-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* oswald-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/oswald-v57-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v50-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-v50-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


body {
	font-size: 17px;
	font-family:  Roboto, Arial, Helvetica, sans-serif;
	color:#036;
	margin:0;
	background-color:#fff;
	text-align:left;
}

input, textarea {
	font-family:  Arial, Helvetica, sans-serif;
	padding:2px;
	font-size: 14px;	
}

@media only screen and (min-width: 701px) {		/* If screen is 701px or wider */
	#headersite { font-size:2.75em; }
	#headertext1 { display: block; }
	#headertext2 { display: none; }
	#headerimage { margin-right: 5px; }
	#menudivtop { display: none; }
	#menudivright { display: inline-block; }
	#currentjobs1 { display: block; }
	#currentjobs2 { display: none; }
	#postheadertextbig { display: inline; }
	#postheadertextsmall { display: none; }
	#postheaderhomelink { display: block; }
	.managelistsort { text-align:center; }
}

@media only screen and (min-width: 550px) and (max-width: 700px) {
	#headersite { font-size:2.75em; }
	#headertext1 { display: none; }
	#headertext2 { display: block; }
	#headerimage { margin-right: 5px; }
	#menudivtop { display: inline-block; }
	#menudivright { display: none; }
	#currentjobs1 { display: block; }
	#currentjobs2 { display: none; }
	#postheadertextbig { display: inline; }
	#postheadertextsmall { display: none; }
	#postheaderhomelink { display: block; }
	.managelistsort { text-align:left; }
}

@media only screen and (min-width: 400px) and (max-width: 549px) {
	#headersite { font-size:2.75em; }
	#headertext1 { display: none; }
	#headertext2 { display: none; }
	#headerimage { margin-right: 0; }
	#menudivtop { display: inline-block; }
	#menudivright { display: none; }
	#currentjobs1 { display: block; }
	#currentjobs2 { display: none; }
	#postheadertextbig { display: inline; }
	#postheadertextsmall { display: none; }
	#postheaderhomelink { display: block; }
	.managelistsort { text-align:left; }
}

@media only screen and (max-width: 399px) {		/* If screen is 399px or narrower */
	#headersite { font-size:2.5em; }
	#headertext1 { display: none; }
	#headertext2 { display: none; }
	#headerimage { margin-right: 0; }
	#menudivtop { display: inline-block; }
	#menudivright { display: none; }
	#currentjobs1 { display: none; }
	#currentjobs2 { display: block; }
	#postheadertextbig { display: none; }
	#postheadertextsmall { display: inline; }
	#postheaderhomelink { display: none; }
	.managelistsort { text-align:left; }
}


/* THIS DEFAULT IS OVERRIDDEN IN MOST PAGES EXCEPT MANAGE */
#postheader {
	width:calc(100% - 40px);
	max-width:800px;
}



/* BELOW ARE FOR TOP MENU */

#menudivmain, #optionsdiv {
	display:inline-block;
	margin:15px 0 0 10px;
	position: sticky;
	top: 0;
	border:1px solid #999;
	border-radius:8px;
	background-color:#eee;
	line-height:200%;
	white-space:nowrap;
	text-align:left;
}

#menudivmain {
	padding:0 8px 0 8px; 
}

#optionsdiv {
	font-size:0.85em;
	padding:0 0 0 8px; /* No right padding because checkbox labels already have right padding */
}

#optionsdiv input {
	margin-right:4px;
	cursor:pointer;
}

#optionsdiv label {
	margin-right:12px;
	cursor:pointer;
}

#menumaininnerdiv {
	color:#369;
	display:inline-block;
	white-space:nowrap;
}

.menumainlinks {
	color:#369;
	text-decoration:none;
	border-bottom:1px solid #369;
}

.menumainlinks:hover {
	color:#036;
	font-weight:bold;
	border-bottom:1px solid #036;
}


#menuoptionsandfilterdiv { display: inline-block; }


.menumainbubblelinks {
	display:inline;
	background-color:#dedede;
	font-size:0.9em;
	color:#147;
	padding:2px 5px;
	margin:0;
	text-decoration:none;
	border:1px solid #036;
	border-radius:5px;
	white-space:nowrap;
}

.menutopbubblelinks {
	display:inline-block;
	background-color:#dedede;
	color:#147;
	font-size:0.8em;
	padding:2px 5px;
	margin:5px 5px;
	text-decoration:none;
	border:1px solid #036;
	border-radius:5px;
	white-space:nowrap;
	text-align:center;
}

.menurightbubblelinks {
	display:inline-block;
	background-color:#eee;
	color:#147;
	font-size:0.8em;
	padding:2px 5px;
	margin-left:10px;
	text-decoration:none;
	border:1px solid #888;
	border-radius:5px;
	white-space:nowrap;
	text-align:center;
}

.menumainbubblelinks:hover,
.menutopbubblelinks:hover,
.menurightbubblelinks:hover {
    font-weight: bold;
}


#arealistdiv {
	font-size:0.85em;
}

#arealistdiv input {
	margin-right:5px;
	cursor:pointer;
}

#arealistdiv label {
	/* margin-right:15px; */
	cursor:pointer;
}

#categorylistdiv {
	display:none;
	margin-top:5px;
	width:300px;
	font-size:0.85em;
	line-height:30px;
}

#filterdiv {
	display:none;
	margin-top:5px;
	font-size:0.85em;
	white-space:nowrap;
	line-height:30px;
}


/* For job detail page */

.jobdetailsdiv {
	display:block;
	margin:0 0 10px 10px;
	width:calc(100% - 20px);
	max-width:800px;
	font-size:1em;
}


/* BELOW ARE FOR JOB LISTINGS */

.joblinediv {
	display:block;
	margin:0 0 10px 10px;
	width:calc(100% - 20px);
	/* max-width:800px; */
	font-size:1em;
}

.jobtitle {
	color:#00d;
	margin-right:15px;
	/* white-space:nowrap; Removed because this should wrap on mobile */
}

.jobtitle:hover {
	color:#007;
}

.jobcat { 
	margin-right:15px;
	white-space:nowrap;
	font-size:0.8em;
	display:inline;
	
}

.jobcity {
	margin-right:15px;
	white-space:nowrap;
	font-size:0.8em;
	display:inline;
}

.jobco {
	margin-right:15px;
	white-space:nowrap;
	font-size:0.8em;
	display:none;
}

.jobspecial {
	margin-right:15px;
	white-space:nowrap;
	font-size:0.8em;
	display:inline;
}

.grnbg {
	background-color:#dfd;
}

.blubg {
	background-color:#def;
}

.ylwbg {
	background-color:#ff9;
}

.jobentry {
	margin-right:15px;
	white-space:nowrap;
	font-size:0.8em;
	display:inline;
	background-color:#ffd;
}

.jobpay {
	margin-right:15px;
	white-space:nowrap;
	font-size:0.8em;
	display:none;
}

.jobdate {
	margin-right:15px;
	white-space:nowrap;
	font-size:0.8em;
	display:none;
}




/* FOR INFO PAGES LIKE TERMS AND PRIVACY */

.infodiv {
	margin:15px 0 35px 10px;
	width:calc(100% - 40px);
	max-width:800px;
}

.infobacklinks a {
	color:#fff;
	background-color:#369;
	border:1px solid #369;
	padding:2px 5px;
	text-decoration:none;
	border-radius:5px;
}

.listnoindent { 
	padding: 0 0 0 15px;
}


.listnoindent li { 
	margin: 0 0 12px 0;
}

.listindentlittle { 
	padding: 5px 0 3px 20px;
}

.listindentlittle li { 
	margin: 0 0 5px 0;
}


/* FOR CONTACT PAGE AND DETAILS PAGE */

.postinfolinks {
	color:#036;
	text-decoration:none;
	border-bottom:1px solid #039;
	white-space:nowrap;
}

.postlinks {
	margin:15px 0 35px 10px;
	line-height:45px;
}

.postlinks a, .postlinks button {
	font-family:  Roboto, Arial, Helvetica, sans-serif;
	color:#036;
	background-color:#eee;
	border:1px solid #036;
	padding:2px 5px;
	text-decoration:none;
	font-size:0.9em;
	border-radius:5px;
}


select {
	font-size: 15px;
	font-family:  Roboto, Arial, Helvetica, sans-serif;
	color:#012;
}




/* BELOW IS FOR MANAGE PAGES */


.managelistouter { 
	display:inline-block;
	color:#036;
	border:1px solid #999;
	margin-left:10px;
	font-size:0.9em;
	max-width:calc(100% - 20px);
}

.managelistrow {
	border-bottom:1px solid #999;
	padding:5px;
}

.managelistitem {
	display:inline-block;
	vertical-align: middle;
}

.managelisttitle {
	color:#333;
	width:320px;
}

.managelistid {
	font-size:0.85em;
	color:#555;
}

.manageliststatus {
	width:110px;
	text-align:center;
	/* background-color:#0f0; */
}

.manageliststatus span {
	color:#333;
	border:1px solid #555;
	font-size:0.8em;
	padding:2px 3px;
	white-space:nowrap;
}

.manageliststatusactive {
	background-color:#dfd; /* was bdf / cfc is green, bef blue */
}

.manageliststatuspending {
	background-color:#ffc; /* was ff9 */
}

.manageliststatusexpired {
	background-color:#ddd;
}

.managelistdate {
	width:65px;
	text-align:center;
	white-space:nowrap;
	/* background-color:#ccf; */
}

.managelistdate span {
	font-size:0.8em;
	color:#333;
	padding:2px 3px;
	white-space:nowrap;
}

.managelistview {
	width:50px;
	text-align:center;
	/* background-color:#e8e; */
}

.managelistmodify {
	width:60px;
	text-align:center;
	/* background-color:#e8e; */
}

.managelistdelete {
	width:65px;
	text-align:center;
	/* background-color:#9ee; */
}

.managelistmodify a, .managelistview a, .managelistdelete a, .managelistdate a {
	padding:2px 5px;
	font-size:0.8em;
	border:1px solid #777;
	color:#036;
	background-color:#eee;
	text-decoration:none;
	border-radius:8px;
}

.managelistsort {
	font-size:0.85em;
	color:#555;
	width:341px; /* Match this to width of nowrap section of managelistrow by changing both bg colors */
	/* background-color:#9ee; */
}

.managelistsort a {
	color:#666;
	margin-left:8px;
}

.managelistrow input {
	margin-right:7px;
}

/*
ORPHANED?
.managelistpayleft {
	width:190px;
	text-align:left;
}

.managelistpayright {
	width:60px;
	text-align:right;
}
*/

.actdelviewlink {
	padding:2px 5px;
	font-size:0.7em;
	border:1px solid #777;
	color:#036;
	background-color:#eee;
	text-decoration:none;
	border-radius:8px;
	margin:0 8px;
}

.postjobformgreybox {
	margin:20px 0 0 10px;
	padding:10px;
	border-radius:3px;
	border:1px solid #999;
	background-color:#eee;
	color:#036;
	width:calc(100% - 40px);
	max-width:550px;
}

.jobformtextinput {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
}

.jobforminputdivs {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	background-color:#fff;
}


/* BELOW IS FOR THE FOOTER */

#footerlinks a {
	margin-right:15px;
	background-color:#eee;
	color:#147;
	border:1px solid #036;
	padding:2px 5px;
	text-decoration:none;
	font-size:0.85em;
	border-radius:5px;
}


/* P / Paragraph is for TINYMCE and SHOW-JOB */

p { margin:10px 0 0 0; }	


/* BELOW ARE FOR TINYMCE ON POSTINGFORM */
	
/* Center the toolbar items */
.tox-toolbar__primary {
  display: flex;
  justify-content: center;
}

/* Change the toolbar background color */
.tox .tox-toolbar__primary {
  background-color: #eee !important; 
}

/* Change the tinymce border color */
.tox-tinymce {
	border-color: #999 !important;
	border-width: 1px !important;
	border-style: solid !important;
	border-radius: 8px !important; 
}

/* Change buttons background color */
.tox .tox-toolbar button, .tox .tox-toolbar-overlord button {
  background-color: #eee !important; /* Example: Red background */
}


/* Change toolbar buttons background color on hover */
.tox .tox-toolbar-overlord button:hover {
  background-color: #ccc !important;
}

/* Removes white space above/below toolbar */
.tox-editor-header {
  padding: 0 !important;
}