/* Local Styles for Planning */

/* Try and fix title on page left margin */
.py-5 .container .row h1 {
    margin-left: inherit;
}

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

/* Page title left indent 
remove padding to align on some pages */
/*Removing to have a slight indent on accordion and web forms titles*/
.col.title-wrap {
    /*padding: 0;*/
}

/* Paragraph left indent remove - if needed*/
.content-row p {
    /* padding-left: 0px; */
}

/*  Staff Photos Start  */

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


/* Hide all images in #leadership */
#leadership .card-image {
    display: none;
}

/* Show only the first card image */
#leadership .card_column:first-of-type  {
    display: block !important;
}

/* Show only the first card image */
#leadership .card_column:first-of-type .card-image {
    display: block !important;
}

/*  Fix height of cards if no photo and one does have photo   */
.cards_col .card-row .card-box-a {
    height: auto;
}
 
/*  Staff Photos End   */


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

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