/*
Theme Name: Recruiters Websites
Theme URI: http://www.recruiterswebsites.com
Version: 1.0
Description: Recruiters Websites Framework for Custom Website Development
Author: The Recruiters Websites Team
Author URI: http://www.recruiterswebsites.com
template: bb-theme
*/

/* Add your custom styles here... */ 

/* MAIN STYLES */

:root {
    --primary: #73C054;
    --secondary: #00293D;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

div#fl-main-content {
    background-color: #00293D;
}


/*
==========================================================================
Jobs
==========================================================================
*/
ul.job_listings {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 15px;
}

.matador-jobs.matador-jobs-listing.job-listings {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 15px;
}

.rw-job-box {
    padding: 40px 25px;
}

.spin-border, .rw-job-box-cont {
    border: 1px solid var(--primary) !important;
}


    .spin-border {
        border: solid 1px #00293D;
        border-radius: 0px;

        /* Matching initial background */
        --border-angle: 0turn;
        --main-bg: #00293D;
        --gradient-border: #00293D;

        background:
                var(--main-bg) padding-box,
                var(--gradient-border) border-box,
                var(--main-bg) border-box;

        background-position: center center;

        /* Add transitions */
        transition:
                border-width 0.5s ease,
                border-radius 0.5s ease,
                background 0.5s ease;
    }



span.job-location {
    color: var(--primary);
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: .5px;
}

.rw-job-box p {
    color: white;
}

span.job-link {
    color: var(--primary);
}

span.job-link i {
    margin-left: 10px;
}

.rw-job-box h4 {
    font-weight: 700 !important;
}

.job-meta-rw li {
    list-style: none !important;
    background-color: var(--primary);
    padding: 5px;
    border-radius: 2px;
    font-size: 14px;
    color: var(--secondary);
    height: fit-content;
    padding: 0px 10px;
}

.job-meta-rw ul {
    padding-left: 0px !important;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.job-meta-rw{
    margin-bottom: 20px;
}

.job_listings {
    margin-top: 60px;
    border-top: none;
}

.short-wrapper h3 {
    font-weight: 600;
    margin-bottom: 0px !important;
}

ul.job_types {
    display: none !important;
}

.search_jobs {
    display: flex;
    flex-direction: row;
}

.job_filters .search_jobs div.filter_first, .job_filters .search_jobs div.search_keywords {
    float: unset;
    padding-right: unset;
    width: 25%;
    height: 40px !important;
}
.job_filters .search_jobs div.filter_wide, .job_filters .search_jobs div.search_categories {
    clear: both;
    padding-top: 0px;
    width: 25%;
    height: 40px !important;
}

.search_location {
    width: 25% !important;
}

form.job_filters {
    background: none !important;
}

.showing_jobs {
    display: none !important;
}

input#search_keywords::placeholder {
    color: black !important;
}

input#search_location::placeholder {
    color: black !important;
}

.search_jobs {
    padding: 0px !important;
}

.search_categories {
    padding-left: .5em;
}

input#search_keywords, input#search_location, span.select2-selection.select2-selection--single {
    background-color: #0E374A !important;
    border: none !important;
}

input#search_keywords::placeholder, input#search_location::placeholder, span.select2-selection__placeholder{
/*     color: #758B96 !important; */
    font-size: 14px;

}

input#search_keywords, input#search_location, span.select2-selection.select2-selection--single  {
    height: 40px !important;
}

span.select2-selection__arrow {
    top: 7px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px !important;
}

span#select2-search_categories-container {
    color: #758B96 !important;
}



/*
==========================================================================
Jobs Mobile
==========================================================================
*/
@media (max-width:992px){
    ul.job_listings {
        grid-template-columns: repeat(2, 1fr);
    }

    .matador-jobs.matador-jobs-listing.job-listings {
        grid-template-columns: 1fr 1fr;
    }

    .job_filters .search_jobs div.filter_wide, .job_filters .search_jobs div.search_categories, .job_filters .search_jobs div.filter_first, .job_filters .search_jobs div.search_keywords  {
        width: 100% !important;
        padding-left: 0px !important;
        margin-top: 10px;
    }

    .search_location{
        width: 100% !important;
        padding-left: 0px !important;
        margin-top: 10px !important;
    }

    .search_jobs {
        display: flex;
        flex-direction: column;
    }
}

