.elementor-123 .elementor-element.elementor-element-0300a96:not(.elementor-motion-effects-element-type-background), .elementor-123 .elementor-element.elementor-element-0300a96 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#605BE5;}.elementor-123 .elementor-element.elementor-element-0300a96 > .elementor-background-overlay{background-image:url("https://joinopen.co.uk/wp-content/uploads/2026/01/pic-10.webp");background-position:center center;background-size:cover;opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-123 .elementor-element.elementor-element-0300a96 > .elementor-container{max-width:1170px;}.elementor-123 .elementor-element.elementor-element-0300a96{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:106px 20px 106px 20px;}.elementor-123 .elementor-element.elementor-element-d77012f > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-123 .elementor-element.elementor-element-d77012f > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-123 .elementor-element.elementor-element-d77012f > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-123 .elementor-element.elementor-element-085e3a5{text-align:center;}.elementor-123 .elementor-element.elementor-element-085e3a5 .elementor-heading-title{font-size:var( --e-global-typography-96c247c-font-size );font-weight:var( --e-global-typography-96c247c-font-weight );text-transform:var( --e-global-typography-96c247c-text-transform );line-height:var( --e-global-typography-96c247c-line-height );color:var( --e-global-color-b447879 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-123 .elementor-element.elementor-element-805bb28{text-align:center;color:var( --e-global-color-b447879 );}.elementor-123 .elementor-element.elementor-element-2fabfc6:not(.elementor-motion-effects-element-type-background), .elementor-123 .elementor-element.elementor-element-2fabfc6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b447879 );}.elementor-123 .elementor-element.elementor-element-2fabfc6 > .elementor-container{max-width:1170px;}.elementor-123 .elementor-element.elementor-element-2fabfc6{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:50px 0px 50px 0px;}.elementor-123 .elementor-element.elementor-element-2fabfc6 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-123 .elementor-element.elementor-element-589ac3f > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-123 .elementor-element.elementor-element-bb110d3{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-123 .elementor-element.elementor-element-9bc25a8 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );line-height:var( --e-global-typography-text-line-height );}.elementor-123 .elementor-element.elementor-element-3fb854c{text-align:start;}.elementor-123 .elementor-element.elementor-element-3fb854c img{filter:brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-123 .elementor-element.elementor-element-3fb854c:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-123 .elementor-element.elementor-element-67379b7 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-123 .elementor-element.elementor-element-bb770d3{text-align:start;}.elementor-123 .elementor-element.elementor-element-bb770d3 img{filter:brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-123 .elementor-element.elementor-element-bb770d3:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-123 .elementor-element.elementor-element-b779564 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-123 .elementor-element.elementor-element-d5b6992{text-align:start;}.elementor-123 .elementor-element.elementor-element-d5b6992 img{filter:brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-123 .elementor-element.elementor-element-d5b6992:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-123 .elementor-element.elementor-element-68a84c9 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-123 .elementor-element.elementor-element-55ee047{text-align:start;}.elementor-123 .elementor-element.elementor-element-55ee047 img{filter:brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-123 .elementor-element.elementor-element-55ee047:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-123 .elementor-element.elementor-element-ab76fc6 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-123 .elementor-element.elementor-element-dd573b1{text-align:start;}.elementor-123 .elementor-element.elementor-element-dd573b1 img{filter:brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-123 .elementor-element.elementor-element-dd573b1:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-123 .elementor-element.elementor-element-135b91c > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-123 .elementor-element.elementor-element-59f42e4{text-align:start;}.elementor-123 .elementor-element.elementor-element-59f42e4 img{filter:brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-123 .elementor-element.elementor-element-59f42e4:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-123 .elementor-element.elementor-element-e58c3b5{--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;}.elementor-123 .elementor-element.elementor-element-c77b951{--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;}@media(max-width:1024px){.elementor-123 .elementor-element.elementor-element-0300a96{padding:60px 20px 60px 20px;}.elementor-123 .elementor-element.elementor-element-085e3a5 .elementor-heading-title{font-size:var( --e-global-typography-96c247c-font-size );line-height:var( --e-global-typography-96c247c-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-123 .elementor-element.elementor-element-2fabfc6{padding:180px 20px 180px 20px;}.elementor-123 .elementor-element.elementor-element-bb110d3{padding:0px 0px 40px 0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-123 .elementor-element.elementor-element-085e3a5 .elementor-heading-title{font-size:var( --e-global-typography-96c247c-font-size );line-height:var( --e-global-typography-96c247c-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-123 .elementor-element.elementor-element-2fabfc6{padding:180px 20px 120px 20px;}.elementor-123 .elementor-element.elementor-element-9bc25a8{width:50%;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-123 .elementor-element.elementor-element-3fb854c{text-align:center;}.elementor-123 .elementor-element.elementor-element-67379b7{width:50%;}.elementor-123 .elementor-element.elementor-element-bb770d3{text-align:center;}.elementor-123 .elementor-element.elementor-element-b779564{width:50%;}.elementor-123 .elementor-element.elementor-element-d5b6992{text-align:center;}.elementor-123 .elementor-element.elementor-element-68a84c9{width:50%;}.elementor-123 .elementor-element.elementor-element-55ee047{text-align:center;}.elementor-123 .elementor-element.elementor-element-ab76fc6{width:50%;}.elementor-123 .elementor-element.elementor-element-dd573b1{text-align:center;}.elementor-123 .elementor-element.elementor-element-135b91c{width:50%;}.elementor-123 .elementor-element.elementor-element-59f42e4{text-align:center;}}/* Start custom CSS for shortcode, class: .elementor-element-3b8a361 *//* ================================
   GLOBAL WRAPPER
