/* Local Styles for Procurement */


/*hide distribution staff  */
 #distribution-and-logistics-office .card-image {
	 display: none;
}
/*hide contracts staff  */
#contracts .card-image {
    /*display: none;*/
}

/* Hide specific team members */
 
img[alt="Laura Juarez"] {
    /*display: none;*/
}


/* Link to Staff for header to appear below static header  */
#purchasing, #contracts, #travel, #distribution-and-logistics-office {
  scroll-margin-top: 100px;  
}


/* Reduce banner image height */
 img.slide-image {
	 max-height: 350px;
}




/*Remove top padding from feature cards below H2*/

.h-100 {
    margin-top: 0px !important;
}


/* Center the content within button icon text links */
 .col-12.col-lg-3.col-md-4.col-sm-6.d-flex {
	 justify-content: center;
}
/*Visted link color*/
/*.page-content a:visited*/
/* {
	 */
	/* color: #cb4900;
	 */
	/* text-decoration: none;
	 */
	/* 
}
 */
 
 
 
/*Commenting out all button color changes  */
 
/* Button text visited link keep black color */
/* .btn-cta-icon:visited .btn-label, .btn-cta-icon:visited .btn-icon {*/
/*	 color: #000000;*/
/*}*/
/* Remove button icon and text link visited orange color and leave as black */
/* Black for visited state*/
/* .btn {*/
/*	 color: #000000;*/
/*}*/
/* .btn-cta-icon:visited {*/
/*	 color: #000000;*/
/*}*/
/* .btn-cta-icon:visited .btn-icon {*/
/*	 color: #000000;*/
/*}*/
/* Button Hover orange on hover for icon and text */
/* .btn-cta-icon:hover, .btn-cta-icon:focus {*/
/*	 color: #cb4900;*/
/*}*/
/* .btn-cta-icon:hover .btn-label {*/
/*	 color: #cb4900;*/
/*}*/
/* .btn-cta-icon:hover .btn-icon, .btn-cta-icon:focus .btn-icon {*/
/*	 color: #cb4900;*/
/*}*/


/*Smaller H2 font size after first on page*/
 .smaller-h2 {
	 font-size: 1.5em;
}
 .col.custom_html_col {
	 padding-left: 0;
}
/*Travel Advisory*/
 section#advisory {
	 border: 5px solid #ae0707;
	 padding: 10px;
}
 section#restrictions {
	 border: 5px solid #ae0707;
	 padding: 10px;
}





/*dept title on page without padding */
 .py-5 h1 {
	 padding-top: 0px !important;
	 padding-bottom: 0px !important;
}
 .py-5 {
	 padding-top: 0px !important;
	 padding-bottom: 0px !important;
}
/*Hide images on quick trainings on home page */
 #quick-guides img, #quick-guides .card-img-container{
	 display: none;
}
/*Hide images on quick trainings on home page */
 #trainings img, #trainings .card-img-container{
	 display: none;
}
/*Hide images on quick trainings on home page */
 #training img, #training .card-img-container{
	 display: none;
}

/*Hide images on quick trainings on home page */
 #resources img, #resources .card-img-container{
	 display: none;
}


/*Hide images on travel tips on home page */
 #travel-tips img, #travel-tips .card-img-container{
	 display: none;
}

