/* TYPE */

html {
    font-size: 62.5%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

@media all and (max-width: 767px) {
    /*html { font-size:87.5%; } */
}

body {
    width: 100%;
    top: 0 !important;

    /*font-family: 'lato', sans-serif;*/
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 1.5;
    color: #30312C;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    background: #eeeae1;
    background: #ede9df;
    overflow-x: hidden;
    overflow-y: scroll; /* has to be scroll, not auto */
    -webkit-overflow-scrolling: touch;

    transition: transform 0.4s ease;

    --scrollbar-width: calc(100vw - 100%);
    /*--scrollbar-width-nocalc:(100vw -100%);*/
}

html {
    height: 100%;
}

body {
    min-height: 100%;
}

body {
    display: flex;
    flex-direction: column;
}


.content > .wrapper > .textcontent > h2,
.textcontent h3 {
    font-size: 21px;
    line-height: 30px;
    /*font-weight: 800;*/
    font-weight: 900;
    margin-bottom: 1em;
}

#stat_filter+.textcontent h3 {
    text-align: center;
}


.textcontent p, .textcontent div,
.textcontent li {
    font-size: 16px;
    line-height: 22px;

}


.textcontent p, .textcontent div {
    padding-right: 1em;
    margin-bottom: 1em;
}
.textcontent p.cen { text-align:center; }

.textcontent p:last-child {
    /*margin-bottom: 0;*/
}

.textcontent ul li {
    margin-left: 1em;
    margin-bottom: 0.5em;
    list-style: disc;
}

.textcontent ul:not(.social) > li:last-child {
    margin-bottom: 1em;
}


.textcontent p strong,
.textcontent li strong {
    font-weight: 700;

}


.textcontent p em,
.textcontent li em {
    font-style: italic;

}

.textcontent header:not(#search_header):not(.metaheader) {
    padding:0 0 24px;
}

.textcontent header h1 {
    /*font-weight: 900;*/
    font-weight: 900;

    font-size: 36px;
    line-height: 1.2;
    margin-bottom: 0.25em;
}

body.page-template-template_signup .textcontent header h1 { text-align:center; }

.textcontent header h1 + p {
    /*font-weight: 500;*/
    font-weight: 400;
    font-size: 32px;
    line-height: 140%;
    margin-bottom: 0.5em;
}

.textcontent header .meta {

    display: flex;
    justify-content: space-between;
    align-items: center;

}



@media all and (max-width: 899px) {
    .opening .textcontent p:not(.cta) ,
    #county_top h1,
    .textcontent header h1 {
        font-size: 28px;

        line-height: 1.2;
        margin-bottom: 0.25em;
    }

    .textcontent header h1 + p {
        font-size: 24px;
        line-height: 120%;
        margin-bottom: 0.5em;
    }
}

.textcontent header .meta ul {
    display: flex;
    align-items: center;
    align-content: center;
}

.textcontent header .meta {
}


.textcontent header h1 + .meta,
.textcontent header p + .meta,
.textcontent header .author + .meta
{
    border-top: 1px solid #565148;
    padding-top: 1rem;
    margin-top: 1rem;
}

p.cta { text-shadow:none !important; }


ul.cta {display:flex; flex-wrap:wrap; list-style: none !important; margin-bottom: 10px; }

ul.cta li {list-style: none !important;}
ul.cta li,
#county_top p.cta,
.textcontent p.cta, .tagcontent p.cta {
    font-size: 16px;
    line-height: 20px;
    margin: 1.5em 0;
    text-shadow: none !important;
}

/*.textcontent p.cta:last-child { margin-bottom:0;}*/

body.page-template-employer .textcontent p.cta:last-child { margin-bottom:0; }

ul.cta li { margin:0.5em 0.5em 0.5em 0; }

ul.cta li a,
#county_top p.cta a,
.textcontent p.cta span:only-child,
.textcontent p.cta a:only-child, .tagcontent p.cta a:only-child {
    text-shadow: none !important;
    font-weight: 700;
    color: inherit;
    border-radius: 12px;
    /*border: 1px solid currentColor;*/


    border: 1px solid #B09F6B;
    background: #B09F6B;
    color: #FFFFFF;

    padding: 0.5em 1em;padding: 0.75em 2em;
    display: inline-block;
    transition: all 0.2s ease;

    display: inline-flex;
    align-items: center;
    align-content: center;
}


