/* Shortcode CSS Starts */

/* Job Listing Wrapper */
.cjp-job-listing {
    margin-bottom: 20px;
}

/* Region Wrapper */
.cjp-region-wrapper {
    margin-bottom: 10px;
    border-radius: 5px;
    overflow: hidden;
}

/* Region Header */
.cjp-region-header {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 10px 15px;
}

.cjp-region-header h3 {
    margin: 0 0 0 10px; 
    color: #00536A;
    font-size: 2.2vw; /* responsive font size */
    font-family: "Antipasto Pro";
    font-weight: 600;
    flex: 1; 
}

.cjp-toggle-icon {
    width: 22px;
    height: 22px;
    transition: transform 0.3s ease;
    margin-right: 20px;
    margin-top: 4px;
}

.cjp-toggle-icon.open {
    transform: rotate(180deg);
}

/* Collapsible Content */
.cjp-region-content {
    display: none;
    padding: 10px 15px;
    font-family: "Morn", Sans-serif; 
}

/* Job Table */
.cjp-job-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 25px; 
    table-layout: fixed;
    text-align: left;
    border: none;              
    background: transparent;   
}

/* Table header cells */
.cjp-job-table th {
    background-color: #F5DBC2;
    font-weight: bold;
    color: #00536A;
    font-family: "Morn", Sans-serif;
    font-size: 1.25vw;
    padding: 15px;
    border: none;
}

/* Rounded corners for header */
.cjp-job-table thead tr th:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.cjp-job-table thead tr th:last-child {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

/* Remove any top border on thead */
.cjp-job-table thead tr:first-child th,
.cjp-job-table thead tr:first-child td {
    border-block-start: none !important;
}

/* Table body cells */
.cjp-job-table td {
    font-family: "Morn", Sans-serif; 
    font-size: 1.25vw;
    color: #616161;
    padding: 15px;
    word-wrap: break-word;
    border: none;
    background-color: transparent !important;
}

/* Zebra stripe for even rows */
.cjp-job-table tbody tr:nth-child(even) td {
    background-color: #D0E6F7 !important;
/*     border-top-left-radius: 8px;
    border-bottom-left-radius: 8px; */
}

.cjp-job-table tbody tr:nth-child(even) td:last-child {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    
}

.cjp-job-table tbody tr:nth-child(even) td:first-child {
    border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;}


/* Highlight matched region */
.cjp-region-highlight {
    border: 2px solid #FFB74D;
    background-color: #FFF3E0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.cjp-apply-btn {
    display: inline-block;
    padding: 6px 24px;
    background: #DA8026;
    color: #fff;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    font-size: 17px;
	margin-top:12px;
}


/* Responsive Styles */
@media (max-width: 1024px) {
    .cjp-region-header h3 {
        font-size: 3vw;
    }
    .cjp-job-table th,
    .cjp-job-table td {
        font-size: 1.5vw;
        padding: 12px;
    }
}

@media (max-width: 768px) {
    .cjp-region-header {
        flex-direction: row;
        gap: 20px;
        align-items: flex-start;
    }
    .cjp-region-header h3 {
        margin-left: 0;
        margin-top: 5px;
        font-size: 3.2vw;
    }
    .cjp-toggle-icon {
        margin-right: 0;
    }
    .cjp-job-table th,
    .cjp-job-table td {
        font-size: 2.2vw;
        padding: 10px;
    }
    .cjp-region-header img{
        margin-top: 10px;
        width: 5%;
    }
}

@media (max-width: 480px) {
    .cjp-region-header h3 {
        font-size: 6vw;
    }
    .cjp-job-table th,
    .cjp-job-table td {
        font-size: 3vw;
        padding: 8px;
    }
}

/* Shortcode CSS Ends */




/* Job Location Filter Styles Starts */

.cjp-job-location-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    max-width: 50vw;
    margin-bottom: 20px;
}

.cjp-job-location-filter input {
    flex: 1;
    padding: 15px 20px!important;
    font-family: "Morn", Sans-serif;
    font-size: 1rem;
    border-radius: 10px!important;
    max-width: 50vw!important;
    box-sizing: border-box;
}

.cjp-job-location-filter button {
    padding: 15px 40px!important;
    font-family: "Morn", Sans-serif;
    font-size: 1rem;
    border: none;
    background-color: #00536A;
    color: #fff;
    cursor: pointer;
    border-radius: 16px!important;
    transition: background 0.3s ease;
}

.cjp-job-location-filter button:hover {
    background-color: #003f4f;
    
}

/* Responsive */
@media (max-width: 768px) {
    .cjp-job-location-filter {
        flex-direction: column;
    }

    .cjp-job-location-filter button {
        width: 100%;
    }
	
	.cjp-job-location-filter{
		max-width:85vw!important;
	}
	.cjp-job-location-filter input{
		max-width:85vw!important;
		padding: 9px 20px!important;
	}
	.cjp-job-location-filter button{
		border-radius:10px!important;
	}
	
}
/* Job Location Filter Styles Ends */






/* Job Location Advaced Filter Styles Starts */










/* Advanced Job Filter CSS Starts */

.cjp-advanced-job-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 30px;
    max-width: 100%;
}

.cjp-advanced-job-filter select,
.cjp-advanced-job-filter button {
    padding: 12px 16px;
    font-family: "Morn", Sans-serif;
    font-size: 1vw;
    border-radius: 10px;
    border: 1px solid #ccc;
    outline: none;
    transition: all 0.3s ease;
}

.cjp-advanced-job-filter select {
    min-width: 150px;
    flex: 1;
    background-color: #fff;
    color: #333;
}

.cjp-advanced-job-filter select:focus {
    border-color: #00536A;
    box-shadow: 0 0 5px rgba(0, 83, 106, 0.3);
}

.cjp-advanced-job-filter button {
    background-color: #00536A;
    color: #fff;
    cursor: pointer;
    border: 1px solid #00536A;
}

.cjp-advanced-job-filter button:hover {
    background-color: #003f4f;
}

/* Clear button different style */
.cjp-advanced-job-filter #cjp-filter-clear {
    background-color: #fff;
    color: #00536A;
    border: 1px solid #00536A;
}

.cjp-advanced-job-filter #cjp-filter-clear:hover {
    background-color: #f0f0f0;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .cjp-advanced-job-filter {
        flex-direction: column;
    }
    
    .cjp-advanced-job-filter select,
    .cjp-advanced-job-filter button {
        width: 100%;
        font-size: 3vw;
    }
}

/* Advanced Job Filter CSS Ends */







@media (max-width: 767px) {
    .cjp-apply-btn {
        font-size: 10px;
        padding: 5px 14px;
        border-radius: 6px;
		margin-top:12px;
    }



















/* Job Location Advaced Filter Styles Ends */