/** 
Theme Name: inijo 
Author: Pablo Gigena Author 
URI: https: //gigena.net/
Description: Introducing the Inijo Child Theme for Astra: Powering Your Business with Style Welcome to the world of Inijo - a dynamic and innovative company dedicated to bringing your business aspirations to life. As you embark on your online journey,
we proudly present the Inijo Child Theme for Astra - a powerful and customizable WordPress theme tailored specifically to complement the unique identity and vision of Inijo. Designed with utmost attention to detail,
the Inijo Child Theme effortlessly combines elegance and functionality to create a captivating online presence for your brand. With its sleek and modern design elements,
this theme captures the essence of professionalism while showcasing the distinctive character of Inijo. The Inijo Child Theme for Astra offers a wide range of customizable options,
allowing you to effortlessly personalize your website to reflect the essence of your business. Seamlessly integrated with Astra\'s robust features,
this child theme empowers you to craft stunning layouts,
engage your audience,
and leave a lasting impression. Version: 1.0.0 License: GNU General Public License v2 or later License URI: http: //www.gnu.org/licenses/gpl-2.0.html

Text Domain: inijo 
Template: astra */
:root {
    /* Definición de variables de color */
    --primary-color: #2BA1E5;
    --secondary-color: #D5ECFA;
    --background-color: #EFEFEF;
    --background_color-dark: #BFBFBF;
    --text-color: #3A3A3A;
}


@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/Inter-Regular.woff2') format('woff2'),
        /* Modern browsers */
        url('fonts/Inter-Regular.woff') format('woff');
    /* Older browsers */
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/Inter-Bold.woff2') format('woff2'),
        /* Modern browsers */
        url('fonts/Inter-Bold.woff') format('woff');
    /* Older browsers */
}

body {
    font-family: 'Inter', sans-serif;
}


h2.title,
h3.subtitle {
    text-transform: none !important;
    color: var(--primary-color);
}


/* table for jobmanager  */


#job-manager-job-dashboard li a {
    color: #3A3A3A;
    font-size: small;
}

#job-manager-job-dashboard li a:hover {
    font-weight: 700;
    text-decoration: underline;
}


#job-manager-job-dashboard {
    padding: 12px;
}

#job-manager-job-dashboard p {
    text-align: center;
    color: var(--primary-color);
    font-weight: 400;

}

#job-manager-job-dashboard table,
#resume-manager-candidate-dashboard table {
    width: 100%;
    padding: 10px;
    border: solid 3px var(--background-color);
    margin: 30px;
    background-color: white;
    /* box-shadow: 0px 4px 9px -1px rgba(0, 0, 0, 0.36); */
    border-radius: 4px;
    margin-left: auto;
    margin-right: auto;
}


#resume-manager-candidate-dashboard tr,
#job-manager-job-dashboard tr {


    border: solid 1px var(--background-color);
    border-radius: 4px;
    width: 100%;
}


#resume-manager-candidate-dashboard thead th,
#job-manager-job-dashboard thead th {
    font-size: medium;
    font-weight: 500;
    padding: 12px 20px;
    vertical-align: text-top;
}




#job-manager-bookmarks tbody tr td img.candidate_photo {
    width: 50px;
    height: 50px;
    border-radius: 100px;
    margin-left: 30px;
    margin-top: 5px;
    padding: 2px;
    border: solid 2px var(--primary-color);
    box-shadow: none;
    float: unset;

}

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

    #resume-manager-candidate-dashboard tr,
    #job-manager-job-dashboard tr,
    #job-manager-bookmarks tbody tr {
        display: flex;
        flex-direction: column;
        margin-bottom: 0.625em;
        border: solid 1px var(--background-color);
    }

    #resume-manager-candidate-dashboard thead,
    #job-manager-job-dashboard thead,
    #job-manager-job-dashboard td.filled,
    #job-manager-job-dashboard td.applications,
    #job-manager-bookmarks thead {
        display: none !important;
    }

    #job-manager-job-dashboard td.date::before {
        content: "Datum:";
        font-weight: 500;
        color: var(--primary-color)
    }

    #job-manager-job-dashboard td.expires::before {
        content: "Verfällt:";
        font-weight: 500;
        color: var(--primary-color)
    }

    #job-manager-bookmarks tbody tr td img.candidate_photo {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }
}


#job-manager-job-dashboard td {
    border-left: solid 1px var(--background-color);
    border-right: solid 1px var(--background-color);
}

#job-manager-job-dashboard td.job_title:first-child {
    color: var(--text-color) !important;
    font-weight: 700;
    font-size: large;
    text-decoration: none;

}

