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


/*
    generiske basis
    generiske
    top og footer
    leftwidget
    rightwidget
    indhold - forside
    jobsøgningsbox - simple
    jobsøgningsbox - advanced - jobagent box
    box til jobagent
    jobbox - liste af job efter søgning
    jobdetaljer
    Søgning med forslag
    jobrullator
    jobrotator

*/

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

:root {
    
}

.mapouter {
	display:none;
}

body.custom-background {
    background-color: var(--dbjBasisBack) !important;
}

body, input {
    font-family: var(--font-family);
    color: #58585a;
}



::placeholder {
    color:lightgray;
}

/****************************************************
*
*              generiske
*
******************************************************/
h1,
h2,
h3,
h4,
h5,
h6,
.faux-heading {
    font-weight: normal;
}

button,
.button,
.faux-button,
.wp-block-button__link,
.wp-block-file .wp-block-file__button,
input[type="button"],
input[type="reset"],
input[type="submit"]
{
    font-weight: normal;
}


h1 {
    font-size:2.4rem;
}
h2 {
    font-size: var(--fontsize50);
}
h3 {
    font-size: 1.8rem;
}
h4{
    font-size: var(--fontsize24) !important;
}


 .menu-modal, .menu-modal-inner, .search-modal-inner, .archive-header, .singular .entry-header, .singular .featured-media:before, .wp-block-pullquote:before {
    background-color: var(--dbjPrimary);
}
#site-header {
    background-color: var(--dbjPrimarySecondary) !important;
}


.footer-top-visible .footer-nav-widgets-wrapper, .footer-top-hidden #site-footer {
    margin-top: 0;
}


/* links */
.color-accent, .color-accent-hover:hover, .color-accent-hover:focus, :root .has-accent-color, .has-drop-cap:not(:focus)::first-letter, .wp-block-button.is-style-outline, a {
    color: var(--dbjPrimary) !important;
}

.modal-menu > li > .ancestor-wrapper > a {
    font-weight:normal;
}

.modal-menu > li:last-child{
    border-bottom: 0;
}

.modal-menu > li:last-child > .ancestor-wrapper {
    justify-content: center;
    padding:2.5rem;
}
.modal-menu > li:last-child > .ancestor-wrapper > a {
    color:white !important;
    background-color:var(--djoefBlaa);
    width:auto;
    font-size: var(--fontsize15);
    padding:11px 31px;
}
.modal-menu li.current-menu-item > .ancestor-wrapper > a {
    text-decoration: none;
}

.dbj-margin {
    margin: 1em auto;
}


/* knapper i content */
button:not(.toggle), .button, .faux-button, .wp-block-button__link, .wp-block-file .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"], .bg-accent, .bg-accent-hover:hover, .bg-accent-hover:focus, :root .has-accent-background-color, .comment-reply-link {
    background-color: var(--djoefBlaa) !important;
    /* border-radius: 5px; */
    padding: 11px 31px;
    /*font-size: var(--fontsize15);*/
    font-size: var(--defaultFontSize);
}

button:focus, button:hover, .button:focus, .button:hover, .faux-button:focus, .faux-button:hover, .wp-block-button .wp-block-button__link:focus, .wp-block-button .wp-block-button__link:hover, .wp-block-file .wp-block-file__button:focus, .wp-block-file .wp-block-file__button:hover, input[type="button"]:focus, input[type="button"]:hover, input[type="reset"]:focus, input[type="reset"]:hover, input[type="submit"]:focus, input[type="submit"]:hover {
    text-decoration:none;
}


input[type="submit"] {
    text-transform: none;
    font-weight: normal;
}

.dbj_linkButton {
    background-color: var(--djoefBlaa);
    text-decoration: none;
    transition: background .3s ease;
    padding: 11px 31px;
    color:white !important;
}


.dbj_linkButton_Secondary {
    background-color: var(--dbjSecondary);
    color: rgb(239,238,244) !important;
    padding: 0.8em 1.3em;
    text-decoration: none;
    /* border-radius: 5px; */
}



.dbj_headerBox {
    background-color: var(--dbjPrimary);
    width: 230px;
    padding: 20px;
    /* border-radius: 5px; */
    color: white;
    font-size: var(--defaultFontSize);
    font-weight: bold;
    text-align: center;
    /*letter-spacing:1px;*/
}


.dbj_fullwidth_area {
    padding-top: 4rem;
}

.dbj_largebold {
    font-size: 18px;
    font-weight: 700;
}

.dbj_small_tm {
    margin-top:10px;
}


