/* VARIÁVEIS */

:root {
    --dark: #0e0d15;
    --gray: #393939;
    --medium: #757575; 
    --light: #c7c3c7;
    --orange: #ff9600;
}

/* FILTROS DE CATEGORIAS - INÍCIO */

.wpc-filters-widget-main-wrapper .wpc-filter-title {
    color: var(--orange);
}

.wpc-filters-widget-main-wrapper ul.wpc-filters-ul-list {
    padding: 0 !important;
}

.wpc-filters-section .wpc-filters-ul-list li {
    display: inline-block;
    margin: 0 7px 7px 0;
    padding: 0;
}

.wpc-filters-section .wpc-filters-ul-list li .wpc-term-item-content-wrapper {
    background-color: var(--dark);
    border-radius: 50px;
    color: var(--light);
    padding: 7px 10px;
}

.wpc-filters-section .wpc-filters-ul-list li .wpc-term-item-content-wrapper:hover {
    background-color: var(--orange);
}

.wpc-filters-section .wpc-filters-ul-list li .wpc-term-item-content-wrapper:hover a, 
.wpc-filters-section .wpc-filters-ul-list li .wpc-term-item-content-wrapper a:hover,
.wpc-filters-section .wpc-filters-ul-list li .wpc-term-item-content-wrapper:hover .wpc-term-count {
    color: var(--dark);
}

.wpc-filters-section .wpc-filters-ul-list li label,
.wpc-filters-section .wpc-filters-ul-list li label a,
.wpc-filters-section .wpc-filters-ul-list li label .wpc-term-count {
    color: var(--light);
    font-size: 14px;
    font-weight: 400;
    padding: 0 !important;
    margin: 0 !important;
}

.wpc-filters-section .wpc-filters-ul-list li.wpc-term-selected label,
.wpc-filters-section .wpc-filters-ul-list li.wpc-term-selected label a,
.wpc-filters-section .wpc-filters-ul-list li.wpc-term-selected label .wpc-term-count {
    color: var(--orange);
    font-weight: 800;
}

.wpc-filters-section .wpc-filters-ul-list li label {
    margin-left: -16px !important;
}

.wpc-filters-section .wpc-filters-ul-list li input[type=checkbox] {
    visibility: hidden;
}

.widget-area .widget .wpc-filter-chips-list .wpc-chip-reset-all a, 
body .wpc-filter-chips-list li.wpc-chip-reset-all a {
    background-color: var(--dark);
    color: var(--light);
    font-weight: 800 !important;
}

body .wpc-filter-chips-list li.wpc-chip-reset-all a .wpc-chip-content {
    font-weight: 800;
}

.widget-area .widget .wpc-filter-chips-list a,
.wpc-filter-chips-list a,
body .wpc-filter-chips-list li.wpc-filter-chip a {
    background-color: var(--dark);
    border-radius: 50px;
    color: var(--light);
    font-size: 12px;
    font-weight: 400;
}

.widget-area .widget .wpc-filter-chips-list a .wpc-chip-content,
.wpc-filter-chips-list a .wpc-chip-content,
body .wpc-filter-chips-list li.wpc-filter-chip a .wpc-chip-content {
    color: var(--light);
}

.widget-area .widget .wpc-filter-chips-list a:hover,
.wpc-filter-chips-list a:hover,
body .wpc-filter-chips-list li.wpc-filter-chip a:hover {
    background-color: var(--orange);
    color: var(--dark);
}

.widget-area .widget .wpc-filter-chips-list a:hover .wpc-chip-content,
.wpc-filter-chips-list a:hover .wpc-chip-content,
body .wpc-filter-chips-list li.wpc-filter-chip a:hover .wpc-chip-content,
.wpc-filter-chips-list a:hover .wpc-chip-remove-icon {
    color: var(--dark) m !important;
}

.wpc-filter-chips-list li a,
body .wpc-filter-chips-list li.wpc-filter-chip a,
li.wpc-filter-chip a {
    border: 0 !important;
}

/* FILTROS DE CATEGORIAS - FIM */


/* VAGAS - INÍCIO */

.job_filters {
    background: transparent;
}

.job_filters .search_jobs {
    padding: 0;
}

.job_filters .search_jobs input[type="text"],
.job_filters .search_jobs textarea,
.job_filters .search_categories input[type="text"] {
    background-color: var(--gray);
    border: 0;
    border-radius: 10px;
    color: var(--light);
    font-size: 14px;
    padding: 15px;
}

.job_filters .search_jobs div.search_remote_position {
    color: var(--light);
    display: flex;
    font-size: 12px;
}