#job-manager-job-dashboard tfoot {
    padding: 10px;
}

#job-manager-job-dashboard tfoot a {
    background-color: var(--primary-color);
    color: white !important;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 22px;
    font-weight: 600;
}

#job-manager-job-dashboard tfoot a:hover {
    background-color: var(--secondary-color);
    color: var(--text-color) !important;
}

#job-manager-job-dashboard tfoot tr,
#job-manager-job-dashboard tfoot td {
    border: none;
}


table a {
    color: var(--primary-color);
}

table a:hover {
    color: var(--text-color);
}

table td.date {
    background-image: none;
    padding: inherit;
    font-size: inherit;
    color: var(--text-color);
}

table:first-child {
    text-align: left !important;

}

#resume-manager-candidate-dashboard p {
    padding-top: 20px;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: var(--primary-color);
    margin-bottom: 20px;
    text-align: center;

}

th {
    color: var(--text-color);
    background-color: var(--secondary-color);
    padding-top: 10px;
    padding-bottom: 10px;

    text-align: center;
    font-weight: 700;
    font-size: large;
    vertical-align: middle;
    margin: 0px auto;
    height: auto;
    border: solid 1px var(--background-color);
}

th.date {
    padding: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    border: none;
    text-align: center;
    font-weight: 700;
    font-size: large;
    background-image: none;
}

td {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;

    text-align: center;
    font-weight: 400;
    font-size: 18px;
    color: var(--text-color);
    border: solid 1px var(--background-color);
}

.sub-menu li,
.sub-menu a {
    background-color: var(--secondary-color) !important;
    color: var(--text-color) !important;
}

.sub-menu li:hover,
.sub-menu a:hover {
    background-color: var(--primary-color) !important;
    color: white !important;
}

.job-manager-form fieldset {
    line-height: 2.7em;
}

.ast-builder-html-element a,
footer a {
    color: white;
}

.ast-builder-html-element a:hover,
footer a:hover {
    color: var(--primary-color)
}


/*for iframe*/

.iframe-container {

    height: 440px;
    /* ejemplo de altura */
    overflow: hidden;
    border-radius: 20px;
    box-shadow: 0px 4px 9px -1px rgba(0, 0, 0, 0.36);
}

iframe {
    width: 100%;
    height: 500px;
    position: relative;
    left: 0px;
    /* Ajusta según sea necesario */
    top: -12px;
    /* Ajusta según sea necesario */

    width: calc(100% + 15px);
    box-sizing: content-box;



}

iframe::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}

iframe {
    scrollbar-width: none;
    /* para Firefox */
    -ms-overflow-style: none;
    /* para Internet Explorer y Edge */
}

/*für Chat*/
#fep-wrapper,
#fep-wrapper p,
#fep-wrapper a,
#fep-wrapper ul,
#fep-wrapper li,
#fep-wrapper span,
#fep-wrapper strong {
    font-family: 'Inter';
    color: var(--text-color);
}


/* for maps labels */
.my-markers-labels {
    color: white;
    background-color: red;
    padding: 3px;
    font-family: "Inter", sans-serif;
    font-size: 10px;
    text-align: center;
    width: 10px;
    white-space: nowrap;
}

/*Space betw. Map and Job Filter*/
.minjob .job_filters,
.minjob ul.job_listings {
    position: relative;
    top: -61px !important;
}

.tagline {
    display: none;
}

/* for content from resume manager etc*/
div#resume-manager-candidate-dashboard {
    margin-top: 20px;
    margin-bottom: 30px;
    /* padding: 40px;
    border: 1px solid var(--background_color-dark);
    border-radius: 22px; */
    /* -webkit-box-shadow: 0px 4px 9px -1px rgba(0, 0, 0, 0.36);
    box-shadow: 0px 4px 9px -1px rgba(0, 0, 0, 0.36); */
}

.ast-custom-button-link .ast-custom-button {
    background-image: url('img/profil.png');
    background-repeat: no-repeat;
    background-position: 10px center;
    padding-left: 100px;
}

.ast-custom-button-link .ast-custom-button:hover {
    background-image: url('img/profil.png');
    background-repeat: no-repeat;
    background-position: 10px center;
    padding-left: 100px;
}

.ast-header-button-1[data-section*="section-hb-button-"] .ast-builder-button-wrap .ast-custom-button {
    padding-left: 46px;
    padding-right: 15px;
}

.job-manager-bookmark-action-delete a {
    color: var(--background_color-dark);
}


.job-manager-bookmark-action-delete a:hover {
    color: var(--primary-color);
}



/* anmelden form in Home - Osmo plugin*/

