/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 06 2021 | 19:15:05 */
/*...............................................................................................................Basic Header Adjustments */
.single-jobs .jobs-modal-table {
margin: 70px 0 0 0 !important;
}
.ty_joblist_page .entry .entry-title:before {
display: none !important;
}

/*...............................................................................................................Banner Formatting */
.ty_job_styles .ty_job_banner {
width: 100%;
height: 300px;
background-size: cover;
background-repeat: no-repeat;
background-position: center top;
}


/*...............................................................................................................Entry Formatting */
/*................................................Media Queries for Height Adjustment */
.ty_joblist_page .site-content {
margin: 30px 0 0 0 !important;
}
@media only screen and (max-width: 1000px) {/*..........................Lower Query */
.single-jobs .site-content {
margin: 0 !important;
}
.single-jobs .job-post {
padding: 0 15px !important;
}
}/*..........................End Lower Query */
.ty_job_styles .entry-header {
height: 230px !important;
margin: 0 !important;
}
@media only screen and (min-width:501px) and (max-width:1000px) {/*..........................Med Lower Query */
.ty_job_styles .entry-header {
height: 130px !important;
margin: 0 !important;
}
}/*..........................End Med Lower Query */
@media only screen and (max-width: 500px) {/*..........................Small Query */
.ty_job_styles .entry-header {
height: 130px !important;
margin: 0 !important;
}
}/*..........................End Small Query */
.ty_job_styles .entry-content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
background-color: #ffffff !important;
}
.ty_job_styles .entry-title {
display: none !important;
}

/*................................................Full Flex for Job Entries */
/*................................................Media Queries for Width Adjustment */
.ty_job_styles .entry-content .job-listing {
display: flex;
width: 65% !important;
max-width: 1400px !important;
margin: 0 0 30px 0 !important;
}
@media only screen and (min-width:501px) and (max-width:1000px) {/*..........................Med Lower Query */
.ty_job_styles .entry-content .job-listing {
display: flex;
width: 90% !important;
max-width: 900px !important;
}
}/*..........................End Med Lower Query */
@media only screen and (max-width: 500px) {/*..........................Small Query */
.ty_job_styles .entry-content .job-listing {
display: flex;
width: 95% !important;
max-width: 600px !important;
}
}/*..........................End Small Query */

.ty_job_styles .entry-content .col-md-12 {
display: flex;
flex-direction: column;
}

@media only screen and (max-width: 500px) {/*..........................Small Query */
.ty_job_styles .job-preview .job-content h5 {
font-size: .7em !important;
color: black;
}
}/*..........................End Small Query */

/*................................................Media Query for Button Adjustment (Small Only) */
.ty_job_styles .entry-content .job-preview {
display: flex;
justify-content: space-between;
align-items: center;
height: 75px;
}
.ty_job_styles .entry-content .job-content {
display: flex !important;
flex-direction: column;
width: 65% !important;
max-width: 1400px !important;
height: auto !important;
padding: 0 0 0 25px !important;
}
@media only screen and (max-width: 500px) {/*..........................Small Query */
.ty_job_styles .entry-content .job-preview {
display: flex;
justify-content: space-between;
align-items: center;
height: 100px;
}
.ty_job_styles .entry-content .job-content {
display: flex !important;
flex-direction: column;
width: 60% !important;
max-width: 800px !important;
height: auto !important;
padding: 0 0 0 10px !important;
}
}/*...........................End Small Query */

/*................................................Button Formatting */
/*................................................Media Query for Button Adjustment (Small Only) */
.job-listing .job-preview .job-cta {
display: flex !important;
width: auto !important;
height: auto !important;
vertical-align: baseline !important;
padding: 0 25px 0 0 !important;
}
.ty_job_styles .job-preview .job-cta .apply-btn {
display: flex !important;
align-items: center !important;
width: auto !important;
padding: 18px 75px !important;
line-height: 0 !important;
border-radius: 30px !important;
border-bottom: 0 !important;
}
@media only screen and (max-width: 500px) {/*..........................Small Query */
.job-listing .job-preview .job-cta {
display: flex !important;
width: auto !important;
height: auto !important;
vertical-align: baseline !important;
padding: 0 10px 0 0 !important;
}
.ty_job_styles .job-preview .job-cta .apply-btn {
display: flex !important;
align-items: center !important;
width: auto !important;
font-size: .6em !important;
padding: 18px 35px !important;
line-height: 0 !important;
border-radius: 30px !important;
border-bottom: 0 !important;
}
}/*..........................End Small Query */


/*................................................Full Job Posting */  
.single-jobs .job-post {
font-size: .8em !important;
}
.single-jobs .button {
border-radius: 50px !important;
padding: 5px 10px !important;
}

/*................................................Link from Plugin to Wufoo Form */
.single-jobs .jp-apply-button {
padding: 5px 10px !important;
}

/*................................................Submission Form Object */ 
#wow-modal-window-1 {
min-width: 750px !important;
}

@media only screen and (min-width:501px) and (max-width:1000px) {/*..........................Med Query */
#wow-modal-window-1 {
min-width: 75% !important;
}
}

@media only screen and (max-width: 500px) {/*..........................Small Query */
#wow-modal-window-1 {
min-width: 90% !important;
}
}

#wow-modal-window-1 .modal-window-content {
display: flex;
width: 100%;
overflow: hidden !important; 
}

#wow-modal-window-1 .modal-window-content div {
width: 100%; 
}

.single-jobs object {
width: 100%;
height: 100%;
margin: 0 auto 0 auto;
}

#wow-modal-close-1.mw-close-btn.text:before {
background: linear-gradient(to right, #fff 50%, #013770 50%) !important;
background-size: 200% 100% !important;
background-position: right bottom !important;
}

#wow-modal-close-1.mw-close-btn.text:hover:before {
background-position: left bottom !important;
}