/*
Theme Name: Divi Child By Cornerstone Web Studio
Theme URI: http://cornerstone.studio
Description: A Custom Child Theme For Divi
Author: Cornerstone Web Studio
Author URI: http://cornerstone.studio
Template: Divi
Version: Updated for 2025
*/

/*========================================================*/
/*                CORNERSTONE.STUDIO STYLES               */
/*========================================================*/


/* WP JOB MANAGER */
article.job_listing {
	padding-top: 3rem;
}

.job_application {
	display: grid;
	grid-template-columns: 1fr;
	justify-content: center
}

.et_pb_section .job_filters input[type="text"],
.et_pb_section .job_filters select {
	box-sizing: border-box;
	display: block;
	width: 100%;
	max-inline-size: 100%;

	appearance: var(--gf-ctrl-appearance);
	height: auto;
	min-height: auto;

	background-color: #fff;
	color: var(--gf-ctrl-color);

	border: var(--gf-ctrl-border-width) var(--gf-ctrl-border-style) var(--gf-ctrl-border-color);
	border-radius: var(--gf-radius);
	box-shadow: var(--gf-ctrl-shadow);

	padding: 1em !important;
	line-height: 1.3;

	outline: 0;
	outline-offset: 1px;
	transition: var(--gf-ctrl-transition);
}


.job_filters input[type="submit"] {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .375rem;

	background-color: var(--button-background-color);
	color: var(--button-text-color);
	padding: var(--button-padding);
	border: var(--button-border);
	border-radius: var(--button-border-radius);

	font-weight: var(--button-font-weight);
	font-size: var(--button-font-size);
	line-height: var(--button-line-height);
	text-transform: var(--button-text-transform);
	text-decoration: none;
	cursor: pointer;

	transition: background-color .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease;
}

/* Hover/active */
.job_filters input[type="submit"]:hover,
.job_filters input[type="submit"]:active {
	background-color: var(--button-background-hover-color);
	color: var(--button-text-hover-color);
}

/* Focus-visible (keyboard) */
.job_filters input[type="submit"]:focus-visible {
	outline: var(--focus-ring-width) solid var(--focus-ring-color);
	outline-offset: 2px;
}

/* Ensure full width */
.select2-container {
	width: 100% !important
}

/* Selection (closed/open/focus) */
.select2-container--default .select2-selection--single {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	height: var(--gf-ctrl-size, 38px);
	background: var(--gf-ctrl-bg-color, #fff);
	color: var(--gf-ctrl-color, #112337);
	border: var(--gf-ctrl-border-width, 2px) var(--gf-ctrl-border-style, solid) var(--gf-ctrl-border-color, #686e77);
	border-radius: var(--gf-radius, 3px);
	padding: 0 var(--gf-ctrl-padding-x, 1.5em);
	line-height: 1.3;
	transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease, color .2s ease;
}

/* Rendered text + placeholder */
.select2-container--default .select2-selection--single .select2-selection__rendered {
	padding: 0;
	margin: 0;
	width: 100%;
	color: var(--gf-ctrl-color, #112337);
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: var(--gf-ctrl-placeholder-color, #6D7071);
}


/* Focus/Opened state */
.select2-container--default .select2-selection--single:focus,
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--open .select2-selection--single {
	border-color: var(--gf-focus-border-color, #68c8c6);
	outline: var(--gf-focus-outline-width, 3px) solid var(--gf-focus-outline-color, #68c8c6);
	outline-offset: 1px;
}

/* Disabled */
.select2-container--default.select2-container--disabled .select2-selection--single {
	background: var(--gf-color-in-ctrl-light-lighter, #F5F5F5);
	color: rgba(17, 35, 55, .6);
	cursor: not-allowed;
}

/* Dropdown panel */
.select2-container--default .select2-dropdown {
	border: var(--gf-ctrl-border-width, 2px) solid var(--gf-ctrl-border-color, #686e77);
	border-radius: var(--gf-radius, 3px);
	overflow: hidden;
	/* round the top items */
	box-shadow: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 6px
}

/* Make the container height align perfectly with inputs */
.select2-container .select2-selection--single .select2-selection__rendered {
	line-height: normal;
	/* avoid default hardcoded heights */
}


.entry-content .single_job_listing .meta {
	border-bottom: 1px solid #ccc;
	list-style-type: none !important;
}

.single_job_listing .meta li {
	color: #333
}

ul.job_listings li.job_listing a {
	padding: 1em 1em 1em 1em;
}

ul.job_listings li.job_listing a div.position {
	width: 50%;
	padding-left: 1em
}

ul.job_listings li.job_listing a div.location {
	width: 30%
}

ul.job_listings li.job_listing a div.salary {
	width: 20%;
	color: #999;
	float: left;
	text-align: left;
}

ul.job_listings li.job_listing a div.date {
	color: #999;
	float: left;
	text-align: left;
	width: 10%;
	font-size: .8em;
}

#main-content nav.job-manager-pagination ul, #main-content nav.job-manager-pagination ul {
    border-left:0
}

#main-content nav.job-manager-pagination ul li, #main-content nav.job-manager-pagination ul li {
    border-radius: 1em;
    min-width: 2.5em;
    margin-right:4px;
    background-color:#eee;
    color:#2F246C;
}
#main-content nav.job-manager-pagination ul li span.current {
    background-color:#2F246C;
    color:#fff;
}

.single_job_listing .meta .job-type {
	background-color: #2F246C;
	color: #fff;
	border-radius: 1rem;
	margin-right: 2em;
}

.single_job_listing .meta .full-time {
	background-color: #2F246C
}

.single_job_listing .meta .part-time {
	background-color: #68C8C6
}

.single_job_listing .meta .temporary {
	background-color: #F5A623
}

.single_job_listing .meta .freelance {
	background-color: #B565A7
}

.single_job_listing .meta .internship {
	background-color: #B565A7
}

#job_desc h1 {
	font-size: 1em
}

#job_desc h2 {
	font-size: 1.75em
}

#job_desc h3 {
	font-size: 1.5em
}

.showing_jobs .reset {
	font-weight: bold;
	text-transform: uppercase;
	background-color: #68C8C6;
	padding: 0 .5em;
	margin-left: 1em;
}

.rss_link {
	display: none
}

@media only screen and (max-width: 767px) {

	ul.job_listings li.job_listing a,
	ul.job_listings li.no_job_listings_found a {
		padding: .5em 0
	}

	ul.job_listings li.job_listing a div.position {
		float: left;
		padding: 0;
		width: 100%;
	}

	ul.job_listings li.job_listing a div.position h3 {
		font-size: .9em
	}

	ul.job_listings li.job_listing a div.location {
		width: 50%
	}

	ul.job_listings li.job_listing a div.salary {
		font-size: .75em;
		width: 50%;
		color: #999;
		float: left;
		text-align: left;
	}
}