/*
Theme Name: Twenty Twenty Child Custom
Theme URL: https://dbjob.dk/
Description: Twenty Twenty Child Custom Theme
Author: SR
Author URL: https://dbjob.dk/
Template: twentytwenty
Version: 1.0.1
Text Domain: twentytwenty-child
*/



/*
    generiske basis
  
*/

/*******************************
*
*   generiske basis
*
*******************************/

:root {
    --dbjBasisBack: #efeef4;
    --dbjPrimary: rgb(131,131,131); 
    --dbjPrimarySecondary: rgb(255,255,255); /*hvid*/
    --dbjSecondary: #eacea0; /*gul*/
    --dbjFooter: rgb(171,175,141);
    --dbjYellow: #eacea0; /*gul*/
    --dbjYellowStronger: #ddb067; /*gul*/
    --dbjBokse: white;
    --dbjTxtPrimary: black;
    --dbjTxtSecondary: rgb(100,100,100); /*mørkegrå*/
    --contentWidth: 640px;
    --contentWiderWidth: 740px;
    --defaultFontSize: 1.3rem;
    --font-family: Tahoma, sans-serif;
    --seniorI: rgb(171,175,141); /*grøn*/

    --graeGroen: #e0ddd6;

    --fontXLarge: 32px;
    --fontLarge: 22px;
    --fontmedium: 18px;
}

body {
    color: var(--dbjPrimary);
}

.dbjYellowStrongerBack
{
    background-color:var(--dbjYellowStronger);
}
.dbjBlackText
{
    color:var(--dbjTxtPrimary);
}

div.DBJVeryLarge{
    font-size:3.5rem;
    font-weight: normal;
    text-transform: uppercase;
    font-weight: bold;
}
div.DBJVeryLarge span{
    color:var(--dbjYellow);
}

.dbj_rightImg{
    display:none;
    width: 550px;
    float: right;
    margin-left: 40px;
}
@media (min-width: 450px) {
    .dbj_rightImg{
        display:block;
        max-width: 300px;
    }
    div.DBJVeryLarge{
        font-size:5.1rem;
    }
}
@media (min-width: 900px) {
    .dbj_rightImg{
        max-width:none;
    }
}


.footer-widgets-outer-wrapper{
    border-color: transparent;
}


.dbj_bred {
    display: block;
}
.dbj_smal {
    display: none;
}


@media (max-width: 1100px) {
    .dbj_bred {
        display: none;
    }
    .dbj_smal {
        display: block;
    }


    .regionlist{
        display:none;
    }

    .dbj_joblist_main{
        gap:0;
    }
}
.regionlist {
    width:230px;
    background-color:rgb(213,215,198);
    padding:20px;
}


.dbj_headerBox {
    background-color: transparent;
    color: var(--seniorI);
    font-size: 21px;
    font-weight: normal;
    padding-left:0;
    padding-top:0;
    padding-bottom:0;
}

.dbj_whitebox{
    padding:40px;
}

.dbj_whitebox form div {
    padding-bottom:0;
}

.dbj_whitebox h4, .dbj_whitebox h3{
    font-size: var(--fontXLarge);
    font-weight: normal;
}
/************menu **************/
body:not(.overlay-header) #site-header .toggle {
    color: var(--dbjPrimary)
}


.primary-menu a:hover, .primary-menu a:focus, .primary-menu .current_page_ancestor {
    text-decoration: none;
    color: rgb(131,131,131) !important;
}

.primary-menu li.current-menu-item > a {
    color: var(--seniorI) !important;
}

.primary-menu li a {
    padding: 6px 0;
}
.primary-menu li:last-child a {
    background-color: var(--dbjYellow);
    border-radius: 20px;
    padding: 6px 12px;
    color:black !important;
}
.primary-menu li:nth-last-child(2) a {
    background-color: #d5d7c6;
    border-radius: 20px;
    padding: 6px 12px;
    color: black !important;
    
}
.primary-menu li:nth-last-child(2) a::after {
    background-image: url("/wp-content/uploads/2024/07/login_small.png");
    content: "";
    width:22px;
    height:22px;
    display: inline-block;
    background-size: 22px;
    background-repeat: no-repeat;
    margin-left: 10px;
    vertical-align: middle;
    margin-top: -2px;
}


