.elementor-160 .elementor-element.elementor-element-cfe7ec1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-160 .elementor-element.elementor-element-6b7c372{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-160 .elementor-element.elementor-element-43714d1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-160 .elementor-element.elementor-element-e6ae104{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-160 .elementor-element.elementor-element-e0257e6{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-160 .elementor-element.elementor-element-e0257e6 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-160 .elementor-element.elementor-element-e0257e6:after{content:"0.66";}.elementor-160 .elementor-element.elementor-element-e0257e6 .elementor-post__thumbnail__link{width:100%;}.elementor-160 .elementor-element.elementor-element-e0257e6 .elementor-post__meta-data span + span:before{content:"///";}.elementor-160 .elementor-element.elementor-element-e0257e6.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-160 .elementor-element.elementor-element-e0257e6.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-160 .elementor-element.elementor-element-e0257e6.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-160 .elementor-element.elementor-element-83ebd52{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-160 .elementor-element.elementor-element-0c4ca13{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:767px){.elementor-160 .elementor-element.elementor-element-e0257e6 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-160 .elementor-element.elementor-element-e0257e6:after{content:"0.5";}.elementor-160 .elementor-element.elementor-element-e0257e6 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for posts, class: .elementor-element-e0257e6 *//* -------------------------------------------------------
   CODECAREERLINK ELEMENTOR JOB CARD STYLES
   Usage: Add the class 'ccl-job-grid' to your Elementor Posts Widget
   -------------------------------------------------------
*/

/* 1. THE CARD CONTAINER */
.ccl-job-grid .elementor-post {
    background: #FFFFFF !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 12px !important;
    padding: 24px !important;
    box-shadow: none !important; /* Reset default shadows */
    transition: all 0.2s ease-in-out !important;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

/* Hover Effect */
.ccl-job-grid .elementor-post:hover {
    border-color: #2563EB !important; /* Brand Blue Border on Hover */
    box-shadow: 0 10px 25px rgba(37, 99, 235, 0.1) !important;
    transform: translateY(-4px) !important;
}

/* 2. REMOVE DEFAULT ELEMENTOR BADGES (Optional) */
.ccl-job-grid .elementor-post__badge {
    display: none !important;
}

/* 3. FEATURED IMAGE (Making it small and logo-like if possible, or clean banner) */
/* If you want a logo style, you might need a custom loop, but this styles the banner nicely */
.ccl-job-grid .elementor-post__thumbnail__link {
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 16px !important;
}

/* 4. POST TITLE */
.ccl-job-grid .elementor-post__title {
    font-family: 'Inter', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #2B2B2B !important;
    margin-bottom: 8px !important;
    line-height: 1.3 !important;
}

.ccl-job-grid .elementor-post__title a {
    color: #2B2B2B !important;
    transition: color 0.2s;
}

.ccl-job-grid .elementor-post__title a:hover {
    color: #2563EB !important; /* Blue on hover */
}

/* 5. EXCERPT / DESCRIPTION */
.ccl-job-grid .elementor-post__excerpt p {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    color: #6B7280 !important;
    line-height: 1.6 !important;
    margin-bottom: 20px !important;
}

/* 6. META DATA (Date, Comments etc) */
.ccl-job-grid .elementor-post__meta-data {
    font-size: 12px !important;
    color: #9CA3AF !important;
    margin-bottom: 15px !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
}

/* 7. READ MORE BUTTON -> TRANSFORM TO "APPLY BUTTON" */
.ccl-job-grid .elementor-post__read-more {
    background-color: #F27C22 !important; /* Brand Orange */
    color: #FFFFFF !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 10px 24px !important;
    border-radius: 6px !important;
    text-transform: capitalize !important; /* Removes uppercase default */
    display: inline-block !important;
    margin-top: auto !important; /* Pushes button to bottom */
    text-decoration: none !important;
    transition: background 0.2s !important;
    border: none !important;
}

.ccl-job-grid .elementor-post__read-more:hover {
    background-color: #EA580C !important; /* Darker Orange */
    color: #FFFFFF !important;
    box-shadow: 0 4px 12px rgba(242, 124, 34, 0.3) !important;
}

/* 8. RESPONSIVE FIXES */
@media (max-width: 767px) {
    .ccl-job-grid .elementor-post {
        padding: 20px !important;
    }
}/* End custom CSS */