/* Local Styles for Division of Business */


/*   Newsletter Fixes for image card container  */
#division-newsletter  {
    margin-bottom: 0;
}
#division-issues {
    margin-top: 0;
}
#division-issues .image_card_col .card-img-container {
    height: 300px;
}
#division-issues .image_card_col .card-img-container img {
    height: 300px !important;
}
#division-issues  .row.h-100.row-cols-1.row-cols-lg-2.row-cols-xl-3.g-4 {
    margin-top: 0;
}
#operations-issues .image_card_col .card-img-container {
    height: 300px;
}
#operations-issues .image_card_col .card-img-container img {
    height: 300px !important;
}
#operations-issues  .row.h-100.row-cols-1.row-cols-lg-2.row-cols-xl-3.g-4 {
    margin-top: 0;
}





/*Left align department title with other headings */
.py-5 .container .row h1 {
    --bs-gutter-x: 0;
}



/*Biography*/

.bio-photo {
    margin-right: 30px;
    margin-bottom: 30px;
}


/* Reduce banner image height */
 img.slide-image {
	 max-height: 350px;
}

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


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


/* newsletter   */

.newsletter-container {
  position: relative;
  z-index: 1;
}

.newsletter-container::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url('https://stagewww.utrgv.edu/dfa-test/_files/images/newsletters/newsletter-background.jpg');
  background-repeat: no-repeat;
  background-position: right top;
  /*background-size: auto 100%;*/
  opacity: 0.3; /* Adjust this value to fade more or less */
  z-index: -1;
}


.newsletter-container {
  /*background-image: linear-gradient(to left, rgba(255,255,255,0.7), rgba(255,255,255,0)), */
  /*                  url('https://stagewww.utrgv.edu/dfa-test/_files/images/newsletters/newsletter-background.jpg');*/
  /*background-repeat: no-repeat;*/
  /*background-position: right top;*/
  /*background-size: auto 100%;*/
}



.newsletter-container {
    /*display: flex;*/
    /*align-items: flex-start;*/
    
    

  /*background-image: url('https://stagewww.utrgv.edu/dfa-test/_files/images/newsletters/newsletter-background.jpg');*/
  /*background-repeat: no-repeat;*/
  /*background-position: right top;*/
  /*background-size: auto 100%;  */

}
.newsletter-thumbnail {
    
}

.newsletter-container img {
    /*margin-right: 10px;*/
}





.content-row p
 {
    padding-left: 0px;
}

h2#departments-and-services-title {
    border-top: 1px solid #969696;
    padding-top: 36px;
}

/*button spacing*/

th.theadone
 {
    color: black;
}
 
.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%;
}

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



/*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*/
/* .  {*/
/*	 min-width: 400px;*/
/*}*/


/* Department name Override for screens smaller than 400px */
@media (max-width: 399px) {
  .dept-name {
    min-width: auto; /* or a smaller value like 100% or 300px */
    width: 100%; /* optional, depending on layout needs */
  }
}


@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;
    background-color: #8a9ba700;
    padding: 20px;
    outline: 1px solid #4e4e4e;

}

.dept-image {
    float: left;
    margin-right: 20px;
}

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