.dbj_whitebox {
    /* padding: 20px; 20241010*/
    background-color: var(--dbjBokse);
    font-size: var(--defaultFontSize);
}

    .dbj_whitebox input[type=email] {
        /* border-radius: 5px; */
        padding: 1.1rem 0.8rem;
        font-size: 1.3rem;
    }
    .dbj_whitebox form div {
        padding-bottom:10px;
    }
  
/****************************************************
*
*       top og footer
*
******************************************************/

.menu-item a, .footer-copyright a, .powered-by-wordpress a, .to-the-top {
    color: var(--dbjTxtSecondary) !important;
}

.primary-menu li.current-menu-item > a {
    text-decoration: none !important;
    color: var(--dbjYellow) !important;
}

    .toggle-inner .toggle-text {
        font-size: 1.8rem;
        font-weight:normal;
    }

    .menu-modal .toggle-text
    {
        display:none;
    }


@media (min-width: 1000px) {
    .header-toggles {
        display: none !important;
    }
}
/****************************************************
*
*       leftwidget
*
******************************************************/
.dbj_leftWidget {
    clear:both;
    float: none;
}

    /*------------media -------------*/
    @media only screen and (min-width: 1250px) {
        .dbj_leftWidget {
            float: right;
        }
    }



/****************************************************
*
*       rightwidget
*
******************************************************/

@media only screen and (min-width: 800px) {
    .dbj_rightWidget {
        margin: 0 auto 20px;
    }
}

/****************************************************
*
*       indhold - forside
*
******************************************************/
    /* billede i top */
    .dbj_searchBgImage {
        height: 370px;
        overflow: hidden;
    }
.dbj_searchBgImage img {
    width: 100%;
    min-width:1650px;
}
.dbj_searchBgImage .featured-media-inner {
    max-width: 100%;
    left: 0;
}




/****************************************************
*
*       jobsøgningsbox - simple
*
******************************************************/


/* den omgivende div */
.dbj_jobSearchBox {
    margin: 0 auto;
    width: var(--ContentMaxWidth);
    background-color: var(--djoefClearblue);
    padding: 20px;
    /* border-radius: 5px; */
    min-height:121px;
}

    .dbj_jobSearchBox form {
        display: flex;
        column-gap: 10px;
        justify-content: space-between;
    }

        .dbj_jobSearchBox form > div {
            flex-grow:1;
        }
            .dbj_jobSearchBox form > div:last-of-type {
                flex-grow: unset;
            }




    .dbj_jobSearchBox input[type="text"] {
        /* border-radius: 5px; */
        padding: 1.1rem 0.8rem;
        font-size: 1.3rem;
        
    }



.dbj_faneomr_js {
    position:relative;
}

    .dbj_faneomr_js .dbj_absolute {
        position: absolute;
        background-color: var(--djoefClearblue);
        width: var(--ContentMaxWidth);
        padding: 0px 20px 20px;
        left: -20px;
        /* border-radius: 5px; */
    }
/*------------media -------------*/
@media only screen and (max-width: 640px) {
    .dbj_jobSearchBox {
        width: 100%;
    }
    .dbj_jobSearchBox form {
        flex-direction:column;
    }
}


        
/****************************************************
*
*       jobbox - liste af job efter søgning
*
******************************************************/
.dbj_joblist_main {
    display: flex;
    justify-content: center;
    gap: 20px;
}

    .dbj_joblist_main >div {
        flex:1;
    }

.dbj_jobJobliste {
    width: var(--specialWidth);
    max-width: var(--contentWiderWidth);
    margin: 0 auto;
}


.dbj_jobbox {
    margin-bottom:40px;
}

.dbj_jobbox div {
    background-color: var(--dbjBokse);
    
}

    /* logo */
.dbj_joblogo {
    padding: 20px 0 20px 20px;
    min-width: 150px;
    order: 2;
    float:right; /*20241010*/
}
    .dbj_joblogo img{
        max-width:110px; /*dbj_joblogo - padding */
        float:right; /*20241010*/
		max-height:70px;
    }

    /* jobindhold */
.dbj_jobbet {
    /* font-size: 1.3rem; */
    padding: 20px;
    padding-left:0; 
}

    .dbj_jobbet > div {
        margin-bottom:15px;
    }
    .dbj_jobbet > div:last-child {
        margin-top:18px;
        margin-bottom:4px;
    }

    

.dbj_jobHeadline a{
    text-decoration: none;
    color: var(--dbjTxtPrimary) !important;
    font-size: var(--fontsize24);
}

.dbj_jobHeadline {
    display:block;
    font-size:1.7rem;
}