/**************** header ***************************/
#site-header {
    border-bottom: solid rgb(171,175,141) 10px;
}
.header-inner {
    padding: 2rem 0;
}
@media (min-width: 700px) {
    .header-inner {
        padding: 2rem 0;
    }
}
@media (min-width: 1000px) 
    {
        .header-inner {
            padding: 2rem 0;
    }
}


/************* footer ***********************/

/*fjern denne*/
@media (min-width: 700px) {
    .footer-widgets .widget {
        margin-top: 0;
    }
}



/*fjern denne*/
.footer-widgets-outer-wrapper{
    padding-top:0;
    padding-bottom:0;
}

/*fjern denne*/
.footer-widgets.column-one {
    margin-left: 0;
    padding-left: 6rem;
    padding-right: 6rem;
    padding-bottom:4rem;
    background-color: #f6ebd9;
    flex-basis: 80%;
}

/*fjern denne*/
    .footer-nav-widgets-wrapper {
        color: black;
    }

.dbj_footer_logoSection{
    margin: 0 !important;
}

.dbj_absoluteFooter {
    color: white;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-size:14px;
}

    .dbj_absoluteFooter a {
        color:white !important;
    }
    /**************************/
    .dbjHeader {
        color: rgb(100,86,48);
    }
.dbjHeader b {
    font-weight: normal;
}

#site-footer .section-inner {
     display: block;
}

/********* knap ***************/
.dbj_boxtype_advanced form input[type="submit"] {
    color: rgb(100,86,48);
}

.dbj_jobSearchBox::after{
    background-image: url("/wp-content/uploads/2024/07/login_small.png");
}


/**** søgning med faneblad **********/

@media (max-width: 700px) {
    .dbj_jobSearchBox
    {
        position: relative;
        padding: 0 !important;
        justify-content: center !important;
        /* display:block !important; */
    }
    .senior_soegeboxContainerLeft{
        z-index: 3;
        position: relative;
        background: rgba(0, 0, 0, 0.7);
        padding-top: 3.5rem;
        padding-bottom:  3.5rem;
        flex-basis: 100% !important;
    }

    .senior_soegeboxContainerLeft .senior_soegebox .dbj_miniTxt, .senior_soegeboxContainerLeft .senior_soegebox .dbj_miniTxt a{
        color:white !important;
    }
    .senior_soegeboxContainerRight{
        /* display: none; */
        position: absolute;
        top: 0;
        z-index: 1;
        height:100%;
    }
    .senior_soegeboxContainerRight img{
        max-height: 100%;
    }

    .senior_soegeboxHeader span {
        display: block;
    }
    .senior_soegeboxHeader h1
    {
        text-align: center;
        margin-top: 0;
        color:white !important;
    }
    .senior_soegebox{
        display: flex;
        justify-content: center;
    }
    .dbj_jobSearchBox form{
        flex-direction: row;
    }

    .senior_soegeboxContainerLeft #jobSearchFaneblad{
        margin-left:20px;
        margin-right: 20px;;
    }
}


#jobSearchFaneblad
{
    max-width: 590px;;
}
#jobSearchFaneblad form div{
    text-align:right;
}

.dbj_jobSearchBox{
    width: calc(100% - 8rem);
    max-width: 120rem;
    border-radius: 0;    
    background-color:white;;
    display:flex;
    justify-content: space-between;
}

.senior_topfrontbox{
    border-bottom: solid rgb(171, 175, 141) 10px;
    background-color: white;
}

.dbj_faneblad{
    display:none;
}

.senior_soegeboxContainerLeft
{
    flex-basis: 60%;
}

.senior_soegeboxContainerRight
{
    flex-basis: 30%;
    align-self: first center;
}

.senior_soegeboxHeader h1{
    font-size: 4.1rem;
    letter-spacing: 2px;
    color:black;
}
.senior_soegeboxHeader span{
    color:#ddb067;
}

.senior_soegeboxContainerRight img{
    max-width:100%;
}

.senior_soegebox .dbj_miniTxt, .senior_soegebox .dbj_miniTxt a
{
    color:#645630 !important;
    font-size: 1.4rem;
}

.senior_soegebox .dbj_largebold
{
    font-size: inherit;
    color:#ddb067;
}


.dbj_jobSearchBox form{
    column-gap: 0;
}