.job_filters .search_jobs div.search_remote_position input[type=checkbox] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: transparent;
    border: 2px solid var(--light);
    border-radius: 2px;
    cursor: pointer;
    height: 20px;
    margin-right: 7px;
    width: 20px;
}

.job_filters .search_jobs div.search_remote_position input[type=checkbox]:focus {
    outline: 1px solid var(--orange);
}

.job_filters .search_jobs div.search_remote_position input[type=checkbox]:checked {
    background-color: var(--orange);
    background: var(--orange) url("data:image/gif;base64,R0lGODlhCwAKAIABAP////3cnSH5BAEKAAEALAAAAAALAAoAAAIUjH+AC73WHIsw0UCjglraO20PNhYAOw==") 5px 5px no-repeat;
    border: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0;
}

.select2-container--default .select2-selection--multiple {
    background-color: var(--gray);
    border: 0;
    border-radius: 10px;
    color: var(--light);
    line-height: 1;
    padding: 10px 15px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 0;
}

.select2-container--default .select2-search--inline .select2-search__field {
    color: var(--light);
    margin-top: 8px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--orange);
    border: 0;
    border-radius: 15px;
    color: var(--dark);
    position: relative;
    padding: 0px 20px 0 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: var(--dark);
    position: absolute;
    right: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    margin-top: 2px;
}

.select2-container--open .select2-dropdown {
    background-color: var(--gray);
    border: 0;
}

.select2-results__option {
    padding: 5px 15px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--orange) !important;
    color: var(--dark) !important;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: var(--gray);
}

.job_filters .search_jobs div.search_submit {
    margin-top: 20px;
    padding: 0;
    text-align: center;
}

.job_filters .search_jobs div.search_submit input {
    background-color: var(--orange);
    border: 0;
    border-radius: 50px;
    color: var(--dark);
    font-size: 14px;
    font-weight: 800;
    padding: 15px 40px;
    text-transform: uppercase;
    width: auto;
}

.job_filters .search_jobs div.search_submit input:hover {
    cursor: pointer;
    opacity: 0.7;
}

.job_filters .job_types {
    background: transparent;
    border-top: 0;
    display: flex;
    margin-top: 40px;
}

.job_filters .job_types li {
    float: none;
    padding: 0 30px 0 0;
}

.job_filters .job_types li label {
    color: var(--light);
    display: flex;
    font-size: 12px;
}

.job_filters .job_types input[type=checkbox] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: transparent;
    border: 2px solid var(--light);
    border-radius: 2px;
    cursor: pointer;
    height: 20px;
    margin-right: 7px;
    width: 20px;
}

.job_filters .job_types input[type=checkbox]:focus {
    outline: 1px solid var(--orange);
}

.job_filters .job_types input[type=checkbox]:checked {
    background-color: var(--orange);
    background: var(--orange) url("data:image/gif;base64,R0lGODlhCwAKAIABAP////3cnSH5BAEKAAEALAAAAAALAAoAAAIUjH+AC73WHIsw0UCjglraO20PNhYAOw==") 5px 5px no-repeat;
    border: 0;
}

.job_filters .job_types li,
.rp4wp-related-job_listing > ul, ul.job_listings,
ul.job_listings li.job_listing, ul.job_listings li.no_job_listings_found {
    border: 0;
}

div.job_listings ul.job_listings {
    margin-top: 40px;
    padding: 0;
}

ul.job_listings li.job_listing a {
    background-color: var(--gray);
    border-radius: 25px;
    margin-bottom: 20px;
    padding: 40px;
}

ul.job_listings li.job_listing a div.position {
    padding: 0 0 0 60px;
}

ul.job_listings li.job_listing a:hover, ul.job_listings li.job_listing a:focus,
ul.job_listings li.no_job_listings_found a:hover,
ul.job_listings li.no_job_listings_found a:focus {
    background-color: var(--dark);
}

ul.job_listings li.job_listing a img.company_logo {
    left: 40px;
}

.job_filters .showing_jobs {
    background-color: var(--orange);
    border: 0;
    border-radius: 5px;
    color: var(--dark);
    margin-top: 40px;
    padding: 5px 10px;
}

.job_filters .showing_jobs a {
    color: var(--dark);
    font-weight: bold;
}

ul.job_listings.loading {
    border: 0;
}

ul.job_listings li.job_listing.no_job_listings_found, 
ul.job_listings li.no_job_listings_found.no_job_listings_found {
    border: 0;
    background-color: var(--orange);
    border-radius: 5px;
    color: var(--dark);
    font-size: 12px;
    padding: 5px 10px;
}