.login-modal-box .modal-content {

    text-align: left;
}



.login-modal-box .modal-content #wp-submit {
    max-width: 50%;
    border-radius: 42px;
    color: white;
    font-family: 'Inter';
    text-transform: none;
    font-style: normal;
    font-weight: 500;
}

.login-modal-box .modal-content a {
    color: var(--primary-color);
    font-family: 'Inter';
    font-weight: 500;
    font-size: 22px;
    max-width: 70%;
    display: inline;
    width: auto;
    background-image: url('img/Vector.png');

    background-position: right;
    background-repeat: no-repeat;
    background-size: unset;
    padding-right: 32px;
    text-decoration: none;

}

.login-modal-box .modal-content .login-forgot {
    text-align: left;
    text-decoration: none;
}

.login-modal-box .modal-content a:active,
.login-modal-box .modal-content a:hover {
    text-decoration: none;
}



.login-modal-box .modal-content {
    background-color: white;
    margin: auto;
    padding: 1.2rem;
    width: 98%;
    border-radius: .5rem;
    font-family: 'Inter';
    font-size: medium;
    font-weight: bolder;
}

.login-modal-box .modal-content h4 {
    text-align: center;
    font-family: 'Inter';
    font-weight: 700;
    font-size: x-large;
}

.login-modal-box .modal-content #wp-submit {
    max-width: 50%;
    border-radius: 42px;
    color: white;
    font-family: 'Inter';
    text-transform: none;
    font-style: normal;
    font-weight: 500;
}

/*

..######..##.....##..######..########..#######..##.....##.....######...######...######...........#######.
.##.......##.....##.##..........##....##.....##.####.####....##.......##.......##......................##
.##.......##.....##..######.....##....##.....##.##.###.##....##........######...######..#######..#######.
.##....##.##.....##.##....##....##....##.....##.##.....##....##....##.##....##.##....##.........##.......
..######...#######...######.....##.....#######..##.....##.....######...######...######..........#########

*/

/* Estilo general del formulario */
/* MOOBILE FIRST */
.contenedor {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 50px 0 50px 0;
    /* background-color: var(--secondary-color); */
    /* border: 1px solid orange; */
}

.contenedor_full {
    width: 100%;
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 50px 0 50px 0;
    /* background-color: var(--secondary-color); */
    /* border: 1px solid orange; */
}

.sector {
    width: 100%;
    margin: 0;
    background-color: white;
    padding: 45px;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
    background-color: #f9f9f9;
    border-radius: 10px;
    box-shadow:
        -0.2px -0.1px 30px -9px rgba(0, 0, 0, 0.017),
        0.5px 0.3px 31.1px -9px rgba(0, 0, 0, 0.024),
        4.5px 2.2px 38.3px -9px rgba(0, 0, 0, 0.034),
        42px 21px 102px -9px rgba(0, 0, 0, 0.07);
    /* border: 1px solid greenyellow; */
}

.sector h2,
.sector h3,
.sector span,
.sector #minijober {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    flex-grow: 1;
}

#minijober {
    width: 80%;
    margin: auto;
    background-color: none;
    margin-top: 40px;

}

#minijober .row {
    width: 100%;
    margin-left: 0;
    display: block;
    align-items: center;
    justify-content: center;
}

#minijober .row .first {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;

}

#minijober .row .last {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;

}

/*spambooh*/
#minijober .trump {
    display: none;
}

.consent_gdpr {
    display: flex;
    flex-direction: row;
    justify-content: left;
    flex-wrap: nowrap;
    align-items: center;
    vertical-align: middle;
    margin: 12px auto;
}

.consent_gdpr input {
    width: 25px;
    margin-left: 0px;
}

.passbox {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: nowrap;
    align-items: center;
    vertical-align: middle;
    padding: 0px 12px;
    padding-right: 0px;
    background-color: var(--secondary-color);
    border: 1px solid #ccc !important;
    border-radius: 4px;
    height: 50px;
    margin-bottom: 30px;
}

#inputPass {
    position: relative;
    top: 10px;
    left: -12px;
    border: 0px none !important;
    background: none !important;
    height: 80%;
}

#inputPass:focus {
    outline: none !important;
    background: transparent !important;
}


#eyeToggleButton {
    padding-top: 12px;
    height: 100%;
    width: 50px;
    text-align: center;
    vertical-align: middle;
    right: 0px;
    margin-right: 0px;
    border-radius: 0 4px 4px 0;
}

#eyeToggleButton:hover {
    background-color: #2BA1E5;
}

.eyeClose {

    background-color: #f1f1f1;
}

