/*

Theme Name: dt-the7-child
Author: Stephan Dittmann
Author URI: https://www.dessounds.de
Description: DRHV-Jobs-Styles
Version: 1.1.1

/************************************** GENERAL STUFF */

/* :root {

    --sth-main-color-tupel:			0, 90, 167;
	--sth-main-color-dark-tupel:	0, 63, 144;
    --sth-main-accent-tupel:    	239, 125, 19;

    --sth-main-color:           rgb(0, 90, 167);

    --sth-main-color-dark:      rgb(0, 63, 144);    
    --sth-main-color-middle:    rgb(0, 121, 189);
    --sth-main-color-bright:    rgb(26, 176, 220);

    --sth-accent:               rgb(239, 125, 19);

    --sth-special-color:        rgb(239, 125, 19);
    --sth-negative:             rgb(175, 3, 3);
    --sth-positive:             rgb(75, 163, 16);

    --sth-white:                rgb(255, 255, 255);
    --sth-grey-bright:          rgb(204, 204, 204);
    --sth-grey-dark:            rgb(102, 102, 102);

} */

/* Colors 

DRHV-Dunkelblau #003f90
DRHV-Standartblau #005aa7
DRHV-Mittelblau #0079bd
DRHV-Hellblau #1ab0dc
DRHV-Orange #ef7d13
DRHV-Rot #af0303
DRHV-Grün #4ba310
DRHV-Hellgrau #CCCCCC
DRHV-Hellgrau #666666

*/

/* **************************************** WP- Jobs - Styles */

/* general */

.single-job_listing .job_listing.has-post-thumbnail .post-thumbnail{
    display: none;
}

.single-job_listing .job_listing.has-post-thumbnail .caption{
    display: none;
}

/* JOB Full List */

/* .job_listings{

}

.job_listings .search_jobs{
    
} */

.job_filters .search_jobs div label{
    display: block;
    font-size: .8rem;
    font-weight: 600;
    color: var(--sth-main-color-dark);
}

.job_listings .job_filters .job_types {
    line-height: .4rem;
}

/* Kategories Search */

.job_listings .job_filters .search_categories .select2-container--default .select2-selection--multiple{
    border-radius: 0;
}

.job_listings .job_filters .search_categories .select2-container--default .select2-selection--multiple .select2-selection__choice{
    background-color: var(--sth-main-color-dark);
    border: 0;
    border-radius: 0;
    color: var(--sth-white);
}

.select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color: var(--sth-main-color);
    color: var(--sth-white);
}

.job_listings .job_filters .search_categories .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove{
    color: var(--sth-white);
}

/* Listing */

div.job_listings ul.job_listings{
    margin-top: 0.6rem;
}

ul.job_listings li.job_listing{
    margin: 15px 0;
    border-bottom: none;
}

#main ul.job_listings li.job_listing a p{
    margin: 0;
    font-size: .8rem;
    line-height: .9rem;
}

/* Outside Link */

ul.job_listings li.job_listing a{
    background: var(--sth-white) url('../../assets/img/ecke_Element_14px_blau_oben.png') top left no-repeat !important;
    margin-bottom: 5px;
    padding: 0.7rem 1rem 0.7rem 1rem;
    line-height: normal;
    border: 1px solid var(--sth-main-color-dark);
    display: flex;
    gap: 10px;
    /* justify-content: center; */
    flex-flow: column wrap;
}

ul.job_listings li.job_listing a:hover{
    border: 1px solid var(--sth-accent);
}

ul.job_listings li.job_listing.job_position_featured a{
    background:     var(--sth-white) url('../../assets/img/ecke_Element_14px_orange_oben.png') top left no-repeat !important;
    border-color:   var(--sth-accent);
    color: var(--sth-accent);
}

ul.job_listings li.job_listing a div.position{
    float: none;
    width: 100%;
    padding: 0;
    line-height: 1.2rem;
}

ul.job_listings li.job_listing a div.position h3{
    margin: 0;
    font-size: 1.2rem;
    line-height: 1.3rem;
}