@media (max-width:769px){
    .job_listings {
        grid-template-columns: repeat(1, 1fr);
    }

    .matador-jobs.matador-jobs-listing.job-listings {
        grid-template-columns: 1fr;
    }


}

/*
==========================================================================
Single Jobs
==========================================================================
*/


input.application_button.rw-application_button.button {
    color: var(--secondary);
    background-color: var(--primary);
    padding: 18px 30px;
    border-radius: 0px !important;
    border: none !important;
    font-size: 16px;
    transition: .3s;
}

input.application_button.rw-application_button.button:hover {
    color: var(--secondary);
    background-color: white;
}

.ginput_container input, .ginput_container textarea{
    background-color: #0E374A;
    border: none;
    height: 38px;
}

.gform_button {
    background-color: var(--primary) !important;
    color: var(--secondary) !important;
    padding: 18px 30px !important;
    border-radius: 0px !important;
    border: none !important;
    transition: .3s;
}

.gform_button:hover {
    background-color: white !important;
    color: var(--secondary) !important;
}

input#input_2_7 {
    background: none !important;
}

ul.job-listing-meta.meta {
    display: none !important;
}
/*
==========================================================================
Slick Testimonials
==========================================================================
*/

.test-quotes img {
    max-width: 53px;
}


.testimonial-name h5 {
    font-size: 18px;
    margin-bottom: 0px;
    letter-spacing: .5px;

}

.testimonial-title p{
    font-size: 16px;
    color: #7B8489 !important;
    font-weight: 500;
    letter-spacing: .2px
}

.slick-dots li button:before{
    font-size: 13px;
    color: #91A2AB;
    opacity: 1;
}


ul.slick-dots {
    text-align: left;
}

.slick-active ::before {
    color: #73C054 !important;
    font-size: 13px;
}

/*
==========================================================================
Team
==========================================================================
*/

.team-wrapper {
    background-color: #0E374A !important;
    margin-top: 20px;
    padding: 30px 15px;
}

.team-wrapper {}

a {}

h6.name.weight-fix {
    font-size: 24px;
}

h6.name.weight-fix a:hover {
    color: var(--primary);
}

p.position {
    font-size: 14px;
    color: var(--primary);
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-bottom: 10px !important;
    font-weight: 500;
    margin-top: 5px;
}

.team-social-icons a {
    color: white !important;
    margin-right: 10px;
}

.team-social-icons a:hover {
    color: var(--primary) !important;
}

.team-wrapper:before {
    content: '';
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 37px 37px;
    border-color: transparent transparent var(--primary) transparent;
    z-index: 1;
}

.team-social-icons {
    position: absolute;
}

.team-wrapper {
    min-height: 145px;
    position: relative;
}

.team-wrapper.spin-border {
    border: 1px solid transparent !important;
    transition: background-color 0.3s ease;
}



/*
==========================================================================
Team Single
==========================================================================
*/

.rw-team-single-right {
    width: 72% !important
}

.rw-team-single-left {
    max-width: 28% !important
}

h1.team-single-name {
    font-size: 50px;
}

.rw-team-single-bio {
    display: flex;
    flex-direction: row;
    gap: 50px;
}



.rw-team-single-bio {
    display: flex;
    flex-direction: row;
    gap: 20px;
}
/*.rw-team-single-right {*/
/*    width: 100%;*/
/*}*/
.rw-team-single-img {
    height: 376px;
    width: 100%;
    aspect-ratio: 1/1;
    background-size: cover;
    background-position: center center;
    border-radius: 0px;
}
.rw-team-single-right span {
    color: var(--ada);
    font-weight: 600;
    font-size: 16px;
}
.rw-team-single-meta {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0px;
}
.rw-team-single-meta h3 {
    margin-bottom: 10px;
}
.rw-team-single-meta ul {
    list-style: none;
    padding-left: 0;
    display: flex;
    gap: 0px;
}
.rw-team-single-meta ul a {
    width: 35px;
    height: 35px;
    text-align: center;
    color: white;
}
.rw-team-single-meta ul a:hover {
    background-color: var(--secondary);
}
.wright-button{
    width: 100%;
    border: none;
    background-color: var(--primary);
    border-radius: 0px;
    font-weight: 500;
    padding: 12px 30px;
    margin-top: 5px;
    color: var(--secondary);
    margin-top: 10px;
    font-size: 16px !important;
    transition: .3s;
}