.eyeView {

    background-color: greenyellow;
}


/* Espaciado entre los elementos del formulario */
#minijober p {
    margin-bottom: 20px;
}

/* Estilo de las etiquetas */
#minijober label {
    display: inline-block;
    margin-bottom: 8px;
    font-weight: bold;
}

/* Estilo de los campos de texto e input */
#minijober input[type="text"],
#minijober input[type="password"],
#minijober input[type="email"],
#minijober input[type="date"],
#minijober input[type="tel"],
#minijober input,
#minijober select {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 20px;
}


/* Estilo del botón de enviar */
#minijober input[type="submit"] {
    background-color: #0c5271;
    color: white;
    padding: 14px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

#minijober input[type="submit"]:hover {
    background-color: #45a049;
}

.reqStar {
    display: inline;
    color: red;
    font-size: medium;
    padding-left: 5px;
}

.registrierung label a {
    color: var(--primary-color);
    font-size: medium;
    font-weight: 100;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 4px;
}

.registrierung label a:hover {
    color: white;
    background-color: var(--primary-color);
}

/* Estilo para mensajes de éxito o error (opcional) */
.message {
    text-align: center;
    padding: 10px;
    margin-bottom: 20px;
}

.message.success {
    border: 1px solid #a4d4a4;
    background-color: #e7f3e7;
    color: #2e832e;
}

.message.error {
    border: 1px solid #d49c9c;
    background-color: #f3e7e7;
    color: #832e2e;
}

h3.success {
    font-family: inherit;
    width: 100%;
    margin-left: 0%;
    background-color: #4CAF50;
    color: #f9f9f9;
    padding: 10px 20px;
    border: none;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    border-radius: 5px;
}

h3.error {
    font-family: inherit;
    width: 100%;
    margin-left: 0%;
    background-color: #d00b0b;
    color: #f9f9f9;
    padding: 10px 20px;
    border: none;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    border-radius: 5px;
}

.check::before {
    content: "\f00c";
    /* Código Unicode para el check de Font Awesome */
    font-family: "Font Awesome 5 Free";
    color: green;

}

.check {
    color: green;
}

.cross::before {
    content: "\f00d";
    /* Código Unicode para la cruz de Font Awesome */
    font-family: "Font Awesome 5 Free";
    color: red;

}

.cross {
    color: red;
}

/* Incluso puedes usar iconos de fuentes como Font Awesome, si están disponibles en tu proyecto */
.check::before {
    content: "\2714";
    /* Puedes reemplazar esto con el código unicode de tu icono si usas una fuente de iconos */
    font-size: 20px;
}

.cross::before {
    content: "\2716";
    /* Puedes reemplazar esto con el código unicode de tu icono si usas una fuente de iconos */
    font-size: 20px;
}

/* 
#fep-wrapper,

#fep-wrapper * {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: black;
} */


.job_filters,
.job_types,
.job_types form,
.job_filters form,
.job_types::before {
    background-color: #ffffff;
    background: white;
    border: none;
}

.job_types {
    margin-top: 12px;
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Inter';
}

.job_types {
    margin-bottom: 20px;
}

.search_jobs {
    background-color: var(--secondary-color);
    border: 1px solid var(--primary-color);
    border-radius: 22px;
    font-size: 18px;
    font-weight: bold;
    font-family: 'Inter';
    margin-bottom: 20px;
}

.search_jobs input,
.search_jobs select {
    background-color: white;
    border-radius: 4px;
    padding-top: 12px !important;
    padding-bottom: 12px;
    padding-left: 22px;
    padding-right: 22px;
    border: 1px solid var(--background-color);
}

.search_submit input {

    font-size: 18px;
    font-weight: bold;
    font-family: 'Inter';
    color: white;
    text-decoration: none;
    border-radius: 16.5px;
    background-color: var(--primary-color);
    color: white;

}

.search_submit input:hover {
    background-color: var(--text-color);
}


/*Listado de trabajos*/

.job_listings {
    margin-top: 20px !important;
}

ul.job_listings {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 22px;
    border: none;
    position: relative;
    top: 0px;
}

ul.job_listings li.job_listing {
    /* margin-left: 0px!important; */
    margin: auto;
    width: 90%;
    border-radius: 5px;
    border: 2px solid var(--text-color);

}

.minjob,
.minjob .company,
.minjob .position,
.minjob h3,
.minjob .meta,
.minjob ul li,

.minjob .location,
.minjob div {
    font-family: 'Inter' !important;
    font-weight: 400;
    font-size: 16px !important;
    color: black !important;
    /* border: 1px dotted black; */
}