.dbj_paginationNavigation {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
}

 .dbj_paginationNavigation a.nav_jobright {
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='angle-right' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512' class='svg-inline--fa fa-angle-right fa-w-8 fa-9x'%3E%3Cpath fill='black' d='M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z' class=''%3E%3C/path%3E%3C/svg%3E");
    display:block;
    height:30px;
    min-width: 16.76px;
    background-repeat: no-repeat;
    background-position:center;
    background-size: cover;
}

.dbj_paginationNavigation a.nav_jobleft {
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='angle-left' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512' class='svg-inline--fa fa-angle-left fa-w-8 fa-9x'%3E%3Cpath fill='black' d='M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z' class=''%3E%3C/path%3E%3C/svg%3E");
    display:block;
    height:30px;
    min-width: 16.76px;
    background-repeat: no-repeat;
    background-position:center;
    background-size: cover;
}

.dbj_paginationNavigation a svg{
    display:none;
} 

    .dbj_paginationNavigation .dbj_nav {
        width: 40px;
    }

    .dbj_paginationNavigation .cls-1 {
        fill: #fff;
    }

    .dbj_paginationNavigation .cls-1, .cls-2 {
        stroke: #000;
        stroke-miterlimit: 10;
        stroke-width: 2.13px;
    }
    .dbj_paginationNavigation .cls-2 {
        fill: none;
    }

/*------------media -------------*/
@media only screen and (max-width: 1250px) {
    

    .dbj_joblist_main {
        flex-direction: column;
    }

    .dbj_joblist_main {
        align-items: stretch;
    }

    
}
@media only screen and (max-width: 640px) {
    .dbj_jobJobliste {
        width: 100%;
    }
    .dbj_jobbox {
        display:flex;
        flex-direction: column-reverse;
    }

    .dbj_joblogo
    {
        padding-left: 0;
    }

    .dbj_joblogo img{
        float:left;
    }
}
@media only screen and (max-width: 800px) {
    .dbj_jobJobliste {
        margin-top:20px;
    }
}

/****************************************************
*
*       jobdetaljer
*
******************************************************/

.dbj_jobdetails {
    padding: 0;
    background-color: var(--dbjBokse);
    /* font-size: 1.3rem; */
}

.dbj_jobdetails h1{
    font-size: var(--fontsize50);
}

    .dbj_jobdetails .dbj_jobdetailsLogo {
        margin: 20px 0;
        max-height: 200px;
        height: 80px
    }
/****************************************************
*
*       Søgning med forslag
*
******************************************************/
.suggestionsList {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    .suggestionsList li {
        margin:unset;
    }

    .suggestionsList li a {
        border: 1px solid #ddd;
        margin-top: -1px; /* Prevent double borders */
        background-color: #f6f6f6;
        padding: 12px;
        text-decoration: none;
        font-size: 18px;
        color: black;
        display: block;
    }

    .suggestionsList li {
        display: none;
    }

        .suggestionsList li a:hover:not(.header) {
            background-color: #a5a3a3;
        }
/************/
    .autocomplete {
        /*the container must be positioned relative:*/
        position: relative;
        display: inline-block;
    }
.autocomplete-items {
    font-size: 1.3rem;
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
    text-align:left;
}
    .autocomplete-items div {
        padding: 10px;
        cursor: pointer;
        background-color: #fff;
        border-bottom: 1px solid #d4d4d4;
    }

    .autocomplete-items div:hover {
        /*when hovering an item:*/
        background-color: #e9e9e9;
    }
.autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: #82a6a0 !important;
    color: #ffffff;
}


/****************************************************
*
*       jobrullator
*
******************************************************/

.dbj_jobrullator a {
    text-decoration:none;
}


.dbj_jobrullator .item a {
    color: var(--dbjTxtPrimary) !important;
    text-transform: uppercase;
}

    .dbj_jobrullator .item img {
        max-height:70px;
        width:auto;
        max-width:210px;
    }
    
/****************************************************
*
*       jobrotator
*
******************************************************/
#jobrotator {
max-width: 100%;
display: flex;
justify-content: center;
flex-wrap: wrap;
}

#jobrotator2 > div {
    margin: 0 0 20px;
    width: 230px;
    padding: 20px;
    background-color: white;
}
#jobrotator2 a {
    text-decoration:none;
}
#jobrotator2 img {
    margin:0 auto 20px;
}


/*************************** fra customstyle.css *********************/


.dbj_frontpageSpecific {
    background-position-x: center;
    background-size: cover;
}

.dbj_frontpageSpecific #site-header {
    background-color: transparent !important;
}

#katFaneblad{
    /* min-height: 470px; */
}
#katFaneblad .dbj_miniTxt,
#katFaneblad .dbj_miniTxt a,
#regionFaneblad .dbj_miniTxt a
{
    font-size: 15px;
}