.wright-button:hover{
    border: none;
    background-color: white;
    color: var(--secondary);
}

.title-line h6:before {
    content: '';
    display: inline-block;
    border-top: 2px solid #ad1f24;
    width: 25px;
    margin: 0 1rem;
    transform: translateY(-.3rem);
    text-align: left;
    margin-left: 0px;
}

.short-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.short-wrapper a {/* width: 100%; */border: none;background-color: var(--primary);border-radius: 0px;font-weight: 500;padding: 12px 30px;margin-top: 5px;color: var(--secondary);margin-top: 10px;font-size: 16px !important;transition: .3s;}

.short-wrapper a:hover{
    background-color: white;
}


.short-wrapper {
    align-items: center;
}



/*
==========================================================================
Team Single Mobile
==========================================================================
*/


@media (max-width: 992px){

}
@media screen and (max-width: 992px) {

    .rw-team-single-left {
        width: 100% !important;
        max-width: unset !important;
    }

    .rw-team-single-right {
        width: 100% !important;
    }

    .rw-team-single-left {
        width: 100% !important;
    }

    /*.rw-team-single-img {*/
    /*    width: auto;*/
    /*    padding-top: 0;*/
    /*    aspect-ratio: 2/1.7;*/
    /*}*/

    .short-wrapper{
        display: block;

    }

    .short-wrapper h3{
        margin-bottom: 20px !important;
    }

    .rw-team-single-bio {
        flex-direction: column;
    }

    .wright-button {
        display: none;
    }

    .rw-team-single-bio {
        gap: 40px;
    }

    /*.rw-team-single-img {*/
    /*    width: auto;*/
    /*    padding-top: 0;*/
    /*}*/

    .rw-team-single-right {
        background-color: #0E374A;
        padding: 40px 20px !important;
    }

    .rw-team-single-meta ul{
        margin-bottom: 0px !important
    }

    .rw-team-single-meta ul a{
        height: unset !important
    }

    .rw-team-single-meta {
        margin-bottom: 10px !important;
    }
}

@media screen and (max-width: 768px) {
    .rw-team-single-meta {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 10px;
    }

    /*.rw-team-single-img {*/
    /*    width: auto;*/
    /*    padding-top: 0;*/
    /*}*/
}

.rw-team-single-right {
    background-color: #0E374A;
    padding: 45px 50px;
}

.title-line h4 {
    font-size: 14px !important;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: var(--primary);
}

.rw-team-single-meta {
    margin-bottom: 20px;
}

/*
==========================================================================
Home
==========================================================================
*/

.fl-col-small.fl-col-bg-overlay.click-col.bottom-corner{
    position: relative;
}

.fl-col-small.fl-col-bg-overlay.click-col.bottom-corner:before {
    content: '';
    position: absolute;
    bottom: 10px;
    right: 20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 37px 37px;
    border-color: transparent transparent var(--primary) transparent;
    z-index: 1;
}

.fl-col-small.fl-col-bg-overlay.click-col.bottom-corner {
    transition: transform 0.3s ease;
}

.fl-col-small.fl-col-bg-overlay.click-col.bottom-corner:hover {
    transform: translateY(-10px);
}

a.home-job-btn {
    background-color: var(--primary);
    display: block;
    width: 100%;
    color: var(--secondary);
    text-align: center;
    height: 55px;
    align-content: center;
    margin-top: 20px;
    transition: .3s;
}

a.home-job-btn:hover {
    background-color: white;
}

/*
==========================================================================
Expertise
==========================================================================
*/


.fl-col.fl-node-ifmg05ha3wdt.fl-col-small.fl-col-small-custom-width.fl-col-has-cols.relative-border {
    position: relative;
    z-index: 99;
}

.fl-col.fl-node-ifmg05ha3wdt.fl-col-small.fl-col-small-custom-width.fl-col-has-cols.relative-border:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: -1;
    outline: 1px solid var(--primary);
    outline-offset: -2px;
    right: -3%;
    bottom: -3%;
}