.minjob .position h3 {
    font-weight: 700 !important;
    font-size: 22px !important;
}


.minjob .job_listing {
    display: flex;
    flex-direction: column;
    /* border: 3px dotted rgb(34, 225, 136) !important; */
}

/*
.minjob
    -job-listing
        -position
        -location
        -meta
            -job-type
*/
.minjob .job_listing .position {
    /* display: block !important;
    width: 90% !important;
    text-align: left;
    margin-bottom: 25px; */
}

.minjob ul.job_listings li.job_listing a .meta,
.minjob ul.job_listings li.job_listing a .location {
    /* width: 100%; */
}



.minjob .job_listing .meta .date {
    margin-left: 0px;
    text-align: left;
}


/*Space betw. Map and Job Filter*/
.job_filters {
    position: relative;
    /* top: -57px; */
}

.entry-title {
    display: none !important;
}

header .entry-meta {
    display: none;
}

.single_job_the_border {
    display: block;
    min-height: 170px;
    /* background-color: var(--secondary-color); */
    border: 2px solid var(--text-color);
    border-radius: 5px;
    font-size: 18px;
    font-weight: bold;
    font-family: 'Inter';
    margin-bottom: 20px;
    padding: 15px;
    padding-left: 25px;
    padding-right: 25px;
    margin: auto;
    margin-bottom: 20px;
}


.single_job_the_border {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.company_logo {
    display: none;
}



.logo_single_job {
    width: 150px;
    height: auto;
    margin-top: auto;
    margin-bottom: auto;
    /* background-color: var(--secondary-color); */
}

.info_single_job {
    margin-left: 0px !important;
    margin-top: 8px;
    width: auto;
    height: auto;
    color: var(--text-color),  !important;
    /* background-color: var(--background_color-dark); */
}

.info_single_job h1 {
    font-family: 'Inter';
    color: var(--text-color);
    margin-top: 20px;
    font-size: 35px;
    font-weight: 700;
}

@media screen and (min-width: 960px) {
    .single_job_the_border {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
    }

    .company_logo {
        display: block;
    }

    .info_single_job {
        margin-left: 30px !important;
        margin-top: 20px;
        width: auto;
        height: auto;
        color: var(--text-color),  !important;
        /* background-color: var(--background_color-dark); */
    }


}

.metainfo li,
.metainfo li time,
.metainfo li a {
    font-weight: 300 !important;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
}



.metainfo li.date,
.dataflex .date,
.metainfo li.datum,
.dataflex .datum {
    background-image: url('img/cal.png');
}

.metainfo li.location,
.dataflex .location,
.metainfo li.ort,
.dataflex .ort {
    background-image: url('img/ort.png');
}

.metainfo li.job-type,
.dataflex .job-type {
    background-image: url('img/info.png');
}

.metainfo li.gehalt,
.dataflex .gehalt {
    background-image: url('img/gehalt.png');
}

.metainfo li.date,
.metainfo li.datum,
.metainfo li.location,
.metainfo li.job-type,
.metainfo li.ort,
.metainfo li.gehalt {
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 30px;
    padding-left: 30px;
    vertical-align: middle;
}

.dataflex .date,
.dataflex .datum,
..dataflex .location,
.dataflex .job-type,
.dataflex .ort,
.dataflex .gehalt {
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 30px;
    padding-left: 30px;
    vertical-align: middle;
}


.single_job_listing .metainfo li,
.single_job_listing .metainfo li.job-type,
.dataflex div {
    background-size: 26px;
}

ul.job_listings .dataflex div {
    height: 22px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 29px;
}

.metainfo li.ort a {
    color: var(--primary-color);
}

.metainfo li.ort a:hover {
    color: var(--secondary-color);
}



span.frage {
    display: block;
    font-size: 25px;
    font-weight: 600;
    color: var(--background_color-dark);
}

span.antwort {
    font-size: 25px;
    font-weight: 400;
    color: var(--text-color);
}


h2.prokunde a {
    display: block;
    color: var(--text-color);
    font-size: 22px;
    background-image: url('img/prokonto.png');
    background-repeat: no-repeat;
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 50px;
    padding-left: 40px;
    text-decoration: none;
}

h2.prokunde a:hover {

    color: var(--background_color-dark);
}

@media screen and (min-width: 960px) {
    h2.prokunde a {
        font-size: 40px;
        margin-left: 100px;
        padding-left: 72px;
    }
}


/* for Job Listing Mobile*/

.job_listing li.gehalt {
    position: relativ;
    top: 0px;
}

/* listado de trabajos */
ul.job_listings {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem;
    row-gap: .6rem;
}

ul.job_listings li.job_listing a div.position {
    display: block;
    width: auto;
    margin-bottom: 30px;
    /* background-color: #ffffff; */
}


li a.job-listado:hover {
    box-shadow: 5px 1px 10px 0 rgba(0, 0, 0, .6);

    /* border: solid 2px var(--primary-color) !important; */
    transform: translate(0px, -2px);
    z-index: 99;
    transition: all 300 cubic-bezier(0.645, 0.045, 0.355, 1);
    /* zoom: 100% !important; */
    background: rgb(255, 255, 255);
    /* background: linear-gradient(0deg, rgb(201, 229, 245) 0%, rgba(255, 255, 255, 1) 100%); */
    border-radius: 5px;
}

div.dataflex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    vertical-align: middle;
    gap: 10px !important;
    row-gap: 8px !important;
}