#katFaneblad>div{
    display: flex;
    flex-direction: column;
    
    flex-wrap: wrap;
    align-content: start;
    column-gap: 20px;
    z-index: 2;
}
#katFaneblad div div{
    flex:1;
}

#regionFaneblad .dbj_miniTxt div div {
    float: none !important;
}

@media (min-width: 500px) {
    #katFaneblad>div{
        max-height: 230px;
    }

    #regionFaneblad .dbj_miniTxt div div {
        float: left !important;
    }
}





.aka_titleOuter{
    background-color: var(--akaBeige);
}

.aka_titleOuter a{
    max-width: var(--ContentMaxWidth);
    margin: 0 auto;
    padding-left:110px;
    padding-top:32px;
    display:block;
    color:var(--dbjPrimary) !important;
}

.aka_titleOuter a:hover{
    text-decoration: underline;
}
.aka_titleOuter a span{
    color:black;
}


.dbjPageTitle{
    background-color: var(--akaBeige) ;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 105px;
    padding-bottom: 40px;
    /* padding-left:17%; 20241010*/
    max-width: var(--ContentMaxWidth);
    padding-left: 110px;
    padding-right: 433px;
}

.dbjPageTitle_special
{
    padding-top: 32px;
}

@media (max-width: 1250px) {
    .dbjPageTitle {
        padding-left: 20px;
        padding-right: 20px;
    }
    .aka_titleOuter a{
        padding-left:20px;
    }
}

.dbj_jobSearchBox {
    margin-bottom: 64px;
    min-height: 128px;
    /* border-radius: 0; */
}

@media only screen and (max-width: 640px) {
    .dbj_jobSearchBox form {
        flex-direction: initial;
    }

    .dbj_jobSearchBox {
        margin-bottom: 32px;
    }
}

@media only screen and (max-width: 440px) {
    .dbj_jobSearchBox form {
        flex-direction: column;
        row-gap: 20px;;
    }

    .dbj_jobSearchBox {
        margin-bottom: 0;
    }

    .dbj_jobSearchBox form div:nth-child(2) label
    {
        height:0;
    }

    .dbjPageTitle{
        padding-top: 56px;
    }
    .dbjPageTitle_special, .aka_titleOuter a
    {
        padding-top: 24px;
    }
}


.dbj_jobSearchBox .dbj_small_tm {
    display: none;
    /*!*/
}


.dbj_leftBannerBox {
    margin-bottom: 10px;
}


.dbj_boxtype_advanced header {
    color: var(--dbjTxtPrimary);
    text-transform: none;
    font-weight: 700;
}


@media (max-width: 1250px) {
    .regionlist {
        display: none;
    }

    /* .dbj_boxtype_advanced {
        width: 100%;
        
        margin: 40px auto 0;
        
    } */

    .dbj_leftBannerBox {
        display: none;
    }

    .dbj_boxtype_advanced header {
        display: none;
    }

    
}




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

.dbj_headerBox {
    background-color: transparent;
   color: var(--dbjTxtSecondary);
    font-weight: normal;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
}
.dbj_fullwidth_area {
   padding-top: 0;
}

.dbj_whitebox {
    margin-top: 32px; /*20241010*/
    max-width: var(--SmallWidth);
    line-height: 1.5;
}

.dbj_whitebox form {
    margin-top: 40px;;
}



.dbj_whitebox a {
    color:var(--dbjPrimary) !important;
    text-decoration: underline;
}



.dbj_whitebox input[type=email] {
    /* border-radius: 0; */
    padding: 12px 16px;
}

.dbj_whitebox input[type=submit] {
    color: var(--dbjTxtSecondary);
}


/************menu **************/
.toggle-inner {
    height:23px;
}

#lj_Burger_outer {
    padding-top: unset;
}


#lj_Burger_outer svg, #lj_Burger_outer span {
    height: 23px;
    width: 23px;
}


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: var(--dbjPrimary) !important;

}


.primary-menu li.current-menu-item>a,
.primary-menu li.current-menu-item:last-child>a {
    color: var(--dbjTxtSecondary) !important;
    font-weight: bold;
}

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










.aka_defaultContent{
    display: flex;
    justify-content: left;
    max-width: var(--ContentMaxWidth);
    width: 100%;
    margin: 0 auto;
    padding-right: 441px;
    padding-left: 110px;
}

@media only screen and (max-width: 1250px) {
    .aka_defaultContent{
        padding-left: 20px;
    }
}

@media only screen and (max-width: 1060px) {
    .aka_defaultContent{
        padding-right: 0;
    }
}