/* VAGAS - FIM */

/* CADASTRAR VAGAS - INÍCIO */

.job-manager-form {
    margin: 0 auto;
    max-width: 800px;
}

.job-manager-form h2 {
    color: var(--orange);
    font-family: 'Metropolis Black',Helvetica,Arial,Lucida,sans-serif;
}

.job-manager-form input[type="text"],
.job-manager-form textarea {
    background-color: var(--gray);
    border: 0;
    border-radius: 10px;
    color: var(--light);
    font-size: 14px;
    padding: 15px;
}

.job-manager-form fieldset {
    border: 0;
}

.job-manager-form fieldset .account-sign-in .button {
    color: var(--orange);
}

.job-manager-form fieldset label:not(.full-line-checkbox-field label) {
    color: var(--light);
    display: block;
    float: none;
    font-family: 'Metropolis Regular', Helvetica, Arial, Lucida, sans-serif;
    font-size: 16px;
    width: 100%;
}

.job-manager-form fieldset div.field:not(.full-line-checkbox-field) {
    display: block;
    float: none;
    width: 100%;
}

.job-manager-form fieldset.fieldset-type-checkbox label:not(.full-line-checkbox-field label) {
    float: left;
    width: fit-content;
}

.job-manager-form fieldset.fieldset-type-checkbox div.field:not(.full-line-checkbox-field) {
    width: fit-content;
}

.job-manager-form input[type=checkbox] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: transparent;
    border: 2px solid var(--light);
    border-radius: 2px;
    cursor: pointer;
    height: 20px;
    margin-right: 7px;
    width: 20px;
}

.job-manager-form input[type=checkbox]:focus {
    outline: 1px solid var(--orange);
}

.job-manager-form input[type=checkbox]:checked {
    background-color: var(--orange);
    background: var(--orange) url("data:image/gif;base64,R0lGODlhCwAKAIABAP////3cnSH5BAEKAAEALAAAAAALAAoAAAIUjH+AC73WHIsw0UCjglraO20PNhYAOw==") 5px 5px no-repeat;
    border: 0;
}

.job-manager-form .fieldset-remote_position input[type=checkbox] {
    margin: 5px 0 0 10px;
}

.job-manager-form .fieldset-remote_position .description {
    margin: 0;
}

.job-manager-form fieldset.fieldset-type-file .job-manager-remove-uploaded-file,
.job-manager-form fieldset.fieldset-agreement-checkbox a {
    color: var(--orange);
}

.job-manager-form input.button {
    background-color: var(--orange);
    border: 0;
    border-radius: 50px;
    color: var(--dark);
    font-size: 12px;
    font-weight: 800;
    padding: 15px 40px;
    text-transform: uppercase;
    width: auto;
}

.job-manager-form .fieldset-agreement-checkbox .full-line-checkbox-field {
    display: flex;
}

.job-manager-form > p {
    text-align: right;
}

.job-manager-form .save_draft {
    margin-left: 20px;
}

.job-manager-form .spinner {
    display: block;
    margin: 15px auto 0;
}

/* CADASTRAR VAGAS - FIM */


/* CADASTRAR PROJETO - INÍCIO */

.wpuf-form-add {
    margin: 0 auto;
    max-width: 800px;
}

body form.wpuf-form-add ul.wpuf-form .wpuf-el {
    display: block;
}

body ul.wpuf-form li.field-size-large .wpuf-fields {
    display: block;
    float: none;
    width: 100%;
}

.wpuf-form-add input[type="text"],
.wpuf-form-add textarea,
.wpuf-form-add select,
.wpuf-form-add input.url {
    background-color: var(--gray);
    border: 0;
    border-radius: 10px;
    color: var(--light);
    font-size: 14px;
    padding: 15px;
    width: 100%;
}

body ul.wpuf-form li .wpuf-label {
    float: none !important;
    width: 100%;
}

body form.wpuf-form-add ul.wpuf-form .wpuf-el.featured_image .wpuf-label {
    float: left !important;
    margin-right: 20px;
    width: max-content;
}

.wpuf-form-add .field-size-large .wpuf-label label {
    color: var(--light);
    display: block;
    float: none;
    font-family: 'Metropolis Regular', Helvetica, Arial, Lucida, sans-serif;
    font-size: 16px;
    font-weight: normal;
    width: 100%;
}

.wpuf-form-add ul.wpuf-form .wpuf-el {
    display: block;
}