.dataflex {
    width: 100%;
    padding-top: 30px;
    border-top: solid 1px var(--background-color);
}

.dataflex .location,
.dataflex .job-type,
.dataflex .date {
    /* padding-left: 20px !important;
    padding-top: 0px !important;
    width: auto !important;
    margin: 0%;
    font-size: small !important;
    background-size: contain; */
    width: auto !important;
    font-size: small !important;
}

.dataflex .location {
    padding-left: 29px !important;
}

.page-numbers.current {
    color: #2BA1E5;
}


ul.job_listings .dataflex .unter16,
ul.job_listings .dataflex .ab16,
ul.job_listings .dataflex .ab18,
ul.job_listings .dataflex .alle {
    font-size: 13px !important;
    line-height: 19.5px !important;
    font-weight: 100;
    height: 22px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0px;
    padding-left: 29px;
    display: block;
    position: relative;
    right: 0px;
    top: 0px;
    margin-left: 0px;
}

ul.job_listings .dataflex .unter16,
.job-type.unter16 {
    background-image: url('img/unter16.png') !important;

}

ul.job_listings .dataflex .ab16,
.job-type.ab16 {
    background-image: url('img/ab16.png') !important;

}

ul.job_listings .dataflex .ab18,
.job-type.ab18 {
    background-image: url('img/ab18.png') !important;

}

ul.job_listings .dataflex .alle,
.job-type.alle {
    background-image: url('img/alle.png') !important;

}

div.entry-content div.pagination {
    width: auto;
    display: flex;
    justify-content: center;
    gap: 7px;
    margin: 50px auto !important;
    border-radius: 5%;
    padding: 12px 20px;
}

.single_job_listing .meta .location::before {
    content: "" !important;
}

ul.job-listing-meta.meta li {
    margin-bottom: 20px;
}

ul.job-listing-meta.meta li,
ul.job-listing-meta.meta li a,
ul.job-listing-meta.meta li span,
ul.job-listing-meta.meta li time {
    font-size: 15px;
    font-family: 'Inter', sans-serif;

    height: 30px;
    color: #3A3A3A;
    font-weight: 200;
    line-height: 20px;
    vertical-align: middle;
}

.single_job_listing .meta li.job-type {
    padding-left: 35px !important;
}

.single_job_listing .meta li.ort {
    padding-left: 34px !important;
}

.single_job_listing .meta li.datum {
    padding-left: 34px !important;
}

.single_job_listing .meta li.gehalt {
    padding-left: 34px !important;
}

nav.navigation.post-navigation {
    display: none;
    visibility: hidden;
    height: 0%;
    width: 0%;
}

.job_description {
    font-size: medium;
}

.job_description p {
    padding-left: 8px;
    border-left: solid 1px var(--primary-color);
    font-size: medium;
}

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

    .job_description {
        font-size: large;
    }

    .job_description p {
        padding-left: 35px;
        border-left: solid 2px var(--primary-color);
        font-size: large;
    }
}

li.job_listing p {
    margin-top: 20px;
    text-align: center;
}

.ast-builder-layout-element.ast-flex.site-header-focus-item .registrieren a::before {
    color: var(--secondary-color);
    content: "|";
    padding-right: 15px;
    padding-left: 5px;
}

/* Custom CSS for Code Field in Woocommerce*/
/* Estilos para destacar el campo de código de descuento */
form.checkout_coupon {
    display: block !important;
    margin-bottom: 20px;
    border: 2px solid var(--primary-color);
    padding: 15px;
    background-color: var(--secondary-color);
    margin-top: 20px !important;
    padding: 10px !important;
    border-radius: 4px !important;
}

form.checkout_coupon input.input-text {
    width: 100%;
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 16px;
}

form.checkout_coupon .button {
    background-color: var(--primary-color);
    color: #ffffff;
    padding: 10px 20px;
    font-size: 14px;
}