.aka_defaultContent .dbj_whitebox .dbj_linkButton
{
    margin-top: 40px;;
}

.dbj_jobJobliste .dbj_jobdetails .aka_linkButton {
    margin-left: 50%;
    width:auto;
    transform: translate(-50%,0);
}

.aka_defaultContent .dbj_whitebox .dbj_linkButton,
.aka_linkButton,
.dbj_jobJobliste .dbj_jobdetails .aka_linkButton {
    background-color: var(--djoefBlaa) !important;
    color: white !important;
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
    padding: 11px 31px;
    height: var(--linkbutton_defaultHeight);
}
.dbj_jobJobliste .dbj_jobdetails a
{
    color:var(--djoefBlaa) !important;
    font-family: GalanoClassicMedium, sans-serif;
}


.aka_defaultContent .dbj_whitebox .dbj_linkButton::after
{
    content:" →"
}



#site-header .primary-menu-wrapper ul li:last-child a:hover,
.dbj_linkButton:hover {
    color: var(--dbjHvid) !important;
    border-color: var(--dbjHvid);
}

#site-header .primary-menu-wrapper ul li:last-child a:before {
    /*content: url(images/lock-solid.svg);*/
    position: relative;
    display: inline-block;
    width: .9em;
    font: normal normal normal 0.9em/1 FontAwesome;
    font-size: inherit;
    color: #000;
    text-align: center;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: 0.3em;
    margin-right: 5px;
}

/**************** header ***************************/



.lj_flame {
    width: 20px;
    display: inline-block;
    margin-right: 20px;
    margin-bottom: -5px;
}

.header-navigation-wrapper {
    width: 100%;
}

/**************************/





.dbjHeader h3 {
    display: inline;
    font-weight: normal;
    font-size: 2.5rem;
    /*letter-spacing: -0.015em;*/
}


/**** søgning med faneblad **********/
.dbj_jobSearchBox input[type="text"],
.dbj_jobSearchBox form input[type="submit"] {
    padding-top: 10px;
    padding-bottom: 10px;
    height: var(--linkbutton_defaultHeight);
    border: 0;
}


#jobSearchFaneblad input {
    width:100%;
}

#jobSearchFaneblad input[type=submit]::after{
    content:"";
    background: url("images/search.png");
    width:20px;
    height:20px;
}






#jobSearchFaneblad div.dbj_miniTxt {
    margin-top: 5px;
    margin-bottom: 20px !important;
}
#jobSearchFaneblad h1.dbj_miniTxt {

    margin-bottom: 0.5rem;

    margin-top: 0;

}


/****************** forside blå box med øje ****************/
.aka_jobagentFrontBlock{
    margin-bottom: 0 !important;
}


/***** søge dropdowns ********/


.dbj_boxtype_advanced select,
.dbj_boxtype_advanced input[type="text"],
.dbj_boxtype_advanced form input[type="submit"] {
    border: none;
    width: 100%;
}

.dbj_boxtype_advanced select {
    color: #a19f9f;
    background-color: white;
    padding: 0 0.8rem;
    /* font-size: 1.3rem; */
    -webkit-appearance: none;
    /* fjern default-visning af dropdown-box på iphone */
}





/***** jobrullator**************/
.aka_jobrullatorArea{
    max-width: var(--ContentMaxWidth);
    margin:0 auto !important;
    padding-left: 20px;
    padding-right: 20px;
}

@media (min-width: 1240px){
    .aka_jobrullatorArea{
        padding-left: 0;
        padding-right: 0;
    }
}

.aka_jobrullatorArea .owl-stage-outer
{
    width:100%;
}

.dbj_jobrullator{
    border-top: solid black 1px;
}


.dbj_jobrullator .item {
    border-left: solid black 1px;
    padding-left:30px;
    padding-right: 30px;
    margin-left: 0;
    margin-right: 0 !important;
    width: 333px;
    background-color: white;
    padding: 20px;
}

.dbj_jobrullator .item img{
    max-width: 100%;;
}


.dbj_jobrullator .owl-item:first-child {
    margin-right: 0 !important;
}


