/* Local Styles */

.charge-list {
  column-count: 2;
  column-gap: 2rem;
  padding-left: 1.25rem;
}

.charge-list li {
  break-inside: avoid;
  line-height: 1.5;
  margin-bottom: 0.5rem;
}

/* Hide images on Financial Information Reporting on staff page */
 #financial-information-reporting img, #financial-information-reporting .card-img-container{
     display: none;
}

/* Hide images on services on home page */
 #services img, #services .card-img-container{
     display: none;
}

/* hide  staff */
 #student-business-services img,  #student-business-services.card-img-container{
     display: none;
}

/* hide   staff */
 #student-accounting img,  #student-accounting .card-img-container{
     display: none;
}

/* hide   staff */
 #collections img,  #collections .card-img-container{
     display: none;
}

/* hide  staff */
 #finance img,  #finance .card-img-container{
     display: none;
}

/* hide  staff */
 #student-billing img,  #student-billing .card-img-container{
     display: none;
}





/* hide assets management staff */
 #assets-management img,  #assets-management .card-img-container{
     display: none;
}



/* hide accounts-payable staff */
 #accounts-payable img,  #accounts-payable .card-img-container{
     display: none;
}


/* hide bursar-office staff */
 #bursar-office img,  #bursar-office.card-img-container{
     display: none;
}

/* hide bursar-office staff */
 #treasury-and-merchant-services img,  #treasury-and-merchant-services.card-img-container{
     display: none;
}



/* hide treasury staff  */
 #staff .card-image {
     display: none;
}

/* Hide specific team members */
 img[alt="Alondra Jaras"] {
     /*display: none;*/
}

/* Hide specific team members */
 img[alt="Blanca Luna"] {
     /*display: none;*/
}


/*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;*/
}

/*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;*/
}




/*Map image */
 .map-image {
     width: 88%;
}
/*cards links */
 .cards_col .card-link .btn-link {
     margin-left: 5px;
     margin-bottom: 7px;
}

/*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) {
}