ul.cta li a { border: none !important; background:#CEBF89; }

ul.cta li a:hover,
#county_top p.cta a:hover,
.textcontent p.cta span:only-child:hover,
.textcontent p.cta a:only-child:hover, .tagcontent p.cta a:only-child:hover  {
    background: #CEBF89;
    color: #222222;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);
    border-color: #CEBF89;
}

ul.cta li a:hover,
ul.cta li a.current { background:#004D44; color:#FFF !important; }



#profile_nav+.textcontent ul.cta li { width:calc(50% - 10px); margin:0.5em 0; }
#profile_nav+.textcontent ul.cta li a {  display: block; text-align: center; padding: 1em; }
#profile_nav+.textcontent ul.cta li:not(:last-child) { margin-right: 20px; }

@media all and (max-width: 899px) {
    #profile_nav+.textcontent ul.cta li { font-size: 14px; }
}
@media all and (max-width: 599px) {
    #profile_nav+.textcontent ul.cta li,
    #profile_nav+.textcontent ul.cta li:not(:last-child) { width: 100%; margin-right: 0; font-size: 12px; }
}
.mailpoet_page .box p a,
.mailpoet_confirm_unsubscribe a,
.messagebox p a,.messagebox p a:link,.messagebox p a:visited,
#jumpingoff a, #jumpingoff a:link, #jumpingoff a:visited,
.textcontent p:not(.cta):not(.social) a, .textcontent p:not(.cta):not(.social) a:link, .textcontent p:not(.cta):not(.social) a:visited,
.textcontent ul:not(.social) li a, .textcontent ul:not(.social) li a:link, .textcontent ul:not(.social) li a:visited ,
.textcontent div a, .textcontent div a:link, .textcontent div a:visited,
ul.job-dashboard-actions a,ul.job-dashboard-actions a:link,ul.job-dashboard-actions a:visited
{
    font-weight: 700;
    background-image: linear-gradient(120deg, #CEBF89 0%, #CEBF89 100%);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 100% 0;
    border-bottom: 1px solid currentColor;
    color: inherit;
    text-decoration: none;
    transition: background-size 0.2s ease;
}
.mailpoet_page .box p a:hover,
.mailpoet_confirm_unsubscribe a:hover,
.messagebox p a:hover,
 #jumpingoff a:hover,
.textcontent p:not(.cta):not(.social) a:hover,
.textcontent :not(.social) li a:hover,
.textcontent div a:hover,
ul.job-dashboard-actions a:hover {
    background-size: 100% 100%;
    color: #222222;
    border-bottom: 1px solid #A89769;
}



.breadcrumbholder .textcontent { width: 100%; max-width: none; margin: 0; }
.breadcrumbholder .textcontent p.cta{   margin:1rem 0 0; }



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

}


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

    /*.textcontent blockquote {

        padding: 32px;
    }*/

    .textcontent blockquote p {
        font-size: 24px;
        line-height: 140%;
    }

    .textcontent blockquote cite {
        font-size: 16px;
        line-height: 30px;
}

.breadcrumbholder .textcontent { text-align:center; }


}


/*
.textcontent li a,
.textcontent p a,
.textcontent div a
{  color: inherit; font-weight: 600;  transition: all 0.2s ease; text-decoration:none;
    background-image:linear-gradient(currentColor,currentColor),linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0));
    background-position:0 100%,0 100%;background-repeat:no-repeat,no-repeat;background-size:0 1px,100% 1px;transition:background-size .2s;

}
.textcontent li a:hover,
.textcontent p a:hover,
.textcontent div a:hover{   background-size:100% 1px,100% 1px}
*/



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


    .textcontent li,
    .textcontent p, .textcontent div {
        font-size: 16px;
        line-height: 22px;
    }


    .breadcrumbholder .textcontent p.cta{   margin:1.6rem auto 0; font-size: 1.2rem }
}

@media all and (min-width: 600px) {


}

@media all and (min-width: 900px) {


}

@media all and (min-width: 1200px) {


}

@media all and (min-width: 1500px) {

}