/* Ocultar el mensaje específico si contiene "Hast du einen Gutschein?" */
.woocommerce-form-coupon-toggle .woocommerce-info {
    display: none;
}

.woocommerce-MyAccount-navigation,
.u-column2.col-2.woocommerce-Address {
    display: none;
}

.woocommerce-account .woocommerce-MyAccount-content {
    float: center;
    width: 100%;
}

/* Ocultar el mensaje de error */
p.job-manager-error {
    display: none;
}

/* Estilo para el mensaje de éxito */
div.job-manager-applications-applied-notice {
    border-top: 2px solid #069b06 !important;

    padding-top: 10px !important;

}

#secondary_menu-site-navigation-mobile ul li a,
#secondary_menu-site-navigation-mobile ul li {
    color: var(--secondary-color) !important;
    background-color: transparent !important;

}

#secondary_menu-site-navigation-mobile ul {
    background-color: transparent !important;
    border-radius: 10px !important;
    border: white solid 2px !important;
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    justify-content: end;
    margin-right: 0px;
    margin-left: auto;
}

/* For WC paid listing*/
#job_package_selection,
.job_listing_packages {
    border: none !important;
}

#job_package_selection {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 40px;
}


.amount {
    /* width: 100%; */
    text-align: center;
    color: black !important;
}

.amount bdi {
    font-size: 1.4rem !important;
    font-weight: bolder !important;
    color: black !important;
}

.woocommerce-Price-currencySymbol {
    color: black !important;
}

.entry-content .job_listing_packages_title {
    background: none !important;
}


.job_packages {
    display: flex;
    flex-direction: column;
    margin: 20px auto !important;
    gap: 20px !important;
}

.job-package,
.user-job-package {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    text-align: center;
    width: 100% !important;
    margin: 10px !important;
    font-size: small;
    border: solid 2px black !important;
    border-radius: 4px;
    padding: 20px;
    min-height: 170px;
    /* background-color: #2BA1E5; */
}

.user-job-package {
    padding-top: 30px;
    padding-bottom: 50px;
    row-gap: 30px;
}

.package-section {
    display: block;
    width: 100%;
    margin-top: 20px;
    text-align: center;
}

.job-package bdi,
.woocommerce-Price-amount {
    display: block;
    text-align: center;
    color: black;
    /* width: 100% !important; */
}

h5.sub {

    text-align: center;
    margin: 20px auto;
}

.job_listing_packages_title h2 {
    display: none !important;
}


@media screen and (min-width: 960px) {
    .amount bdi {
        font-size: 3rem !important;
        font-weight: bolder !important;

    }

    .job_packages {
        flex-direction: row;

    }

    .job-package,
    .user-job-package {
        width: 33% !important;
        margin-left: auto !important;
        margin-right: auto !important;

    }
}

