/**
 * Public styles for The Bridge Job Listing.
 *
 * All layout and component styles are provided by the active theme's
 * text-card-grid block CSS. Add any job-listing-specific overrides here.
 *
 * @package MeasureTwice\The_Bridge_EH_Job_Listing
 * @since   1.0.0
 */

.icon-list .icon {
	flex-shrink: 0;
	display: inline-block;
	vertical-align: middle;
}
.eh-job-listing .icon-list li{
	padding-left: 0;
}
.eh-job-listing .icon-list li svg{
	width: 24px;
	height: 24px;
	position: relative;
	top: -3px;
}
.eh-job-modal .modal-header{
	align-items: flex-start!important;
	padding: 1.5em 2.5em 0;
}
.eh-job-modal .modal-title{
	margin-bottom: 10px;
}
.eh-job-modal .modal-header .icon-list{
	display: flex;
	gap: 15px;
}
.eh-job-modal .modal-body{
	padding: 0 2.5em 1.5em;
}
.eh-job-modal .modal-footer{
	padding: 1em 2.5em;
}

@media (max-width: 767px){
	.eh-job-listing .card-item.mb-1{
		margin-top: 0!important;
	}
	.eh-job-modal .modal-header .icon-list{
		flex-direction: column;
		gap: 0;
	}
	.eh-job-modal .modal-header,
	.eh-job-modal .modal-body,
	.eh-job-modal .modal-footer{
		padding-left: 1.5em;
		padding-right: 1.5em;
	}
}