@import url(/_services/_files/datatables/datatables.min.css);
@import url(/_services/_files/datatables/datatables-SU.css);

#jobs {
    max-width: 96% !important;
    margin: 2em 0 0 0;
}
#positiondescription  {font-size: 1rem; }

#positiondescription .job-callout {
    float: right;
    width: 15rem;
    margin-left: 25px;
    border: 0.125rem solid #e2ded7;
    padding: 1rem .5rem 0 .75rem;
}

    #jobs .job_nav_button {
        /*float: right;*/
        display: inline !important;
        max-width: 13.025rem !important;
        width: 45% !important;
        cursor: pointer;
        height: 2.75rem;
        padding: 0 1em;
        font-size: .9375rem;
        line-height: unset !important;
        margin: 0px !important;
        margin-left: .25em !important;
        text-transform: capitalize;
        /*background-color: #8a0000;
        color: white;*/
    }
    /*
    #jobs .job_nav_button:hover {
        background-color: #fff;
        color: #8a0000;
    }*/

		#jobs .job-callout .callout__heading
		{
            font-family: "Libre Franklin",Helvetica,Arial,sans-serif;
            font-size: 1.125rem;
            font-weight: 500;
            line-height: 1.5;
            text-align: center;
			transition-property: none;
			transition-duration: 0s;
            color: #8a0000;
		}

		#jobs .job-callout .callout__heading:hover
		{
			color: black;
		}
        #jobs .job-callout .scontent li,
        #jobs .job-callout .scontent li a
        {
            font-size: clamp(.875rem,1.25vw,.9375rem);
        }
		
        #jobs .job-callout .scontent .share-buttons {
            text-align: center; 
        }
        #jobs .job-callout .scontent .share-buttons a {
            display: inline-block;
            margin: .5rem .5rem .25rem .5rem;
        }

	#positiondescription .job-callout .nav-buttons {margin-bottom:1rem !important; text-align: center !important;}
	
    #jobs .ptitle {line-height: 100%; margin-bottom: 1rem;}
    #jobs .ptitle_detail {line-height: 100%; margin: 1rem 0;}



#filterbuttons {
    text-align: center;
    margin: 2em auto 2rem auto;
}

    #filterbuttons .facstaff {
        display: inline-block !important;
        max-width: 15.025rem !important;
        width: unset !important;
        cursor: pointer;
        height: 3.625rem;
        padding: 0 2em;
        font-size: .95rem;
        line-height: unset !important;
        margin: 0px !important;
        text-transform: capitalize;
    }

/*
#jobstable .title_td a {color: #246b91;}
#jobstable .title_td a:hover {color: #9a0000; text-decoration: underline;}
*/

.positionTitle span {
    cursor: pointer;
    color: maroon;
    text-decoration: underline;
}

    .positionTitle span:hover {
        color: #333;
        text-decoration: underline;
    }

    .positionTitle span:focus {
        color: #333;
        text-decoration: underline;
    }


.type_td { width: 8%; text-transform: capitalize; vertical-align: top;}
.title_td { width: 50%; vertical-align: top;}
.closing_td { width: 30%; vertical-align: top;}
.posted_td { width: 12%; vertical-align: top;}

.title_td span {
    color: maroon;
    text-decoration: underline;
    cursor: pointer;
}
    .title_td span:hover {
    color: #666;
    }
	
	
/*PRINT CSS////////////////////////////*/
	@media print { 

		#filterbuttons .facstaff { display: none !important; } 
		#filterbuttons .facstaff { display: none !important; } 
		
		#jobs .job-callout { display: none !important; } 
		.section-menu { display: none !important; } 
		.contact-info {font-size: .75rem !important; line-height: 130% !important;}
		.contact-info__address {font-size: .75rem !important; line-height: 130% !important;}
		.contact-info__department-title {font-size: .75rem !important; line-height: 130% !important;}
		.contact-info__method no-bullet {font-size: .75rem !important; line-height: 130% !important;}
		.contact-info__method-type {display: none !important; }
		.contact-info__method-item {font-size: .75rem !important; line-height: 130% !important;}
		.column #positiondescription {font-size: .75rem !important; line-height: 140% !important;}
		.column #positiondescription p {font-size: .75rem !important; line-height: 140% !important;}
		.accordion no-bullet {font-size: .75rem !important; line-height: 140% !important;}
        .apply-button { display: none !important; } 
		/*
		aside {display: none !important; width: 0px !important;}
		 .column,.columns {
			float: none !important;
			padding-left: 0 !important;
			margin: auto !important;
			max-width: unset !important;
			width: 100% !important;
		}
		.sidebar {
			float: none !important;
			display: none !important;}
		
		*/
	}
/*////////////////////////////////////*/


    @media screen and (max-width : 768px) {
		#jobstable th {display:none;}
		#jobstable td.type_td {font-weight:bold;}
		#filterbuttons .facstaff {
			display: block !important;
			max-width: 100% !important;
			width: unset !important;
			width: 100% !important;
			cursor: pointer;
			height: 3.625rem;
			padding: 0 2em;
			font-size: 1rem;
			line-height: unset !important;
			margin: 0px !important;
			text-transform: capitalize;	
		}
		#jobs .job_nav_button {float:none; display:inline-block; max-width: unset !important; width: 48% !important;}
		#jobs .ptitle {margin-top: 2rem;}
		#jobs .job-callout {
			float:none;
			margin: 0 auto 1rem auto;
			width: 100%;
		}
		#jobs .job-callout .callout__heading
		{
			font-size: 1.25rem;
		}
    }

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

        .display th {
            white-space: nowrap;
        }


        .type_td {
            width: 20%;
            text-transform: capitalize;
        }

        .title_td {
            width: 30%;
        }

        .closing_td {
            width: 28%;
        }

        .posted_td {
            width: 22%;
        }

        .job-callout {
            float: none;
            margin: auto;
        }
    }

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

		#positiondescription .job-callout {
			float: none;
			width: 100%;
			margin-left: 0px !important;
			padding: 1rem;
			margin: .5rem;
			font-size: .95rem;
		}
		
		#jobs .job-callout .callout__heading {font-size: 1rem;}
		
		#positiondescription .job-callout li {
			font-size: .95rem;
		}
	
		#positiondescription .job-callout .nav-buttons {margin-bottom: .5rem !important; text-align: center !important;}


        .type_td {
            width: unset;
            text-transform: capitalize;
        }

        .title_td {
            width: unset;
        }

        .closing_td {
            width: unset;
        }

        .posted_td {
            width: unset;
        }
    }

    @media print {

        .emergency-alert {
            display: none;
        }

        .job_nav_button {
            display: none;
        }

        footer {
            display: none;
        }
    }