.dbj_jobSearchBox input[type="text"], .dbj_jobSearchBox form input[type="submit"]
{
    border-radius: 0;
    border-color: #645630;
}

.dbj_jobSearchBox form input[type="submit"]{
    background-color: #645630 !important;
    border-top: solid #645630 1px;
}


/***** søge dropdowns ********/
.dbj_boxtype_advanced select {
    border-radius: 5px;
    padding: 1.1rem 0.8rem;
    font-size: 1.3rem;
}

/**** box med nøgleoplysninger om jobbet ********/

.dbj_boxtype_std {
    background-color: var(--dbjPrimary);
    font-weight: 700;
    padding: 20px;
    width: 230px;
    border-radius: 5px;
}

.dbj_boxtype_std header {
    font-size: var(--defaultFontSize);
    width: 100%;
    text-align: center;
    color: var(--dbjBokse);
}



/************ CV *********************/

.dbj_CV select {
    padding: 2px;
    width: 50%;
}

@media (max-width: 640px) {
    .dbj_CV select {
        width:100%;
    }
}




.dbj_CV input[type=submit] {
    margin-top: 10px;
    font-size: 1.5rem;
    padding: 0.8em 1.3em;
}


.dbj_CV .cv_header {
    font-weight: bold;
    /* margin-top: 20px; */
    /* margin-bottom: 10px; */
    /* border-top: solid silver 1px; */
    /* padding-top: 10px; */
}

    .dbj_CV .cv_header span {
        font-weight: normal;
    }

/************ nye stillinger på forsiden ******************/

.dbj_senestejob > div{
    background-color:white;
    padding:20px;
    margin:10px auto;
}
.dbj_senestejob > div:hover{
    background-color: var(--graeGroen)
}
.dbj_senestejob > div > a{
    padding:20px;
    margin:-20px;
    display:block;
    text-decoration: none;
    color:black !important;
}

/************ om seniorjob på forsiden ********************/

.dbj_about_wrapper {
    width: calc(100% - 8rem);
    max-width:120rem;
    margin:0 auto !important;
}
    .dbj_about_wrapper > div {
        margin-left: -6rem;
        width: calc(100% + 6rem);
        padding-left: 6rem;
        padding-right: 6rem;
        padding-bottom: 4rem;
        color:black;
        flex-grow: 1 !important;
    }

.dbj_about_left_col {
    background-color: #ecddd7;
}

/* slettes */
.dbj_about_widget h2, .dbj_nye_stillinger_right h2 {
    font-size: 5.1rem;
    font-weight: normal;
    margin-bottom: 1rem;
}

.dbj_about_widget, .dbj_nye_stillinger_right{
    font-size:18px;
}
/****** kontakt blok neders på annoncøresiden */
.dbj_kontakt_blok
{
    border: solid black 1px;
    padding-left: 4rem;
    padding-right: 4rem;
    padding-bottom: 4rem;
    padding-top: 4rem;
}
.dbj_kontakt_blok h2
{
    font-size: 3.1rem;
    font-weight: normal;
}

.dbj_kontakt_blok img{
    max-width: 75%;
}

@media (min-width: 960px) {
    .dbj_kontakt_blok img{
        max-width: 226px;
    }
}


/**********udråb - højtaler ***********/

@media (max-width: 1080px) {
    .dbj_about_wrapper .dbj_udraab {
        display: none;
    }
}

.dbj_about_wrapper .dbj_udraab {
    margin: 0 !important;
    position: relative;
}

.dbj_about_wrapper .dbj_udraab img {
        position: absolute;
        top: -90px;
        left: 65%;
    }



/********* jobliste ****************/

.dbj_jobJobliste .dbj_jobHeadline a{
 text-transform: none;
 font-weight: normal;
 font-size:var(--fontLarge);
}

/************ søgebox i venstre side ******************/
.dbj_boxtype_advanced header{
    text-transform: none;
    font-weight: normal;
    font-size: var(--fontmedium);
}

/******* jobagent box *****************/
.dbj_jobagentBox
{
    color:black;
}

/********** accordion *********/
.dbj_accordion .ac_title_class, .dbj_accordion .ac_open_cl_icon
{
    font-weight: normal;
}

.dbj_accordion .fa-plus:before {
    content: "\2b";
}

/************* jobprofil **********************************/

.jobprofil
{
    display:flex;
}