================================ */
.job_listings {
    font-family: inherit;
}

/* ================================
   FILTER BOX
================================ */
.job_filters {
    background: #f7f7ff;
    border-radius: 14px;
    padding: 22px;
    margin-bottom: 30px;
    border: 1px solid rgba(96,91,229,0.15);
}

/* ================================
   INPUT FIELDS
================================ */
.job_filters input[type="text"],
.job_filters select {
    width: 100%;
    border: 1px solid rgba(96,91,229,0.35);
    border-radius: 10px;
    padding: 12px 14px;
    font-size: 14px;
    transition: all 0.25s ease;
}

.job_filters input[type="text"]:focus,
.job_filters select:focus {
    border-color: #605BE5;
    outline: none;
    box-shadow: 0 0 0 3px rgba(96,91,229,0.2);
}

/* ================================
   CHECKBOXES
================================ */
.job_filters input[type="checkbox"] {
    accent-color: #605BE5;
}

/* ================================
   SEARCH BUTTON
================================ */
.search_submit input[type="submit"] {
    background: #605BE5;
    color: #ffffff;
    border: none;
    border-radius: 40px;
    padding: 13px 32px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.search_submit input[type="submit"]:hover {
    background: #4f4ad6;
    transform: translateY(-1px);
}

/* ================================
   JOB TYPE FILTER PILLS
================================ */
.job_types {
    margin-top: 15px;
}

.job_types li label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #ffffff;
    border: 1px solid rgba(96,91,229,0.4);
    padding: 8px 16px;
    border-radius: 40px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.25s ease;
}

.job_types li input:checked + label,
.job_types li label:hover {
    background: #605BE5;
    color: #ffffff;
    border-color: #605BE5;
}

/* ================================
   JOB CARD
================================ */
.job_listings ul.job_listings li.job_listing {
    background: #ffffff;
    border-radius: 18px;
    border-left: 6px solid #605BE5;
    padding: 20px;
    margin-bottom: 20px;
    transition: all 0.3s ease;
}

.job_listings ul.job_listings li.job_listing:hover {
    box-shadow: 0 18px 40px rgba(96,91,229,0.18);
    transform: translateY(-2px);
}

/* ================================
   JOB LINK
================================ */
.job_listings ul.job_listings li.job_listing > a {
    display: flex;
    align-items: center;
    gap: 22px;
    text-decoration: none;
    color: inherit;
}

/* ================================
   COMPANY LOGO
================================ */
.job_listings .company_logo {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 2px solid #605BE5;
    object-fit: cover;
}

/* ================================
   JOB TITLE
================================ */
.job_listings .position h3 {
    color: #605BE5;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 6px;
}

/* ================================
   COMPANY NAME
================================ */
.job_listings .company strong {
    color: #333;
    font-weight: 600;
}

/* ================================
   LOCATION
================================ */
.job_listings .location {
    color: #555;
    font-weight: 500;
}

/* ================================
   META INFO
================================ */


.job_listings .meta {
    display: flex;
    flex-wrap: nowrap; /* prevent wrapping */
    align-items: center;
}

.job_listings .meta .job-type {
    display: block;
    width: 100%;              /* take full width */
    white-space: nowrap;      /* prevent text from breaking */
    background: #605BE5;
    color: #ffffff;
    padding: 8px 14px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 300;
    text-align: center;
}


.job_listings .meta .date {
    font-size: 12px;
    color: #777;
}

/* ================================
   SHOWING JOBS BAR
================================ */
.showing_jobs {
    background: rgba(96,91,229,0.08);
    border-left: 4px solid #605BE5;
    padding: 12px 14px;
    border-radius: 8px;
    margin-top: 18px;
    font-size: 14px;
}

/* ================================
   RESET & RSS LINKS
================================ */
.showing_jobs a {
    color: #605BE5;
    font-weight: 600;
    text-decoration: none;
    margin-left: 10px;
}

.showing_jobs a:hover {
    text-decoration: underline;
}

/* ================================
   LOAD MORE BUTTON
================================ */
.load_more_jobs {
    background: #605BE5;
    color: #ffffff;
    padding: 14px 34px;
    border-radius: 40px;
    display: inline-block;
    font-weight: 600;
    margin: 30px auto 0;
    transition: all 0.3s ease;
}

.load_more_jobs:hover {
    background: #4f4ad6;
}

/* ================================
   MOBILE
================================ */
@media (max-width: 768px) {
    .job_listings ul.job_listings li.job_listing > a {
        flex-direction: column;
        align-items: flex-start;
    }

    .job_listings .company_logo {
        margin-bottom: 10px;
    }
}/* End custom CSS */