.connectoor-jobs-search-field-wrapper {
	width: 100%;
	margin-bottom: 15px;

	.connectoor-job-search {
		width: 100%;
		border-radius: 5px;
		border: 1px solid rgba(0, 0, 0, 0.1);
		font-size: 14px;
		letter-spacing: 0.05em;
		box-sizing: border-box;
		padding: 8px;
		margin-bottom: 10px;
	}

}

.wp-block-query {
	.connectoor_jobs {
		margin-bottom: 15px;
		border: 1px solid rgba(0, 0, 0, 0.1);
		border-radius: 4px;
		padding: 15px;
		background: #f9f9fa;
		transition: all 0.3s ease-in-out;
		box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 2px -20px, rgba(0, 0, 0, 0.1) 0px 4px 4px -20px, rgba(0, 0, 0, 0.1) 0px 8px 8px -20px, rgba(0, 0, 0, 0.1) 0px 16px 16px -20px, rgba(0, 0, 0, 0.1) 0px 32px 32px -20px;

		.job-meta,
		.search-result-meta{
			div {
				font-size: 14px;
			}
		}

		&:hover {
			color: #ffffff;
			cursor: pointer;
			transition: all 0.15s ease-in-out;

			a {
				color: #ffffff;
			}
		}
		&.branding-color {
			&:hover {
				background: var(--connectoor-jobs-branding-color);
			}
			.wp-block-read-more {
				margin-block-start: 1.2rem;
			}
		}
	}

	.branding-color li {
		&:hover {
			background: var(--connectoor-jobs-branding-color);
		}
	}
}

.wp-block-button.branding-color {
	a {
		background: var(--connectoor-jobs-branding-color);
		&:hover,
		&:focus {
			color: black;
		}
	}
}