#footerbottom .underline li span,
.underline a {
    transition: all 0.2s ease;
    text-decoration: none;
    padding: 3px 0;
    background-image: linear-gradient(currentColor, currentColor), linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    background-position: 0 100%, 0 100%;
    background-repeat: no-repeat, no-repeat;
    background-size: 0 1px, 100% 1px;
    transition: background-size .5s;

}
#footerbottom .underline li span:hover,
.underline a:hover {
    background-size: 100% 1px, 100% 1px
}

/*}*/







table {
    border-collapse: collapse;
    min-width: 100%;
    background: white;
}

/*table~p  { font-size: 1.6rem; padding: 0 1.8rem; margin: 0.5em 0; line-height: 1.3; max-width: 40em; }
table+p { margin-top: 1em }*/

/*div.textcontent h2 { margin-left:1.8rem; }*/
  table {
    min-width: 100%;
}

/*
.textcontent+#job-manager-job-dashboard {margin-top: 20px;}
*/

#job-manager-alerts td, #job-manager-alerts th,
th, td {
    border-bottom: 1px solid #A89769;
    /*background: rgba(206, 191, 137, 0.2);*/
    color: #545751;
    padding: 1em;

    line-height: 1.3;
    vertical-align: top;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;

}
#job-manager-alerts th,
th {background: #A89769; color: white; }
@media all and (max-width: 899px) {

    th, td { font-size: 1.4rem; }
    /*div.textcontent h2 { margin-left:1.4rem; }*/

}

tr:nth-child(even) td, tr:nth-child(even) th {
    background: rgba(225, 218, 199, 0.25);
}

table, table th, table td {
    border: 1px solid #A89769;
}


table td a{ color: inherit; }

table th.expires,
table td.expires,
table th.expires_or_closing_date,
table td.expires_or_closing_date {  display: none !important; }

table td { font-size: 14px; }
table td.date { white-space: nowrap; }
td.job_title { font-size: 18px;   }


ul.job-alert-actions {

}




#job-manager-job-dashboard>p:first-child { display: none;}

#job-manager-alerts table ul.job-alert-actions li:after,
ul.job-dashboard-actions li:after { display: none !important;}
#job-manager-alerts table ul.job-alert-actions,
ul.job-dashboard-actions { margin-top:10px; display: flex; flex-wrap: wrap; visibility:visible;  }
ul.job-alert-actions li,
ul.job-dashboard-actions li { font-size: 12px; margin: 0 0.5em 0.5em 0; }
ul.job-alert-actions li a,
ul.job-dashboard-actions li a{ color: #666; }

@media all and (max-width: 599px) {
    table.job-manager-alerts thead tr {position: absolute;
        top: -9999px;
        left: -9999px;
    }
    table.job-manager-alerts, table.job-manager-alerts tbody,
    table.job-manager-alerts tr,
    table.job-manager-alerts th, table.job-manager-alerts td {
        display: block; width: 100%;}

    table.job-manager-alerts th, table.job-manager-alerts td {
        border:none !important;}

    table.job-manager-alerts td:not(:last-child){ padding-bottom: 0 !important}
    table.job-manager-alerts tr:not(:last-child){
        border-bottom: 1px solid #A89769;
    }


    table.job-manager-alerts td::before { font-weight: 700; display: block; margin-bottom: 2px; }
    table.job-manager-alerts td:nth-of-type(1)::before { content: "Alert Name: "; }
    table.job-manager-alerts td:nth-of-type(2)::before { content: "Keywords: "; }
    table.job-manager-alerts td:nth-of-type(3)::before { content: "Location: "; }
    table.job-manager-alerts td:nth-of-type(4)::before { content: "Frequency: "; }

    #job-manager-alerts table ul.job-alert-actions {display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 10px;}
    #job-manager-alerts table ul.job-alert-actions li { display: block; margin: 5px 0 0;   font-size: 12px; width: calc(50% - 0.5em);    }
    #job-manager-alerts table ul.job-alert-actions li a{ visibility: visible;}

    #job-manager-alerts table ul.job-alert-actions li:after,
    #job-manager-alerts table ul.job-alert-actions li a:after{ display: none !important;}

}


#faqnav {

    position: relative;
    /*top: 21px;*/ margin-bottom: 24px;
}

#faqlinks {
    display: flex;
    align-items: center;
    justify-content: center;
}

#faqlinks li {
 margin: 0 10px;
    font-size: 16px;

}

