/* Local Styles for Information Security  */


/*Increasing accessibility */

.sr-only {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0);
  white-space: nowrap; border: 0;
}

.image-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
  padding: 0; margin: 1rem 0;
  list-style: none;
}

.image-grid img { max-width: 100%; height: auto; border-radius: 4px; }

.transcript {
  margin-top: .5rem; padding: .75rem; background: #f6f6f6; border-radius: 4px;
}



/*Home page incident buttons */
a.btn.btn-cta.btn-cta-grey.btn-ext
 {
    margin-top: 25px;
}

a.btn.btn-cta.btn-cta-grey {
        margin-top: 25px;
}


/* Incident page */
 .security-incident {
     padding: 20px;
     border: 1px solid #323232;
}
 .security-incident h3 {
      display: inline !important;
          line-height: 2;
}



/*Department page */
 .dept {
     padding: 20px;
     border: 1px solid #323232;
}
 .dept h3 {
      display: inline !important;
          line-height: 2;
}


/* Media query for screens narrower than 990px */
@media (max-width: 990px) {
 .dept  h3 {
    line-height: normal !important; /* resets to default line height */
  }
}

/* Media query for screens narrower than 600px */
@media (max-width: 600px) {
 .dept  img {
    padding-bottom: 10px;
  }
}


 .dept-icon {
     display: inherit;
     font-size: xx-large;
     display: inline !important;
     padding-right: 12px;
}




/* Link to Staff for header to appear below static header */
 #leadership, #governance-risk-and-compliance , #governance-risk-and-compliance-title,  #security-operations,  #research-and-healthcare-security,  #administrative-services {
	 scroll-margin-top: 100px;
}



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

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

/* Show the first card image - commented out */
#leadership .card_column:nth-of-type(1) .card-image {
  /*display: block;*/
}



 #governance-risk-and-compliance .card-image {
	 display: none;
}
 #security-operations .card-image {
	 display: none;
}

 #research-and-healthcare-security .card-image {
	 display: none;
}

 #regional-security-operations-center .card-image {
	 display: none;
}


 #administrative-services .card-image {
	 display: none;
}





/*button icons row */

 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;
	 min-width: 10em;
}
 .col-12.col-lg-2.col-md-4.col-sm-6.d-flex {
	 padding: 1em;
	 margin: 5px;
}

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

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

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