/*Left title on page */
 .d-flex.flex-column.content-area .container .row h1 {
	 margin-left: 0px;
	 padding-left: 0px;
}
/*Left title on page */
 .container .row h1 {
	 margin-left: 0px;
	 padding-left: 0px;
}
/*Smaller H2 font size after first on page*/
 .smaller-h2 {
	 font-size: 1.5em;
}
 .col.custom_html_col {
	 padding-left: 0;
}
 .travelbutton a:visited {
	 color: #ffffff !important;
}
 .travelbutton a:hover {
	 color: #cb4900 !important;
}
 .col.custom_html_col {
	 padding-left: 0;
}
/*Outline image cards on homepage on hover */
 .card.w-100.h-100:hover {
	 outline: 2px black solid;
}
/*Hide images in image cards on services on homepage*/
 #services-image-card-container img, #services-image-card-container .card-img-container{
	 display: none;
}
 #featured-trainings img, #featured-trainings .card-img-container{
	 display: none;
}
 th.theadone {
	 color: black;
}
 a.btn.btn-cta-icon {
	 padding-top: 1em;
}
/*button icon row */
 .button_group_col .btn-row > div .btn {
	 text-decoration: underline;
	 font-size: 1.1rem;
	/* border: 1px solid #9f4104;
	 */
	 min-width: 10em;
}
 .col-12.col-lg-2.col-md-4.col-sm-6.d-flex {
	/* min-width: 13em;
	 */
	/* background-color: #f8f9fa;
	 */
	 padding: 1em;
	/*border: 1px solid gray;
	 */
	 margin: 5px;
}
/*Map image */
 .map-image {
	/*width: 88%;
	 */
	 width: 94%;
}
/*cards links */
 .cards_col .card-link .btn-link {
	 margin-left: 5px;
	 margin-bottom: 7px;
}
/*Page title left indent remove */
 .col.title-wrap {
	 padding: 0;
}
/*Paragraph left indent remove - if needed*/
 .content-row p {
	/* padding-left: 0px;
	 */
}
/*Headings */
 .custom_html_col .content-row h2, .custom_html_col .content-row h3, .custom_html_col .content-row h4, .custom_html_col .content-row h5, .custom_html_col .content-row h6, .custom_html_col .content-row h7 {
	/* padding: 1.5rem 0px .8rem 0px;
	 */
	 padding: 0;
}
/*Newsletter*/
 .newsletter-container {
	/*display: flex;
	 */
	/*align-items: flex-start;
	 */
}
 .newsletter-thumbnail {
}
 .newsletter-container img {
	/*margin-right: 10px;
	 */
}
/*Widths smaller than 1200 pixels - same as img-fluid*/
 @media (max-width: 1200px) {
	 .newsletter-container img{
		 max-width: 100%;
		 height: auto;
	}
}
 .newsletter-content {
	/*max-width: 600px;
	 */
}
/*Department name*/
 .dept-name {
	 min-width: 400px;
}
 @media (min-width: 1200px) and (max-width: 1400px) {
	 .dept-name {
		 min-width: auto;
	}
}
/*Horizontal staff*/
 .dept-horiz-staff {
	 background-color: #d7d2d233;
	 padding: 20px;
	/*outline: 1px solid #4e4e4e;
	 */
	 border: 1px solid #d8d7d7;
}
 .dept-horiz-staff a{
	 color: #af4205;
}
/*Horizontal Half Depts*/
 .dept-half-container {
	 border: 1px solid darkgray;
	 padding: 17px;
}
/*Horizontal Depts*/
 .dept-horiz-container {
	/*display: flex;
	 */
	/*align-items: flex-start;
	 */
	 display: block;
	 background-color: #8a9ba700;
	 padding: 20px;
	 outline: 1px solid #4e4e4e;
}
 .dept-image {
	 float: left;
	 margin-right: 20px;
}
/* Widths less than 535px for dept image */
 @media only screen and (max-width: 535px) {
	 .dept-image {
		 width: 100%;
	}
}
 .dept-horiz-text {
	 flex: 1;
}
 .dept-title {
	 margin-top: 0;
}
 .dept-description {
	 margin-top: 10px;
}
/*Homepage styles */
/*Widths greater than 1200 pixels */
 @media (min-width: 1200px) {
	 .home-portrait {
		 max-width: 350px;
	}
}
/*Fix bilingual alignment on page */
 .pagetitle {
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 padding: 20px 0;
	 position: relative;
}
 .bilingual {
	 font-family: "Patua One", serif;
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 font-size: .85em;
	 line-height: .08333em;
	 vertical-align: .125em;
	 margin-top: 2px;
	 margin-left: auto;
	/* This will push the .bilingual class to the right */
}
/* My own orange hex to white border */
 img.hex-border-row {
	 min-width: 1194px;
	 margin-left: 0px;
	/* --bs-gutter-x: 1.5rem;
	 */
	 padding-left: 0px;
}
/* Black text not light gray for headings */
 .custom_html_col .content-row h3, .custom_html_col .content-row h5 {
	 color: #000000;
}
/* Reduce height of banner image on System Status and other pages */
 .slide .position-relative {
	 position: relative ;
	/*height: 200px;
	 */
}
 img.slide-image {
	/* width: 100%;
	 */
	/* height: auto;
	 */
	/* object-fit: cover;
	 */
	/* min-height: 250px;
	 */
	/* max-width: 100%;
	 */
	/*max-height: 200px;
	 */
}
 .shadow {
	/*display: none;
	 */
}
 .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
	 background: white;
}
 div#ui-datepicker-div {
	 background: white;
	 border: 1px solid black;
	 padding: 4px;
}
 .campus-auxiliary-content h4 {
	 margin-left: 1rem;
	 padding-left: 1rem;
	 position: relative;
}
 .campus-auxiliary-content ul {
	 margin-left: 2.5rem;
	 padding-left: 1rem;
}
/*Fix card images */
 .cards_col .card-image img {
	 width: 100%;
	 max-height: 200px;
	/*object-fit: contain;
	 */
}
/*Fix card group images */
 .image_card_col .card-img-container img {
	 height: 250px;
	 max-width: 100%;
	/*object-fit: contain;
	 */
}
/* Widths less than 533px */
 @media only screen and (max-width: 767px) {
}
/* Widths less than 767px */
 @media only screen and (max-width: 767px) {
}
/* Widths less than 992px for clear and submit button on filter page */
 @media only screen and (max-width: 992px) {
}
 