/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 .jobs-list{margin-bottom: 20px;}
 
 #pagination_link{display: inline-block;}

.job-application-header{text-align: center; margin-bottom: 20px;}

#job-application-form input, #job-application-form select{width: 100%; max-width: 100%;}
#job-application-form input[type=checkbox]{width: auto; margin-right: 10px;}

.select2-container{max-width: 100%;}
.select2-container--default .select2-search--inline .select2-search__field{line-height: 1rem;}

textarea.fullwidth{width: 100%; min-height: 200px;}

#job-application-form .with-info select{max-width: calc(100% - 30px); float: left; display: inline-block;}

.info-link{background-color: #2184be; border: none; border-radius: 50%; width: 20px; height: 20px; color: #fff; font-size: 1rem; margin: 10px 0 0 10px; float: left;}

.modal-content .close{margin-left: auto;}

.lined{text-align: center; overflow: hidden; margin: 20px 0;}
.lined:before, .lined:after{content: ""; display: inline-block; width: 50%; margin: 0 .5em 0 -55%; vertical-align: middle; border-bottom: 1px solid;}
.lined:after{margin: 0 -55% 0 .5em;}
.lined span{display: inline-block; vertical-align: middle;}

#page .filebutton{display: none;}
#page .styled-filebutton{display: block; margin: 0 auto; max-width: 200px; text-align: center; background: #2184be; color: #fff; padding: 0.5em 1em; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer;}

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

.more-jobs{float: left; clear: both;}

.single-job ul.job-details{padding: 0;}

/*#page .searching__post .job-details{margin: 0; padding: 0;}*/
#page .searching__post .job-details .clock,
#page .searching__post .job-details .pin,
#page .searching__post .job-details .point{left: 0; top: -2px;}

#page .searching__content .loading{min-height: 200px; background: url(../assets/images/loader.gif) 50% 50% no-repeat;}

.job-info{display: block; margin: 0 0 20px;}
.job-info a{cursor: pointer;}

.notice-container{margin: 20px auto 0; padding: 0 44px; max-width: 1300px; width: 100%;}
.notice{margin: 5px 0; padding: 5px 10px; text-align: left; border-radius: 5px;}
.notice.green{background-color: #F4FFEB; border: 1px solid #418031; color: #418031;}
.notice.blue{background-color: #D9EDF7; border: 1px solid #D9EDF7; color: #31708F;}
@media screen and (max-width: 778px){
    .notice-container{padding: 0 20px;}
}

/* More Jobs */
.more-jobs .searching__post{border: none; padding: 0; font-size: 13px; line-height: 17px;}
.more-jobs .searching__post header{display: flex; flex-wrap: wrap; -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: justify; justify-content: space-between; padding: 10px 20px; background: #ededed;}
.more-jobs .searching__post header .subhead{font-size: 13px;}
.more-jobs .searching__post .heading .headline{font-size: 20px; line-height: 1.5; text-transform: uppercase; font-weight: 700; font-family: "Oswald", sans-serif; margin-bottom: 20px; padding-right: 10px;}
.more-jobs .searching__post .rich-text{margin-bottom: 20px;}
.more-jobs .searching__post .job-details{margin: 0; padding: 0;}

/* Filters */
.sub-cat-wrapper{display: none; margin-bottom: 10px; width: 100%;}

/* Pay Details */
.job-pay-details .info{font-size: 0.675rem; line-height: 1.3;}
.pay-detail{display: flex; justify-content: space-between; align-items: center; gap: 10px; margin: 10px 0; position: relative;}
.pay-detail .label{padding-left: 26px; position: relative;}
.pay-detail .label:before{content: ""; width: 18px; height: 18px; position: absolute; left: 0; top: 0; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBMaWNlbnNlOiBQRC4gTWFkZSBieSBNYXJ5IEFrdmVvOiBodHRwczovL21hcnlha3Zlby5jb20vIC0tPgo8c3ZnIGZpbGw9IiMwMDAwMDAiIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBpZD0icXVlc3Rpb24iIGRhdGEtbmFtZT0iRmxhdCBDb2xvciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBjbGFzcz0iaWNvbiBmbGF0LWNvbG9yIj48Y2lyY2xlIGlkPSJwcmltYXJ5IiBjeD0iMTIiIGN5PSIxMiIgcj0iMTAiIHN0eWxlPSJmaWxsOiByZ2IoMCwgMCwgMCk7Ij48L2NpcmNsZT48cGF0aCBpZD0ic2Vjb25kYXJ5IiBkPSJNMTYsOWEzLjQxLDMuNDEsMCwwLDEtMi4yOSwzLjM5Yy0uNzEuMzQtLjcxLjM5LS43MS42MWExLDEsMCwwLDEtMiwwLDIuNiwyLjYsMCwwLDEsMS44NC0yLjQyQzEzLjYxLDEwLjIxLDE0LDEwLDE0LDlhMSwxLDAsMCwwLS40OS0uODZBMi44MiwyLjgyLDAsMCwwLDEyLDcuNzVjLS42OSwwLTIsLjI2LTIsMS4yNUExLDEsMCwwLDEsOCw5YzAtMS44OCwxLjY4LTMuMjUsNC0zLjI1UzE2LDcuMTIsMTYsOVptLTQsNi41QTEuNSwxLjUsMCwxLDAsMTMuNSwxNywxLjUsMS41LDAsMCwwLDEyLDE1LjVaIiBzdHlsZT0iZmlsbDogcmdiKDI1NSwgMjU1LCAyNTUpOyI+PC9wYXRoPjwvc3ZnPg=="); background-size: contain; background-repeat: no-repeat;}
.pay-detail .value{min-width: 70px; background: #000; color: #fff; text-align: center; border-radius: 5px; padding: 5px;}

.hover_modal{position: absolute; left: calc(100% + 20px); width: 100%; background: #fff; border: 2px solid #000; border-radius: 10px; padding: 10px 20px; visibility: hidden; opacity: 0; transition: opacity 0.5s ease; z-index: 9999;}


.hover_modal .left-arrow{position: absolute; left: -1px; top: 50%;}
.hover_modal .left-arrow::before {
  content: '';
  position: absolute;
  top: 50%;
  left: -27px;
  transform: translateY(-50%);
  border: 14px solid transparent;
  border-right-color: black;
}
.hover_modal .left-arrow::after {
  content: '';
  position: absolute;
  top: 50%;
  left: -23px;
  transform: translateY(-50%);
  border: 13px solid transparent;
  border-right-color: white;
}

.pay-detail .hover_modal .close{display: none; background-color: #000; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cgo8IS0tIExpY2Vuc2U6IEFwYWNoZS4gTWFkZSBieSB2YWFkaW46IGh0dHBzOi8vZ2l0aHViLmNvbS92YWFkaW4vdmFhZGluLWljb25zIC0tPgo8c3ZnIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDE2IDE2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgo8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTUuMSAzLjFsLTIuMi0yLjItNC45IDUtNC45LTUtMi4yIDIuMiA1IDQuOS01IDQuOSAyLjIgMi4yIDQuOS01IDQuOSA1IDIuMi0yLjItNS00Ljl6Ij48L3BhdGg+Cjwvc3ZnPg=='); background-size: 18px; background-position: center; background-repeat: no-repeat; width: 35px; height: 25px; border-radius: 5px; position: absolute; top: 5px; right: 5px;}

.pay-detail:hover > .hover_modal{visibility: visible; opacity: 1;}

.hover_modal .line-item{display: flex; justify-content: space-between; gap: 10px; margin: 10px 0;}
.hover_modal .line-item .li-value{font-weight: bold;}
.hover_modal .line-item .li-value.green{color: #c0d200;}
.hover_modal hr{margin: 0.5rem 0;}

#hover_1{top: -50px;}
#hover_1 .left-arrow{top: 60px;}

.job-pay-details p:last-child{margin-bottom: 0;}

@media only screen and (max-width: 767px) {
    .searching__post.details .heading{margin-bottom: 0;}

    div.searching__post.details .row{flex-flow: column; gap: 10px;}
    div.searching__post.details .row > div{border-right: none !important; border-bottom: 1px solid #fff; padding-bottom: 10px;}

    .searching__post.details header{position: relative;}
    .pay-detail{position: initial;}

    .hover_modal .left-arrow{display: none;}
    .pay-detail .hover_modal .close{display: block;}
    .pay-detail .hover_modal{padding: 20px 40px 20px;}
    .pay-detail.open .hover_modal{visibility: visible; opacity: 1; top: 10px !important; left: 20px; right: 20px; width: calc(100% - 40px);}
}

/* Type */
.type-select{background-color:#1a2a44; padding:2px; border-radius:5px; display:inline-flex; overflow:hidden; width:100%;margin-bottom:20px;}
.type-btn{background-color:#a0a0a0; color:white; border:none; padding:10px 20px; font-size:16px; cursor:pointer; transition:background-color 0.3s; border-radius:0; flex:1; text-align:center;}
.type-btn:first-child{border-top-left-radius:5px; border-bottom-left-radius:5px;}
.type-btn:last-child{border-top-right-radius:5px; border-bottom-right-radius:5px;}
.type-btn.selected{background-color:#c3d600;}
.type-btn:hover:not(.selected){background-color:#b0b0b0;}