div.job_listings ul.job_listings .job-listings-row{
    display: flex;
    justify-content: flex-start;
    flex-flow: row wrap;
    margin-bottom: 0;
    flex: 4;
}

/* company logo */

ul.job_listings li.job_listing a img.company_logo {
    object-fit: contain;
    aspect-ratio: 16/9;
    max-width: 200px;
    height: auto;
    min-width: 100px;
    /* max-height: 50px; */
    position: relative;
    left: 0;
    float:none;
    margin-right: 0;
    margin-bottom: 0;
    vertical-align: middle;
    visibility: visible;
}

div.job_listings ul.job_listings .job-listings-row .job-company-logo{
    max-width: 150px;
    min-width: 140px;
    margin-right: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

/* Title and Company */

div.job_listings ul.job_listings .job-listings-row .job-listings-company-job{
    display: flex;
    flex-flow: column;
    margin-top: 10px;
    max-width: 180px;
}

/* Meta */

ul.job_listings li.job_listing a .full_meta_down{
    font-size: .8rem;
    padding: 0;
    align-self: center;
}

ul.job_listings li.job_listing a div.position .company{
    margin: 0;
}

ul.job_listings li.job_listing a div.position .company .tagline {
    margin: 0;
}

ul.job_listings li.job_listing a div.location{
    padding: 0;
    float: none;
    width: auto;
    text-align: right;
}

ul.job_listings li.job_listing a ul.meta{    
    flex: 1;
    min-width: 130px;
    padding: 0;
}

ul.job_listings li.job_listing a ul.meta li{    
    margin-bottom: 5px;
}

ul.job_listings li.job_listing a .meta .job-type{
    text-align: center;
    background-color: var(--sth-main-color);
    color: var(--sth-white);
}

ul.job_listings li.job_listing a ul.meta li.date,
ul.job_listings li.job_listing a ul.meta li.application-deadline  {    
    font-size: .7rem;
    line-height: .8rem;
}

ul.job_listings li.job_listing a ul.meta li.application-deadline label{    
    color: var(--sth-accent);
}

/* Pagination */

div.job_listings .job-manager-pagination{
    border-bottom: none;
}

#content nav.job-manager-pagination ul{
    border: 0;
}

#content nav.job-manager-pagination ul li {
    /* border: 1px solid #003f90; */
    border-right: 1px solid var(--sth-main-color-dark);
    border-top: 1px solid var(--sth-main-color-dark);
    border-bottom: 1px solid var(--sth-main-color-dark);
    padding: 0;
}

#content nav.job-manager-pagination ul li a{
    /* border: 1px solid #003f90; */
    /* background-color: #003f90; */
    color: var(--sth-main-color-dark);
    font-weight: 600;
}

#content nav.job-manager-pagination ul li a:hover{
    /* border: 1px solid #003f90; */
    /* background-color: #003f90; */
    color: var(--sth-white);
    background-color: var(--sth-accent);
    font-weight: 600;
}

#content .job_listings nav.job-manager-pagination ul li span.current {
    background: var(--sth-main-color-middle);
    color: var(--sth-grey-dark);
}

/* ***************** JOB Mini Dashboard */

/* #job-manager-job-dashboard{

} */

#job-manager-job-dashboard table ul.job-dashboard-actions li .job-dashboard-action-delete{
    color: var(--sth-negative);
}

#job-manager-job-dashboard .job_title .featured-job-icon {
    color: var(--sth-accent);
}

/**************** ************* *********** Single JOB */

/************** * *** Single Job Backlink */

.job_listing .job-backlink {
    margin-bottom: 20px;
    border-left: 20px solid var(--sth-main-color);
    padding-left: 10px;
}

.job_listing .job-backlink:hover {
    border-left-color: var(--sth-accent);
}

.job_listing .job-backlink a{
    color:      var(--sth-main-color);
}

.job_listing .job-backlink a:hover{
    color:       var(--sth-accent);
}

/*************** * **** Single Job Meta */

.single_job_listing .meta li{
    color:        var(--sth-grey-dark);
    font-weight:    500;
}