.dbj_jobrullator .item a {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.uglebillede {
    height: 70px;
}

.ugletekst {
    text-align: center;
    margin-top: 25px;
}


.dbj_jobrullator .item a font {
    text-transform: none;
    font-weight: normal !important;
}

.dbj_jobrullator .item a b {
    text-align: center;
    margin-top: 30px;
}

.dbj_ledige {
    margin-top: 20px;
}
.dbj_ledige a{
    padding:11px 31px;
    font-size: 15px;
    background-color: var(--djoefBlaa);
    color:white !important;
}


.owl-height 
{
	max-height: 260px;
	-webkit-mask-image: linear-gradient(180deg, #000 90%, transparent);
}

@media (max-width: 640px){
    .dbj_ledige {
    margin: 40px 0;
    }
}


/********* faktaboks *****************/

.factboxcontainer{
    width: 270px;
    background-color: var(--djoefLysGraa);
    padding: 20px;
}
@media (max-width: 800px){
    .factboxcontainer{
        width:100%;
    }
}

.factboxcontainer img {
	max-height:100px;
}

.factboxcontainer a
{
    background-color: var(--dbjPrimary) !important;
    color:white !important;
    margin-top:32px;
    margin-bottom:32px;
    width:100%;
}

.factboxcontainer a:last-child
{
    background-color: transparent !important;
    color: var(--dbjPrimary) !important;
    margin:auto;
    text-decoration: underline;
}



.dbj_boxtype_std.dbj_smal {
    display: none;
}


.dbj_boxtype_std.lj_factbox {
    display: flex;
    column-gap: 10px;
}

@media (max-width: 1250px) {
    .dbj_boxtype_std.dbj_smal {
        display: block;
        display: flex;
        column-gap: 10px;
    }
}

.lj_factboxHeader {
    display: flex;
    column-gap: 10px;
}


.factboxitem {
    margin-bottom: 10px;
}

.factboxitem b {
    font-weight: normal !important;
    color: #000000;
}


.factboxitem font {
    color: #a19f9f;
}

.lj_ledigeJobItem {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.lj_jobCounterTxt {
    color: black;
    display: inline-block;
    margin-right: 0;
    margin-top: 0.5em;
    font-size: 0.9em;
}
.lj_jobCounter {
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
}

.lj_circleContainer a:hover div {
    color: #5ca9bd !important;
}


.lj_circleContainer a div {
    text-decoration: underline;
}


@media (max-width: 570px) {
    .lj_ledigeJobCounterArea {
        justify-content: space-evenly;
        column-gap: normal;
    }
}


/***** pink blok på forsiden ***********/
.aka_blueRowContainer
{
    background-color: var(--djoefLysGraa);
    padding-right: var(--minimargin);
    padding-left: var(--minimargin);
}

.aka_bluerow {
    color: black;
    max-width: var(--ContentMaxWidth);
    padding-top: 64px;
    padding-bottom: 64px;
    justify-content: space-between;
    flex-wrap: nowrap !important;
    margin:0 auto !Important;
}

.aka_bluerow .aka_bluRowInner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    row-gap: 20px;
}

.aka_bluerow .aka_bluRowInner p {
    font-size: 40px;
    margin-bottom: 32px;
}

.aka_bluerow .aka_blurowimg {
    flex-shrink: 4;
}

.aka_bluerow .aka_blurowimg,
.aka_bluerow .aka_bluRowInner {
    flex-basis: auto !important;
    flex-grow: unset !important;
}

@media (max-width: 640px) {
    .aka_blurowimg {
        display:none;
    }
} 


.lj_blueRow .wp-block-buttons {
    height: var(--linkbutton_defaultHeight);
}

.aka_bluerow svg {
    width: 200px;
}
/* 
@media (max-width: 1040px) {
    .aka_bluerow {
        padding-left: 20px;
        padding-right: 20px;
    }
} */


.lj_opretprofil_knap a,
.dbj_jobagentBox .wp-block-button a {
    color: white !important;
    text-transform: initial;
    padding: 11px 31px;
}

.lj_opretprofil_knap a:hover {
    color: var(--dbjTxtSecondary) !important;
    border-color: var(--dbjTxtSecondary);
}

.dbj_jobagentBox .wp-block-button a {
    height: var(--linkbutton_defaultHeight);
    display: block;
    width: 100%;
    text-align: center;
}



/***** rekrutteringsguiden ***********/

@media (max-width: 1000px) {
    .lj_rekruttering {
        display: none !important;
    }
}

.lj_rekruttering {
   gap: 30px;
}


.lj_rekruttering a {
    padding: 0;
    color: black !important;
    text-decoration: underline;
}

.lj_rekruttering a:hover {
    opacity: 0.5;
}


/****** forside 3 kolonner med redaktionelt indhold ***********************/

.dbj_front_fokus {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

.finans_redak_blok_container {
    background-color: var(--dbjPrimarySecondary);
}

.finans_redaktionel_blok {
    max-width: var(--ContentMaxWidth);
    margin-top: 80px !important;
    margin-bottom: 80px !important;
    margin-left:auto;
    margin-right: auto;
}

.finans_redaktionel_blok figure {
    margin-top: 0 !important;
    margin-bottom: 20px !important;
}

.finans_redaktionel_blok p:last-child {
    margin-bottom: 0;
}

@media (max-width: 1304px) {
    .finans_redaktionel_blok{
        margin-right: var(--minimargin) !important;
        margin-left: var(--minimargin) !important;
    }
    
}



/***** artikler - grøn blok *******/

.ugeskr_nyhedsheader {
    text-align: left;
    display: flex;
}


.ugeskr_nyhedsheader h3 {
    margin: auto 10px;
}

.lj_lgroenBG ul.wp_rss_retriever_list,
.ugeskr_nyhedsheader {
    width: 960px;
}

.ugeskr_graficon {
    width: 24px;
}

@media (max-width: 1000px) {
   .lj_lgroenBG {
        display: none;
    }
}

.lj_lgroenBG {
    background-color: var(--dbjPrimary);
    padding-bottom: 1em;
    padding-top: 1em;
}

.wp_rss_retriever {
    display: flex;
    justify-content: center;
}

.wp_rss_retriever ul:before,
.wp_rss_retriever ul:after {
    content: none;
}


.lj_lgroenBG .wp_rss_retriever_item {
    margin-left: 0 !important;
    line-height: normal;
}


.lj_lgroenBG ul.wp_rss_retriever_list {
    margin-bottom: 0;
   align-items: start;
}


.lj_lgroenBG div.wp_rss_retriever_item_wrapper {
    display: flex;
    flex-direction: column;
}

.lj_lgroenBG div.wp_rss_retriever_item_wrapper a {
    color: var(--dbjTxtSecondary);
}

.wp_rss_retriever_image {
    order: 1;
}

.wp_rss_retriever_title {
    order: 2;
    padding-left: 10px;
    height: 60px;
    max-height: 60px;
    font-size: 1.7rem;
}


.wp_rss_retriever_metadata {
    order: 3;
    padding-left: 10px;
    display: flex;
}


/******  jobdetaljer jopoplistning ********/

.aka_jobContainer
{
    display:flex;
    justify-content: space-between;
    /* padding-left: ; */
    width: 100%;
    max-width: var(--ContentMaxWidth);
    margin: 0 auto;
    margin-top:80px;
    padding-left: 110px;
}

@media (max-width: 1250px){
    .aka_jobContainer, .aka_job
    {
        padding-left: 20px;
    }
}

@media (max-width: 800px) {
    .aka_jobContainer{
        flex-direction: column-reverse;
        margin-top:32px;
        padding-left: 0;
    }
    .dbj_jobagentBox, .dbj_boxtype_std.lj_factbox{
        width:100% !important;
    }
    
}

.aka_job {
    max-width: 650px;
}
.aka_jobs {
    max-width: 752px;
}

.dbj_jobHeadline a {
    text-transform: initial;
}

.dbj_jobbet {
    color: var(--dbjTxtSecondary);
}




.dbj_jobbet .dbj_linkButton {
    display: inline-block;
}


.dbj_jobbox {
    border-bottom: solid var(--dbjSecondary) 0.8px;
}



/******* jobrotator2 ******/
.jobrotator2 font {
    color: var(--dbjTxtSecondary);
}

.jobrotator2 font b {
    font-weight: normal;
}


@media (max-width: 1250px) {
    .jobrotator2 {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        column-gap: 20px;
    }
}

.dbj_jobdetails ul{
    margin-left: .5rem;
}

.dbj_jobdetails .factboxcontainer,
.dbj_jobdetails .tid_og_detaljer
{
    display:none;
}

.dbj_jobdetails .aka_tilbage
{
    background-color: white !important;
    color:var(--dbjPrimary) !important;
    padding:0;
    margin-bottom: var(--minimargin);
}




.dbj_jobdetails .aka_tilbage::after{
    content:" →";
    color:black;
}



/****** jobagenbox *********/

.jobagent_intro{
    margin-bottom: 40px;
    font-size: var(--fontsize50);

}


.dbj_jobagentBox {
    color: white;
    background-color: var(--djoefClearblue);
    width:311px;
    /* border-radius: 0;; */
}


.dbj_jobagentBox .wp-block-button {
    margin-top: 16px;
    display: block;
}



/*** ### mobil-visning ### ***/

.lj_pakke>div {
    padding: 20px;
    border-top: solid #eee 1px;
}

.lj_pakkeLine {
    display: flex;
    /*justify-content: space-around;*/
    align-items: center;
    column-gap: 20px;
}

.lj_pakke h1:last-of-type {
    border-top: solid #eee 1px;
}

.lj_pakke {
    margin-bottom: 40px;
    border: solid black 2px;
    border-radius: 18px;
}

.lj_pakke h1 {
    text-align: center;
    padding: 3rem;
    margin: 0;
}

.lj_pakkeLine img {
    width: 30px;
    min-width: 30px;
}

.lj_pkTxt {
    flex-grow: 1;
}

/**********   speciel visning af et område på siden */

.lj_rekruttering_blok {
    background-color: #ebf2eb;
    margin: 0 calc(50% - 50vw);
    padding: 20px;
}

.lj_rekruttering_blok div {
    width: calc(100% - 5rem);
    max-width: 120rem;
    margin: 0 auto;
    padding: 0 20px;
}

/************** collapse - fold ud og ind i jobagent ********************/

.jobagent_selects input[type="checkbox"]
{
    margin-bottom: -2px;;
}

.jobagent_selects + input[type=submit]
{
    margin-top: var(--minimargin);
}


.jobagent_overskrift2{
    font-style: italic;
    margin-top:12px;
    margin-bottom: 12px;
}



/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */

.lj_active,
.lj_collapse_button:hover {
    background-color: #ccc;
}
.lj_active:after {
    content: "\2212";
    /* Unicode character for "minus" sign (-) */
}

/* Style the collapsible content. Note: hidden by default */
.lj_collapse {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}
/*******hot job ***********/
.lj_hot_right {
    background-color: var(--djoefLysGraa);
    padding: 20px;
}



@media (max-width: 1250px) {
    .lj_hot_right .dbj_headerBox {
        margin: 0 auto;
    }
}



@media (min-width: 1250px) {
    .lj_hot_right {
        
        width: fit-content;
    }
    .dbj_joblist_main .lj_hot_right{
        margin-top:150px;
    }

    /* .lj_hot_right .jobrotator2 div {
        border-radius: 0px;
    } */
}


/****** orange "ny" tag ****************/

.lj_newTag, .aka_opslaaetdato{
    display:inline-block;
    margin-right: 16px;
    color:var(--dbjPrimary);
    line-height: 24px;
}

.lj_newTag div {
    background-color: var(--djoefLysGraa);
    color: var(--djoefBlaa);
    display: inline-block;
    line-height: 24px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 12px;
}


/****** specials **********/

.dbj_lj_h3 {
    font-weight: normal;
    font-size: var(--defaultH3FontSize);
    /* letter-spacing: -0.015em;*/
}
.dbj_lj_h4 {
    margin: 0;
    font-weight: normal;
    font-size: unset;
    display: inline;
}

/**************  bannersektion *************/

.ugeskr_banner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.ugeskr_annoncehead {
    width: 100%;
    color: gray;
}

@media (max-width: 1000px) {
    .ugeskr_banner {
        flex-direction: column;
        row-gap: 16px;
    }


    .ugeskr_annoncehead {
        width: 300px;
        position: relative;
        margin: 0px auto;
   }
}


@media (max-width: 1250px) {
    .dbj_smalrows {
        flex-direction: column;
        row-gap: 10px;
        border: none !important;
    }
}


.dbj_boxtype_std.lj_factbox div font {
    font-weight: bold !important;
    color: var(--dbjTxtSecondary);
}

.dbj_boxtype_std.lj_factbox div b {
    color: var(--dbjTxtPrimary) !important;
}



/************* søge header på job siden **************************/




/******************** lignende stillinger ********************/

.lignendestillinger_by_tag_overskrift
{
    text-align: center;
    font-weight: 900;
    text-transform: uppercase;
    
}
.lignendestillinger_by_tag{
    max-width: var(--ContentMaxWidth);
    width: var(--contentWiderWidth);
    margin: 0 auto;
    border-top: solid black 1px;
    display:flex;
    /* column-gap: 30px; */
    justify-content: center;
    padding-top: 30px;
    margin-bottom: 120px;
}

.lignendestillinger_by_tag img{
    max-height: 70px;
}

.lignendestillinger_by_tag>div{
    flex-basis: 332px;
    border-left: solid black 1px;
    padding-left:30px;
    padding-right: 30px;
}
.lignendestillinger_by_tag>div:first-child
{
    border-left:none;
}

.lignendestillinger_by_tag a
{
    display:flex;
    flex-direction: column;
    row-gap: 30px;
}



.lignendestillinger_by_tag a div:first-child{
    height:70px;
    display: flex;
    align-items: center;
}



@media (max-width: 1000px) {
    .lignendestillinger_by_tag_overskrift, .lignendestillinger_by_tag
    {
        display:none;
    }
}