body ul.wpuf-form li .wpuf-fields a.file-selector {
    background-color: var(--orange);
    border: 0;
    border-radius: 50px;
    box-shadow: none;
    color: var(--dark);
    font-size: 12px;
    font-weight: 800;
    padding: 10px 30px;
    text-transform: uppercase;
    width: auto;
}

.wpuf-form-add .wpuf-submit {
    text-align: right;
}

.wpuf-form-add .wpuf-submit .wpuf-submit-button {
    background-color: var(--orange);
    border: 0;
    border-radius: 50px;
    box-shadow: none;
    color: var(--dark);
    font-size: 12px;
    font-weight: 800;
    padding: 15px 40px;
    text-transform: uppercase;
    width: auto;
}

/* CADASTRAR PROJETO - FIM */


/* SINGLE VAGA E PREVIEW DE VAGA - INÍCIO */

.job_shortcode.single_job_listing,
.job_listing_preview.single_job_listing {
    background: var(--gray);
    border: 0;
    border-radius: 20px;
    padding: 40px;
}

.job_listing_preview_title,
.entry-content .job_listing_preview_title {
    background: transparent;
    margin-bottom: 20px;
    padding: 0;
}

.job_listing_preview_title .button,
.entry-content .job_listing_preview_title .button {
    background-color: var(--orange);
    border: 0;
    border-radius: 50px;
    box-shadow: none;
    color: var(--dark);
    cursor: pointer;
    font-size: 12px;
    font-weight: 800;
    margin: 0 0 0 20px;
    padding: 10px 20px;
    text-transform: uppercase;
    width: auto;
}

.job_shortcode.single_job_listing h1,
.job_listing_preview.single_job_listing h1,
.job_listing_preview_title h2,
.entry-content .job_listing_preview_title h2 {
    color: var(--orange);
    font-family: 'Metropolis Black', Helvetica, Arial, Lucida, sans-serif;
}

.job_listing_preview_title h2,
.entry-content .job_listing_preview_title h2 {
    padding: 10px 0;
}

.single_job_listing .meta {
    margin-bottom: 20px;
}

.single_job_listing .meta li {
    color: var(--light);
}

.job_shortcode.single_job_listing .job-type,
.single_job_listing .meta .job-type {
    background-color: var(--orange);
    border-radius: 15px;
    color: var(--dark);
    padding: 5px 10px;
}

.job_shortcode.single_job_listing .location a,
.single_job_listing .meta .location .google_map_link {
    color: var(--orange);
}

.single_job_listing .company {
    border: 0;
    box-shadow: none;
    margin-bottom: 20px;
}

.single_job_listing .company .name,
.single_job_listing .company .tagline,
.single_job_listing .job_description,
.single_job_listing .job_description p {
    color: var(--light);
}

.single_job_listing .company .name a,
.single_job_listing .company .name strong {
    color: var(--orange);
}

.job_shortcode.single_job_listing .company_video {
    display: none;
}

.single_job_listing .application,
.job-manager-application-wrapper .application {
    margin-bottom: 0;
    text-align: right;
}

.single_job_listing .application .application_button, 
.job-manager-application-wrapper .application .application_button {
    background-color: var(--orange);
    border: 0;
    border-radius: 50px;
    box-shadow: none;
    color: var(--dark);
    font-size: 12px;
    font-weight: 800;
    margin: 0;
    padding: 15px 40px;
    text-transform: uppercase;
    width: auto;
}

.single_job_listing .application .application_details,
.job-manager-application-wrapper .application .application_details {
    background-color: var(--dark);
    border: 0;
    border-radius: 20px;
    color: var(--light);
    margin-bottom: 0px;
    padding: 10px 20px;
}

.single_job_listing .application .application_details::before,
.job-manager-application-wrapper .application .application_details::before,
.single_job_listing .application .application_details::after,
.job-manager-application-wrapper .application .application_details::after {
    border-bottom-color: var(--dark);
    left: initial !important;
    right: 50px;
}

.single_job_listing .application .application_details p,
.job-manager-application-wrapper .application .application_details p {
    margin: 0;
}

.single_job_listing .application .application_details a,
.job-manager-application-wrapper .application .application_details a {
    color: var(--orange);
}

.et_pb_module.chamada_login p {
    background-color: var(--dark);
    border-radius: 20px;
    color: var(--light);
    margin: 0 auto;
    padding: 10px 20px;
    width: max-content;
}

.et_pb_module.chamada_login p a {
    color: var(--orange);
}

