/* Department site local asset stub (created by Department Site wizard) */

html, body {
	/* Add top padding, so the navbar doesn't block the view when scrolling down to an element */
	scroll-behavior: smooth;
	scroll-padding-top: 7rem;
	
}

/* When inserting a snippet inside another snippet, remove padding of the inner snippet*/
:is(.dept-zigzag-content-image__content, section.section-content-wrapper) section.section-content-wrapper {
	padding: 0;
}

/*Remove paddings from 2 col info cards on research page*/
.cards-2-column .section-content-wrapper {
	padding: 0;
}

:is(.dept-faculty-directory__contact *, .dept-faculty-directory__link--profile) {
	font-size: 0.8rem;
}

.dept-faculty-directory__card {
  	display: grid;
	grid-template-columns: 50% 50%;
    grid-auto-rows: min-content;
}

/* Everything takes full row by default */
.dept-faculty-directory__card > * {
  	grid-column: 1 / -1;
}

/* Except these two */
.dept-faculty-directory__contact {
  	grid-column: 1;
	margin-top: 5px;
	gap: 5px;   /* this line and below are for the staff page email and phone number */
	
	span {
		display: inline-block;
	  	line-height: 1;
	  	padding: 0;
	  	margin: 0;
	}           /* this line and below are for the staff page email and phone number END */
}

.dept-faculty-directory__link--profile {
  	grid-column: 2;
	display:none;
}
/* controls number of columns for all peoples components */
@media (min-width: 675px) {
    .dept-faculty-directory__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 768px) {
    .dept-faculty-directory__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 992px) {
    .dept-faculty-directory__grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (min-width: 1200px) {
    .dept-faculty-directory__grid {
        grid-template-columns: repeat(5, minmax(0, 1fr));
     }
/* 	 .staff-container .dept-faculty-directory__grid {
        grid-template-columns: repeat(5, minmax(0, 1fr));
	 }	 In case we need to show staff pictures differently */
}
/* controls number of columns for all peoples components END */

/* For pages with PEOPLE's component ENDS here*/


/* Faculty Awards page - div tag with the class "faculty-awards" is added to the source before the snippet*/
.faculty-awards .departmental-tabbed-info-boxes .dtib-tabs {
	column-gap: 5px;
}