#faqlinks li a{
    display: block; background: white;background: #e1dac7;
    padding: 1em 1.25em;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;

    border-radius: 12px;
    font-weight: 700; color: #545751;
    /*border-bottom: 1px solid #B09F6B;*/
    position: relative;
}
#faqlinks li a::before{ display: inline-block;
    content: "";
    margin-right: 0.5em;
    position: relative;
    top: 0.125em;
    background-repeat: no-repeat;
    background-position: center bottom;
    height: 1.25em;
    width: 1em;}


#faqlinks li a.current{ background: white; border-bottom: 1px solid #FFFFFF; }

#faqlinks li a.current::after {
    display: block;
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    background: inherit;
    position: absolute;
    bottom:1px;
    left: 20px;
    transform: translateY(50%) rotate(45deg);
}

#faqlinks li a.jobseeker-faq::before {
    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 36 40" style="enable-background:new 0 0 36 40;" xml:space="preserve"><path fill-rule="evenodd" clip-rule="evenodd" fill="%23545751" d="M35,38.9c0,0.5-0.4,1.1-1.1,1.1H2.1C1.5,40,1,39.6,1,38.9c0-9.5,7.6-17.3,17-17.3S35,29.4,35,38.9z M18,19.5 c-5.3,0-9.6-4.3-9.6-9.7C8.4,4.3,12.7,0,18,0s9.6,4.3,9.6,9.7C27.6,15.1,23.3,19.5,18,19.5z"/></svg>');
}
#faqlinks li a.employer-faq::before {
    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 36 40" style="enable-background:new 0 0 36 40;" xml:space="preserve"><g><g><path fill="%23545751" d="M21.5,27h-7v10.5h7V27z"/><path fill="%23545751" d="M0.5,37.5H11v-14h14v14h10.5v-35h-35V37.5z M25,9.5h3.5V13H25V9.5z M25,16.5h3.5V20H25V16.5z M16.2,9.5h3.5 V13h-3.5V9.5z M16.2,16.5h3.5V20h-3.5V16.5z M7.5,9.5H11V13H7.5V9.5z M7.5,16.5H11V20H7.5V16.5z"/></g></g></svg>');
}

section.faq>h2:first-child { visibility: hidden;
    position: fixed; top: -100px; }
section.faq>h3,
section.faq>div:not(:last-child) { border-bottom: 1px solid #545751; margin: 0; }
 section.faq>div {  margin: 0; padding: 20px 0; }
.textcontent section.faq>div>div {margin: 0; padding: 10px 0 0 22px;  }

section.faq>div h3 { margin: 0; line-height: 1.2;  display: flex;}
section.faq>div h3 span { display: block; flex: 1; }
section.faq div>p:last-child { margin: 0;}

section.faq>h3 { padding: 1em 22px; }

section.faq>div h3::before{
    display: block;
    margin-right: 6px;
    content:"";
    width:16px;
    height:1em;
    background-size:contain;
    background-repeat: no-repeat;
    background-position: center bottom;
    position: relative; bottom:0.2em;
    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 16.5 8.9" style="enable-background:new 0 0 16.5 8.9;" xml:space="preserve"><path fill="none" stroke-width="2" stroke="%23545751" stroke-miterlimit="10" d="M16,0.5l-3.9,3.9L8.3,8.4L0.5,0.5"/></svg>');

}
section.faq>div h3.opened::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 16.5 8.9" style="enable-background:new 0 0 16.5 8.9;" xml:space="preserve"><path fill="none" stroke-width="2" stroke="%23545751" stroke-miterlimit="10" d="M0.5,8.4l3.9-3.9l3.9-3.9L16,8.4"/></svg>'); }

@media all and (max-width: 599px) {
    section.faq>div {  padding: 16px 0; }
    section.faq>div h3 { font-size: 16px; }
    section.faq>div h3::before{ width:14px; margin-right: 6px; }
    .textcontent section.faq>div>div { padding: 8px 0 0 20px;  }

    section.faq>h3 { font-size: 18px;padding: 1em 20px; }

    section.faq div>p:last-child { font-size:14px;}


    #faqlinks li { margin:0 5px; font-size: 14px; }
    #faqlinks li:first-child { margin-left:0; }
    #faqlinks li:last-child { margin-right:0; }

}
@media all and (max-width: 449px) {
    #faqlinks li {  font-size: 12px; }




}