.job-manager-message,
.job-manager-error,
.job-manager-info {
    background-color: var(--dark);
    border: 0;
    border-radius: 15px;
    color: var(--light);
    margin-bottom: 20px;
    padding: 10px 20px;
}

.job-manager-message.job-manager-info,
.job-manager-error.job-manager-info,
.job-manager-info.job-manager-info {
    border-top: 0;
    margin: 0 auto 20px !important;
    max-width: 800px;
}

.job-manager-message.job-manager-info::before, 
.job-manager-error.job-manager-info::before, 
.job-manager-info.job-manager-info::before {
    color: var(--dark);
    background: var(--orange);
    border-radius: 100%;
    display: inline-block;
    font-weight: 800;
    font-size: 14px;
    height: 20px;
    margin: 2px 0 0 0;    
    text-align: center;
    vertical-align: middle;        
    width: 20px;
}

.job-manager-message a,
.job-manager-error a,
.job-manager-info a {
    color: var(--orange);
}

/* SINGLE VAGA - FIM */


/* MINHAS VAGAS - INÍCIO */

#job-manager-job-dashboard .job-manager-jobs {
    border: 0;
}
  
#job-manager-job-dashboard table tbody tr:nth-child(odd) {
    background-color: var(--dark);
}

#job-manager-job-dashboard table thead,
#job-manager-job-dashboard table tbody {
    border-bottom: 1px solid var(--orange);
}

#job-manager-job-dashboard table th {
    color: var(--orange);
    padding: 10px 20px;
}

#job-manager-job-dashboard table td {
    border: 0;
    color: var(--light);
    padding: 10px 20px;
}

#job-manager-job-dashboard table td a {
    color: var(--orange);
}

#job-manager-job-dashboard table ul.job-dashboard-actions {
    visibility: visible;
}

#job-manager-job-dashboard table tfoot a {
    background-color: var(--orange);
    border: 0;
    border-radius: 50px;
    box-shadow: none;
    color: var(--dark);
    display: block;
    font-size: 12px;
    font-weight: 800;
    margin: 10px auto;
    padding: 10px 25px;
    text-transform: uppercase;
    width: max-content;
    float: right;
}

#job-manager-job-dashboard table ul.job-dashboard-actions li .job-dashboard-action-delete {
    background-color: #900;
    border-radius: 25px;
    color: white;
    font-size: 10px;
    font-weight: bold;
    padding: 2px 6px;
    text-transform: uppercase;
}

/** PROFSSIONAIS **/

.conecta_profissional_bio__meta a {
    background-color: var(--orange);
    border: 0;
    border-radius: 50px;
    box-shadow: none;
    color: var(--dark);
    display: inline-block;
    font-family: 'Metropolis Regular', Helvetica, Arial, Lucida, sans-serif;
    font-size: 16px;
    font-weight: 800;
    padding: 5px 15px;
    margin-top: 10px;
}

.fancybox-content {
    background-color: var(--dark);
    border-radius: 10px;
    color: var(--medium);
}

.fancybox-content .user_info__author {
    color: var(--orange);
    font-family: 'Metropolis Black', Helvetica, Arial, Lucida, sans-serif;
    font-size: 40px;
}

.fancybox-content .user_info__author_info {
    font-family: 'Metropolis Regular', Helvetica, Arial, Lucida, sans-serif;
    font-size: 16px;
    
}

.fancybox-content .user_info__info {
    display: flex;
    padding: 20px;
}

.fancybox-content .user_info__avatar {
    margin-right: 20px;
}

.fancybox-content .user_info__avatar img {
    border-radius: 10px;
}


/* STYLE CONECTA EXTRA */

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

}

/* Tablet retrato - 1024px */
@media screen and (max-width: 1024px) {

}

/* Tablet maior que Retrato até Paisagem - 769px até 1024px */
@media screen and (min-width: 769px) and (max-width: 1024px) {

}

/* Tablet Retrato e Paisagem- de 768px até 1024px */
@media screen and (min-width: 768px) and (max-width: 1024px) {

}

/* Resoluções acima de Tablet Retrato - 769px */
@media screen and (min-width: 769px) {

}

/* Mobile até Tablet Retrato - 768px */
@media screen and (max-width: 768px) {

}

/* Resoluções entre Mobile Celular e Tablet Retrato - 411px até 768px */
@media screen and (min-width: 411px) and (max-width: 768px) {

}

/* Mobile Retrato até 411px */
@media screen and (max-width: 411px) {
    .fancybox-content .user_info__info {
        flex-direction: column;
    }
    .fancybox-content .user_info__avatar {
        margin-bottom: 10px;
        margin-right: 0;
    }
}