.position-list-columns {
    list-style: none;
    padding-left: 0;
    column-count: 3;
    column-gap: 2rem;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    justify-self: center;
}

.position-list-columns li {
    break-inside: avoid;
    margin-bottom: 12px;
    position: relative;
    padding-left: 30px;
}

.position-list-columns li::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 18px;
    height: 18px;
    background-image: url('/wp-content/uploads/2025/06/List-Check.png');
    background-repeat: no-repeat;
    background-size: contain;
}

/* 2 columns at ≤1200px */
@media (max-width: 1200px) {
    .position-list-columns {
        column-count: 2;
    }
}

/* 1 column at ≤768px */
@media (max-width: 768px) {
    .position-list-columns {
        column-count: 1;
    }
    .fl-col.fl-node-ifmg05ha3wdt.fl-col-small.fl-col-small-custom-width.fl-col-has-cols.relative-border:after{
        display: none;
    }
}


/*
==========================================================================
Blog
==========================================================================
*/



.uabb-blog-posts-col-3.uabb-post-wrapper.uabb-blog-posts-grid-item-8u6y2ci0pm1j:hover {
    background-color: var(--primary);
    transform: translateY(-10px);
}

.uabb-blog-posts-col-3.uabb-post-wrapper.uabb-blog-posts-grid-item-8u6y2ci0pm1j{
    transition: transform 0.3s ease;
}

.uabb-blog-posts-col-3.uabb-post-wrapper.uabb-blog-posts-grid-item-8u6y2ci0pm1j:hover h5.uabb-post-heading.uabb-blog-post-section, .uabb-blog-posts-col-3.uabb-post-wrapper.uabb-blog-posts-grid-item-8u6y2ci0pm1j:hover .uabb-blog-posts-description.uabb-blog-post-section.uabb-text-editor, .uabb-blog-posts-col-3.uabb-post-wrapper.uabb-blog-posts-grid-item-8u6y2ci0pm1j:hover p.uabb-post-meta.uabb-blog-post-section {
    color: var(--secondary)
}


.uabb-module-content.uabb-blog-posts.uabb-blog-posts-grid.uabb-post-grid-3 {
    overflow: visible;
}









/*
==========================================================================
Spinning Border
==========================================================================
*/

@property --border-angle {
    syntax: "<angle>";
    inherits: false;
    initial-value: 0turn;
}



.spin-border:hover{


    --border-angle: 0turn;

    border: solid 1px transparent !important;
    border-radius: 0px;

    --main-bg: conic-gradient(
            from var(--border-angle),
            #00293D 100%,
            #00293D 100%,
            #00293D 100%,
            #00293D 100%
    );

    --gradient-border: conic-gradient(
            from var(--border-angle),
            transparent 10%,
            #73C054,
            #73C054 100%,
            transparent
    );

    background:
            var(--main-bg) padding-box,
            var(--gradient-border) border-box,
            var(--main-bg) border-box;

    background-position: center center;

    /* The key part: animate the custom property */
    animation: spin-border-angle 6s linear infinite;
}

@keyframes spin-border-angle {
    to {
        --border-angle: 1turn;
    }
}

.spin-border {
    position: relative;
    border: solid 1px #00293D;
    border-radius: 0px;
    background: #00293D;
    transition: border 0.3s ease, border-radius 0.4s ease;
    z-index: 0;
    overflow: hidden;
}

.spin-border::before {
    content: '';
    position: absolute;
    inset: 0;
    border: 1px solid transparent;
    border-radius: 0px;
    background:
            conic-gradient(
                    from var(--border-angle, 0turn),
                    transparent 10%,
                    #00293D,
                    #00293D 99%,
                    transparent
            ) border-box;
    background-clip: border-box;
    z-index: -1;
    opacity: 0;
    transition: opacity 0.4s ease;
    animation: spin-border-angle 6s linear infinite;
    pointer-events: none;
}

.spin-border:hover {
    border: solid 1px transparent !important;
    border-radius: 0px;
}

.spin-border:hover::before {
    opacity: 1;
}

