ul.job_listings {   }



div#load_here {
    position: relative;
}

div#load_here.loading::before,
a.load_more_jobs.loading::before,
ul.job_listings.loading::before {
    filter:drop-shadow(0px 0px 2px rgba(176,159,107,0.5));
    z-index: 999;
    content: " ";
    display: block;
    width: 90px;
    height: 90px;
    animation: spin 1s infinite linear;
    border-radius: 50%;
    border-width: 8px;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.75) #004d44 rgba(255, 255, 255, 0.75) #004d44;

    border-color: rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 1);

    overflow: hidden;
    text-indent: -99999em;
    margin: 10px auto;
    position: relative;

    margin: -45px 0 0 -45px;

    top: 0;
    left: 50%;
    margin: 20px 0 0 -45px;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}


ul.job_listings { margin-bottom: 40px;}


ul.job_listings>li{    margin:20px auto; position: relative; }


ul.job_listings>li>a {background: white; border-radius:12px; display: flex; padding: 20px; color: #545751; transition: all 0.2s ease; box-shadow:  0px 4px 4px rgba(0, 0, 0, 0.25);
   }
/*
ul.job_listings>li>a.is_ra { background: #CCF3F4; }
*/

#job-manager-bookmarks ul.job_listings>li>a { padding-right:60px; }
#job-manager-bookmarks ul.job_listings>li>p {   height: 100%;
    position: absolute; top: 0; right: 0; text-align:center; line-height: 1; }
#job-manager-bookmarks ul.job_listings>li>p a { display: block; width: 100%; height: 100%; top: 0; right: 0; text-align: center; font-size:32px; color: #545751; padding: 20px; }
#job-manager-bookmarks ul.job_listings>li>p a::before{content:'\00D7'; }
#job-manager-bookmarks ul.job_listings>li>p a:hover
{ font-weight: 700; }
#job-manager-bookmarks ul.job_listings>li>p a span {
    position: fixed; top:-100px; }

body.page-template-employer ul.job_listings>li>a {  border: 1px solid #B09F6B;}
ul.job_listings>li>a:hover  { box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); }

ul.job_listings>li>a>p.logo {
    position: relative;}
ul.job_listings>li>a>p.logo picture { display:block; width:99px;  min-width:99px;height: 99px;border-radius: 50%;
    position: relative; margin-right: 20px; overflow: hidden;  background: #FFFFFF;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25); }

ul.job_listings>li>a>p.logo img { object-fit: contain; width: 100%; height: 100%;  display: block;
    position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);  }


ul.job_listings>li>a.is_ra>p.logo span {  display: block; font-size: 11px; background:#00B2B9; color: white;
    position: absolute; right: 0; top:0; width: 5em;

    width: 6em;
    height: 6em; text-align: center;

    width: 5em;
    height: 5em;
    border-radius: 50%;

    float: right;
    font-size: 12px !important;

    text-align: center;
    text-transform: uppercase;
    line-height: 14px !important;
    display: flex;
    align-items: center;


}
ul.job_listings>li>a.is_ra>p.logo span em {
    font-style: normal !important;
    display: block;
    width: 100%;
}


ul.job_listings>li>a h2 { font-size: 20px; font-weight: 700; margin-bottom: 0.25em;  margin-bottom: .5em;
    line-height: 1.2; }

ul.job_listings>li>a ul.meta { display: flex; align-items: center; }
ul.job_listings>li>a ul.meta li { /*font-weight: 600;*/ font-weight: 700;font-size: 16px; line-height: 1.25;  margin:0 1em 1em 0;  }
ul.job_listings>li>a ul.meta li:last-child {  margin-right: 0;  }


ul.job_listings>li>a ul.meta+div { margin-top: auto;}
ul.job_listings>li>a div.details {  display: flex; align-items: center; align-content:center; }
ul.job_listings>li>a div.details p {    margin: 1em 1em 0 0;
    font-size: 12px;
    line-height: 1.35;
    color: #81827F; }

.location {


}


ul.job_listings>li>a>div.info {  flex: 1;  display: flex; flex-direction: column; }

ul.job_listings>li>a>div.info p.date:last-child { margin-top: auto; font-size: 12px; line-height: 1.35; color: #81827F; }


@media all and (max-width: 899px) {

}

@media all and (max-width: 599px) {
    ul.job_listings>li>a { display: block;}
    ul.job_listings>li>a>div.info { margin-bottom: 10px;}

    ul.job_listings>li>a ul.meta { display: block; margin-bottom: 10px; }
    ul.job_listings>li>a ul.meta li{  margin-bottom: 0.5em; }
}


.hasicon { padding-left: 1.5em;
    position: relative;}
.hasicon::before  {
    display: inline-block; content:"";
    margin-right: 0.5em;
    position: absolute; left:0; top: 50%; transform: translateY(-50%);    background-repeat: no-repeat;
    background-position: center bottom;
    height:1.25em; width: 1em; background-size: contain;
}



a.load_more_jobs {
    display: block; position: relative; top: -20px; margin-bottom: 30px; }

a.load_more_jobs strong {
    border: 1px solid #00B2B9;
    background: #00B2B9;
    color: #FFFFFF;
    font-weight: 700;
    transition: all 0.2s ease;
    cursor: pointer;
    font-family: inherit;
    display: inline-block;

    border-radius: 12px;
    font-size: 16px;
    line-height: 1 !important;
    padding: 1em 2em; margin: 0.5em 0;
    margin-left: 50%; transform: translateX(-50%);
}
a.load_more_jobs:hover strong {
    background: #4B4E49; border-color:#4B4E49;
}

a.load_more_jobs.loading strong { display: none;}


a.load_more_jobs.loading::before { top: 20px;}

.hasicon.location::before  {

    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 14 20" style="enable-background:new 0 0 14 20;" xml:space="preserve"><path fill="%23545751" d="M7,0C3.1,0,0,3.1,0,7c0,5.2,7,13,7,13s7-7.8,7-13C14,3.1,10.9,0,7,0z M7,9.5C5.6,9.5,4.5,8.4,4.5,7 S5.6,4.5,7,4.5S9.5,5.6,9.5,7S8.4,9.5,7,9.5z"/></svg>');

    height:1.25em; width: 1em;
}