.single_job_listing .application .application_button, 
.job-manager-application-wrapper .application .application_button {
    padding:        0.4rem 0.9rem;
    font-size:      1rem;
    margin:         0 .5rem 0 0;
    line-height:    1rem;
}

/**** Single Job - Meta - Job-Type*/

.single_job_listing .company_logo {
    width: 100%;
    height: auto;
    max-width: 150px;
    max-height: 150px;
}

.single_job_listing .company .tagline{
    margin:         0;
    padding:        0 0 0 1rem;
    font-style:     normal;
    color:          var(--sth-main-color-dark);
}

.single_job_listing .meta .job-type{
    color:            var(--sth-main-color-dark);
    font-weight:        800;
    background-color:   transparent;
    border-bottom:      1px solid var(--sth-accent);
}

.single_job_listing .meta li.application-deadline.expiring{
    color:             var(--sth-grey-dark);
}

.single_job_listing .application-deadline:before{
    color:             var(--sth-accent);
}

.single_job_listing .meta .application-deadline label{
    color:             var(--sth-accent);
}

.single_job_listing .company .company_header {
    display:            flex;
    justify-content:    space-between;
    flex-direction:     column-reverse;
    margin-bottom:      0;
    align-items:        baseline;
}

.single_job_listing .company .company_header p.name{
    margin:             0;
    margin-bottom:      0 !important;
    padding:            .5rem 0;
}

.single_job_listing .company .name a:first-child{
    margin-left:        0;
}

.single_job_listing .company .name a{
    float:              none;
    margin-left:        .3rem;
    white-space:        nowrap;
}

.single_job_listing .company .company_header h3{
    margin:             0;
    margin-bottom:      0 !important;
    font-size:          1.2rem;
    line-height:        1.3rem;
}

/****** Single Job - Meta - Company Video */

.single_job_listing .company .company_video{
    padding:            0 !important;
    margin:             0 !important;
    max-width:          unset;
    height:             auto;
    border-top:         none;
}

.single_job_listing .company .company_video IFRAME{
    position:           relative;
    top:                unset;
    left:               unset;
    max-width:          450px;
    height:             275px;
}

/****** Single Job - Meta - Sharebox*/

#content ARTICLE.type-job_listing .single-share-box{
    margin-bottom:      20px;
}

/**************** Job Manager Widgets */

/* General */

.widget.job_manager ul.job_listings li.job_listing a {
    padding:            5px 10px;
}

.widget.job_manager ul.job_listings li.job_listing a h3{
    font-size:          1.2rem;
    line-height:        1.2rem;
}

/****** Hervorgehobene Jobs */

/* letze Jobs */

/** MEDIA QUERIES -------********----- 526px **/

@media screen and (min-width: 526px) {
    
    /**
    *
    *
    */

    div.job_listings ul.job_listings .job-listings-row .job-listings-company-job{
        max-width: 250px;
        justify-content: flex-start;
        align-items: flex-start;
    }

    div.job_listings ul.job_listings .job-listings-row .job-company-logo{
        justify-content: center;
        align-items: center;
    }

    ul.job_listings li.job_listing a div.position h3{
        font-size: 1.4rem;
        line-height: 1.4rem;
    }

    ul.job_listings li.job_listing a{
        flex-flow: row wrap;
    }

    #main ul.job_listings li.job_listing a p{
        font-size: 1rem;
        line-height: 1rem;
    }

    .single_job_listing .company .company_header {
        flex-direction:     row-reverse;
        margin-bottom:      1rem;
        align-items:        baseline;        
    }


    .single_job_listing .company .company_header h3{
        font-size:          1.8rem;
        line-height:        1.9rem;
    }

    .single_job_listing .company .company_header p.name{
        padding:            0 0;
    }

}

/** MEDIA QUERIES -------********----- 880px **/

@media screen and (min-width: 880px) {

    div.job_listings ul.job_listings .job-listings-row .job-listings-company-job{
        max-width: 330px;
    }

    ul.job_listings li.job_listing a{
        /* display: flex; */
    }

}