@property --border-angle {
    syntax: "<angle>";
    inherits: false;
    initial-value: 0turn;
}

@keyframes spin-border-angle {
    to {
        --border-angle: 1turn;
    }
}




/*
==========================================================================
Matador Jobs
==========================================================================
*/


.matador-search-form-field-group.matador-search-form-field-keyword {
    width: 25%;
    height: 40px;
}

input#matador_s {
    height: 40px !important;
    background-color: #0e374a;
    border: none !important;
}

label {}

span.matador-screen-reader-text {
    display: none !important;
}

.matador-search-form-field-group.matador-search-form-field-keyword label {
    display: none !important;
}

.matador-terms.matador-terms-select.matador-taxonomy-category-terms-select.matador-search-form-field-group.matador-search-form-field-category {
    width: 25%;
    height: 40px;

}

select#matador-category {
    height: 40px !important;
    background-color: #0e374a;
    border: none !important;

    width: 100% !important;
    font-size: 14px;
    color: #ffffff63;
}

.matador-terms.matador-terms-select.matador-taxonomy-category-terms-select.matador-search-form-field-group.matador-search-form-field-category label {
    display: none !important;
}

.matador-terms.matador-terms-select.matador-taxonomy-location-terms-select.matador-search-form-field-group.matador-search-form-field-location {}

select#matador-category {

}

.matador-terms.matador-terms-select.matador-taxonomy-location-terms-select.matador-search-form-field-group.matador-search-form-field-location {
    width: 25%;
    height: 40px;
}

.matador-terms.matador-terms-select.matador-taxonomy-location-terms-select.matador-search-form-field-group.matador-search-form-field-location label{
    display: none !Important;
}

select#matador-locations {
    height: 40px !important;
    background-color: #0e374a;
    border: none !important;
    color: white;
    width: 100% !important;
    font-size: 14px;
    color: #ffffff63;
}

.matador-search-form-field-group {
    margin-right: 10px;
    margin-bottom: 40px;
}

.matador-portal-aside {
    display: none !important;
}

.matador-pagination {
    text-align: center;
    margin-top: 30px;
}

.page-numbers{
    color: var(--secondary);
    font-size: 18px;
    background-color: var(--primary);
    padding: 10px;
    border: 1px solid var(--primary)
}

.page-numbers:hover{
    background-color:var(--secondary);
    color: white;
}

.matador-terms.matador-terms-select.matador-taxonomy-type-terms-select.matador-search-form-field-group.matador-search-form-field-type {
    height: 40px;
}

.matador-terms.matador-terms-select.matador-taxonomy-type-terms-select.matador-search-form-field-group.matador-search-form-field-type label{
    display: none !important;
}

select#matador-types {
    height: 40px;
    background-color: #0e374a;
    color: #ffffff63;
    border: none;
    border-radius: 3px;
    padding: 5px;
    font-size: 14px;}

.matador-search-form-field-group.matador-search-form-field-submit button {
    background-color:  var(--primary);
    color: var(--secondary);
    height: 40px;
    width: 120px;
    border-radius: 0px;
    border: none;
    /* padding: 15px; */
}

.matador-search-form-field-group.matador-search-form-field-submit button:hover{
    background-color: white;
}

ul.matador-job-meta.matador-job-meta-default.matador-job-meta-listing {
    list-style: none !important;
    padding: 0px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 20px
}

ul.matador-job-meta.matador-job-meta-default.matador-job-meta-listing li{
    width: fit-content !important;
    background-color: var(--primary);
    border-radius: 3px;
    padding: 0px 5px 0px 5px;
    color: var(--secondary);
    font-size: 14px;

}

ul.matador-job-meta.matador-job-meta-default {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: row;
    width: fit-content;
    flex-wrap: wrap;
}

ul.matador-job-meta.matador-job-meta-default li{
    width: fit-content !important;
    background-color: var(--primary);
    border-radius: 3px;
    padding: 0px 5px 0px 5px;
    color: var(--secondary);
    font-size: 15px;
    margin-right: 8px;
}

/* .slick-track, .slick-slide {
  height: auto !important;
} */





@media screen and (max-width: 992px) and (min-width: 769px) {

}

@media screen and (max-width: 768px) and (min-width: 320px) {
    
}