.jobprofil .dbj_linkButton
{
    background-color: unset;
    padding:0;
}

.jobprofil_menuitems{
    display:block;
} 

.jobprofil_menuitems, .jobprofil_right, #jobprofilBurger{
     padding:30px;
}

.jobprofil_menu{
    background-color:var(--dbjPrimary);
    min-width: 200px;;
}
.jobprofil_menu a{
    font-size: 18px;
}
.jobprofil_menu a b{
    color:#d5d7c6;
}


.jobprofil_menuitems div{
    border-bottom: solid white 1px;
    text-align: center;
    padding: 12px 0;
}

.jobprofil_right select{
    padding: 1.5rem 1.8rem;
    width: 100%;
    border-color: rgb(204, 203, 219);
}

.cv_header + div {
    /* background-color: pink; */
}

#jobprofilBurger{
    background-color: #d5d7c6;
    color:black;
    display: flex;
    flex-direction: row-reverse;
    cursor:pointer;
}

#jobprofilBurger .burger{
    background-image: url(images/burger_menu.svg);
    background-size: 36px;
    background-repeat: no-repeat;
    width:36px;
    height:50px;
    background-position: center;
    display:none;
}

#jobprofilBurger .BurgerMenuprofilIcon{
    background-image: url(images/login_100.png);
    background-size: 50px;
    background-repeat: no-repeat;
    width:50px;
    height:50px;
    margin: 0 auto;
}


.cv_header {
    margin-top: 25px;
    margin-bottom: 7px;
}

.jobprofil_right ul{
    margin-left:0;
}

@media (max-width: 660px) {
    .jobprofil
    {
        flex-direction: column;
    }   
    .jobprofil_menuitems{
        display:none;
    } 
    
    #jobprofilBurger .burger
    {
        display:block;
    }
}

/* ***---- jobprofil - jobagent */
.jobprofil_right form{
    margin-top: 25px;
}
.jobprofil_regionen label{
    font-weight: bold;
    font-size: 15px;;
    margin-bottom: 7px;
}
.jobprofil_kommunerne{
    display:flex;
    flex-wrap: wrap;
}

.jobprofil_kommunerne label{
     margin-left: 10px; 
     font-size: 15px;;
}

.jobprofil_sektion_overskrift{
    margin-bottom: 10px;
}



/**************** gem job ****************************/
.husk_job{
    
    width:80px;
    height:20px;
    background-repeat: no-repeat;
    display:inline-block;
    background-size:20px;
    margin-left: 20px;
    text-decoration: none;
}

.husk_job::after{
    content: "gem job";
    margin-left: 24px;
    text-decoration: none;
}

.husk_job_on{
    background-image: url(images/hjerte_udfyldt.png);
}
.husk_job_off{
    background-image: url(images/hjerte3.png);
}



/********************** I K E A *******************************/
h2.text--black {
    margin-top: 20px;
}

/**************** profilsøgning ******************************/
.profilsoeg
{
    margin-top: 20px;
    background-color: #e6e6e6;
}

.profilsoegTab, .profilsoegBody, .profilsoegFooter
{
    padding:10px !important;
}

.profilsoegTab
{
    background-color: var(--dbjFooter);
    display: flex;
    justify-content: space-between;
}

.profilsoegTab div:first-child{
    font-size: 18px;
}

.profilsoegTab div:first-child small{
    margin-left: 10px;
}
.profilsoegTab div:last-child{
    color:white;
}

.profilsoegBody p{
    margin-bottom: 4px;
    margin-top: 8px;
}
.profilsoegBody input[type="text"]
{
    padding:10px;
}

.profilsoegBody div{
    float:none !important;
}

.profilsoegBody select{
    padding:5px;
}

.profilsoegBody .dbj_linkButton, .profilsoegBody input[type="button"]{
    display:inline-block;
    font-size: 12px;
    padding: 1em 1.7em;
    font-weight: normal;
    text-transform: none;
}

.profilsoegRadioDiv label
{
    display:inline-block;
    margin-right: 10px;;
}

.profilsoegRadioDiv{
    display:flex;
    flex-wrap: wrap;
}

.profilsoegWrap
{
    flex-direction: column;
}
.profilsoegWrap div
{
    display: flex;
    flex-wrap: nowrap;
    align-items: baseline;
}