/* Mein minijob Menu */
.mein-minijob-menu.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-2110 {
    display: flex;
    flex-direction: column;
}

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

    /* Mein minijob Menu */
    .mein-minijob-menu.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-2110 {
        display: none;
    }

    /* 
}

#secondary_menu-site-navigation-mobile ul li a,
#secondary_menu-site-navigation-mobile ul li,
#secondary_menu-site-navigation-desktop ul li a,
#secondary_menu-site-navigation-desktop ul li,
    {
    color: var(--secondary-color) !important;
    background-color: transparent !important;

}

#secondary_menu-site-navigation-mobile ul,
#secondary_menu-site-navigation-desktop ul {
    background-color: transparent !important;
    border-radius: 10px !important;
    border: white solid 2px !important;
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
}

#secondary_menu-site-navigation-desktop ul,
#secondary_menu-site-navigation-desktop ul li,
#secondary_menu-site-navigation-desktop ul li a {
    height: 40px !important;
} */

    /*

..#######...#######..##.....##.########.########..##....##.........##.....##.####.##....##.....#######...#######....#####...########..##.....##
.##.....##.##.....##.##.....##.##.......##.....##..##..##..........###...###..##..###...##....##.....##.##.....##..##...##..##.....##..##...##.
.##.###.##.##.....##.##.....##.##.......##.....##...####...........####.####..##..####..##....##.....##.##........##.....##.##.....##...##.##..
.##.###.##.##.....##.##.....##.######...########.....##....#######.##.###.##..##..##.##.##.....########.########..##.....##.########.....###...
.##.#####..##..##.##.##.....##.##.......##...##......##............##.....##..##..##..####...........##.##.....##.##.....##.##..........##.##..
.##........##....##..##.....##.##.......##....##.....##............##.....##..##..##...###....##.....##.##.....##..##...##..##.........##...##.
..#######...#####.##..#######..########.##.....##....##............##.....##.####.##....##.....#######...#######....#####...##........##.....##

*/


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



        .contenedor {
            width: 60%;
            min-width: 800px;
            margin-left: auto;
            margin-right: auto;
            /* border: 1px solid orange; */
        }

        .sector {
            width: 780px;
            margin-left: auto;
            margin-right: auto;
            padding: 25px;
            padding-left: 20px;
            padding-right: 20px;
            display: block;
            background-color: #f9f9f9;
            border-radius: 10px;
            box-shadow:
                -0.2px -0.1px 30px -9px rgba(0, 0, 0, 0.017),
                0.5px 0.3px 31.1px -9px rgba(0, 0, 0, 0.024),
                4.5px 2.2px 38.3px -9px rgba(0, 0, 0, 0.034),
                42px 21px 102px -9px rgba(0, 0, 0, 0.07);
        }

        .sector h2,
        .sector h3,
        .sector span,
        .sector #minijober {
            width: 100%;
            margin-left: auto;
            margin-right: auto;
            flex-grow: 1;
        }

        #minijober {
            width: 80%;
            margin: auto;
            background-color: none;
            margin-top: 40px;
        }

        /* sectores que se separan */

        #minijober .row {
            width: 100%;
            margin-left: 0;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        #minijober .row .first {
            width: 50%;
            padding-right: 10px;
        }

        #minijober .row .last {
            width: 50%;
            padding-left: 10px;
        }

        /* ???
    ont-size: medium !important;
            height: 40px !important;
            top: 0px !important;
        } */

        .job_listing li.gehalt {
            position: relativ
        }

        /* listado de trabajos */
        ul.job_listings {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            gap: 1rem;
            row-gap: 1rem;
        }

        div.dataflex {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: left;
            vertical-align: middle;
            gap: 25px !important;
            row-gap: 12px !important;
        }

        .dataflex {
            /* background-color: white; */
            width: 100%;
        }

        /* .dataflex .location,
    .dataflex .job-type,
    .dataflex .date,
    .dataflex.agerange {
        height: 20px;
        padding-left: 20px !important;
        padding-top: 0px !important;
        padding-right: 0px;
        padding-bottom: 0px;
        width: auto !important;
        font-size: small !important;
        background-size: 14px;

        margin: 0%;

    } */


        /* .job_listing li.job-type,
    .job_listing li.ort,
    .job_listing li.datum {
        display: block;
        padding-left: 22px !important;
        padding-top: 18px !important;
        background-size: 16px !important;
        top: 3px !important;
    } */

        /* 

    .job_listing li.job-type {
        background-position-y: 19px;
    }


    .job_listing li.ort {
        background-position-y: 16px;
    }


    .job_listing li.datum {
        background-position-y: 19px;
    }

    .job_listing li.gehalt {
        display: block;
        padding-left: 22px !important;
        padding-top: 20px !important;
        background-size: 15px !important;
        background-position-y: 20px;
    }
 */

        /* a.job-listado  */

        ul.job_listings li.job_listing {
            width: calc(50% - 1rem);
            vertical-align: top;
            margin: 0 auto;
            /* background-color: var(--secondary-color) !important; */
        }

        ul.job_listings li.job_listing a {
            height: 100%;
            border-radius: 5px;
        }

        ul.job_listings li.job_listing {
            /* width: calc(50% - 1rem);
        background-color: var(--background-color) !important; */
            /* margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        width: 48%;
        height: 100%;
        vertical-align: top;
         width: calc(50% - 1rem);
            vertical-align: top;
            background-color: var(--background-color) !important; */
        }

        .location,
        .job-type,
        .date,
        .gehalt {
            width: auto;
            vertical-align: top;
            padding-bottom: 1rem;
        }

        .minjob ul.job_listings li.job_listing a .meta {
            /* display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        width: 100%;
        vertical-align: top;
        gap: 1rem;
        row-gap: 1rem; */
        }



        /*Space betw. Map and Job Filter*/
        .minjob .job_filters,
        .minjob ul.job_listings {
            position: relative;
            top: -71px !important;
        }

        /* anmelden form in Home - Osmo plugin*/
        .login-modal-box .modal-content {
            padding: 2rem;
            width: 95%;
            max-width: 700px;
            border-radius: 1rem;
            font-family: 'Inter';
            font-size: 18px;
            font-weight: 500;
        }

        .login-modal-box .modal-content h4 {

            font-size: 72px;
        }


    }



    /* find de media 960px */
}