.img-wrap{display:inline-block;/*height:370px;*/width:100%;  display: flex;
	align-items: flex-start;
	justify-content: center;
	overflow:hidden;
	position: relative;
}
.img-wrap img{text-align:center;}
/* grid */
.grid {background-color:white;margin-top:20px;border-top:1px solid #424242;}
.grid:after {content: '';display: block;clear: both;}

/* element-item */
.element-item {position: relative;float: left;width: 99.8%;margin:0px;padding:0px;margin-bottom: 20px;background: #fff;border:1px solid #cecece;color: #262524;}
.element-item > * {margin: 0;padding: 0;}

.grid-sizer,.element-item{width:23.5%;}
.element-item.staff{width: 99.8%;}







.grid.list-view .element-item {
	width: 100%
}
.grid.grid-view .element-item {
	width:23.5%;
}

.list-view .profile-card {
	display: flex;
	flex-direction: row;
	min-height:200px;
}
.list-view .profile-content {
	width:calc(100% * (1/3));
	margin-left:200px;
}
.list-view .profile-content .name {
	padding-top:0px;
	padding-left:0px;
}
.list-view  .profile-desc-n-taxonomies .research {
	padding-top:0px;
}
.list-view .profile-content .research {
	display:none;
}

.list-view .profile-desc-n-taxonomies  {
	display:block;
	width:calc(100% * (1/2));
}
.grid-view .profile-content .profile-link {
	display:none;
}
.grid-view .profile-content .name  {
	display: none;
}
.grid-view .profile-desc-n-taxonomies {
	display: none;
}
.list-view .profile-link.profile-img-wrapper {
	display:none;
}
.list-view .profile-content .profile-link {
	position: relative;
	display:block;
}
.list-view .profile-content .profile-link .img-wrap {
	position:absolute;
	box-sizing:border-box;
	width:170px;
	height:200px;
	left:-205px;
	top:0px;
}
.list-view .profile-link.profile-img-wrapper .name{
	display:none;
}
.list-view .profile-content .name{
	display:block;
}






.element-item{border:none;}
/* .element-item.staff{border:1px solid #cecece;} */

.element-item{border-top:1px solid #cecece;padding-top:20px;}

.gutter-sizer{width:2%;}
/* .element-item.staff{margin-bottom:0;} */
.profile-card img{/*background-color:gray;*/}
.profile-link:hover .name {text-decoration: underline;}
.profile-link:hover .img-wrap .hover-overlay {display:block;}


.graduate-student > .profile-card:hover .name {display: block;}


/* course details */
.material-icons{font-size:18px;margin-top:-4px;}


/* status line */
#status{display: flex;width:100%;margin-top:25px;margin-bottom:20px;align-items: center;}
.status-line{width:calc(100% - 137px);padding:0px 20px;font-size:12px;line-height: 20px;}
.status-line2{margin-bottom:20px;height:25px;padding: 0 10px;}
.filter-count{float:left;font-size:12px;}
.clear-filters{width:80px;margin-bottom:0px;font-size:12px;font-weight:325;}
.enable-clear-filter-btn:hover{cursor:pointer;}
.clear-filters:before{content:'CLEAR ALL';padding:5px;border-radius:5px;}
.enable-clear-filter-btn:hover:before{color:white;}

.enable-clear-filter-btn:before{pointer-events: all;}
.disable-clear-filter-btn:before{color:#EEEEEE;pointer-events: none;border:1px solid #EEEEEE}

/* search */
#quicksearch{margin:0;font-size:24px;line-height:36px;height:50px;width:100%;padding-right: 31px;box-sizing: border-box;text-indent:15px;margin-left:0px;padding-left:55px;color:#000000;}
#qsearch{position: relative;display: inline-block;width:100%;margin:0;margin-bottom:15px;}
#qsearch .icon-search{font-size: 19px;border-right: 1px solid #dddddd;padding-right: 18px;position: absolute;top: 11px;line-height: 30px;color:#000000;left:18px;}

#clear-searchbar-btn{color: #EEEEEE;pointer-events: none;border: 1px solid #EEEEEE; border-radius:5px;position: absolute;right: 10px;top: 20px;}
#clear-searchbar-btn:before{content:"\e14c"}
#clear-searchbar-btn.enable-qsearch-clear-btn{pointer-events: all;cursor:pointer;}

/* selects */
#filters{display: flex;flex-flow: row wrap;margin:0;margin-bottom:5px;gap:15px;}
/*#filters .filter-select {max-width:50%;height:70px;font-size:19px;line-height:21px;-webkit-appearance:none;-moz-appearance:none;background-image: url("https://image.flaticon.com/icons/svg/60/60781.svg");background-size:12px;background-position:95% 50%;background-repeat:no-repeat;padding:1em;padding-right:1.5em;outline:1px solid #ccc;outline-offset:-1px;flex: 1;border: 1px solid gray;margin:0px;margin-top:14px;margin-right: 14px;}*/
/*#filters .filter-select:last-child {margin-right:0px;}*/
.vsb-main{width:100%}
.vsb-main > button {max-width: unset !important;height: 50px;font-size: 12px !important;line-height: 15px !important;letter-spacing: 1.23px;text-transform: uppercase;padding: 5px 10px !important;border:1px solid #cccccc !important;}
.vsb-main > button > .caret:after{ content:"\e5cf"; font-size: 22px; font-family: 'Material Icons'; left: 20px; }
.vsb-main > button > .caret{ border: none !important;display: inline-flex;width: 25px;height: 15px;margin-top:0px !important; }
.vsb-main > button:hover {background:#eeeded !important;}

#filters .vsb-menu {
	width:-webkit-fill-available;
	margin-top:5px;
	border-radius: 0px;
	cursor:default;
	border:1px solid #cccccc;
}
#filters .vsb-main .title {
	color: #000000;
}
#filters .vsb-menu ul{
	padding:0px;
	max-width:100% !important;
	padding-top: 10px;
	padding-bottom: 5px;
	overflow-y:scroll !important;

}



#filters .vsb-menu ul.scroll::-webkit-scrollbar {
	width: 8px;
}

#filters .vsb-menu ul.scroll::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 10px;
}

#filters .vsb-menu ul.scroll::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: #888;
}

#filters .vsb-menu ul.scroll::-webkit-scrollbar-thumb:hover {
	background: #555;
}

.clear-btn-hr{
	margin: 0px 10px 10px 10px;
}
#filters .vsb-menu li{
	font-size:12px;
	line-height:15px;
	padding:6px 40px;
	white-space: normal;
	position:relative;
}
#filters .vsb-menu .multi li:not(.grouped-option)::before {
	margin-left:0px;
	left:12px;
	padding: 5px;
	border-radius: 0px;
	border: 1.75px solid;
	color:rgba(0,0,0,0.7);
}
#filters .vsb-menu .multi li:not(.grouped-option).active::after {
	height: 6px;
	width: 3px;
	border-bottom: 2px solid white;
	border-right: 2px solid white;
	position: absolute;
	left: 34px;
	top: 7px;
}
#filters .vsb-main li:hover {
	background: #eeeded;
}

#filters .vsb-main .ms-clear-btn {
	text-align: center;
	width: 90px;
	min-width:90px;
	border-radius: 5px;
	font-size: 12px;
	line-height: 20px;
	text-transform: uppercase;
	margin:15px calc(50% - 45px);
	margin-top:0px;
	padding: 4px 0px;
	pointer-events:none;
	cursor:auto;
	color:#eeeeee;
	border:1px solid #eeeeee;
}
#filters .vsb-main .ms-clear-btn:hover {
	color:white;
}
#filters .vsb-main .ms-clear-btn.active-clear {
	cursor:pointer;
	pointer-events: all;
}

#filters .vsb-main .ms-open .caret:after {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}


/* checkbox */
.round {
	flex:1;
}
.round label {
	height:100%;
	cursor:pointer;
}
#filter-current-job-market-candidate-checkbox{
	display:none;
}
.round label span {
	font-size:12px;
	line-height: 20px;
	letter-spacing: 1.23px;
	font-weight: 700;
	text-transform: uppercase;
	background-color:#FFFFFF;
	border:1px solid #cccccc;
	height: 100%;
	padding: 0px 20px;
	border-radius: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.round label span:hover {
	background-color: #cccccc;
}
#job-checkbox input:checked + span{
	background-color: white;
}



/*profiles menu*/
#profiles-menu{padding-bottom:15px;}
#profiles-menu button{margin-right:5px;border:none;background-color:transparent;color:#B3B3B3;box-shadow: none;font-weight:normal; padding:8px 18px;}
#profiles-menu button.active span{color:white;}
#profiles-menu button:not(.active):hover{background-color: #eeeded;}
#profiles-menu button span{font-weight:bold;text-transform:uppercase;color:#424242;padding-bottom:5px;font-size:12px; line-height:10px;display:inline-block;letter-spacing: 1.23px;}


.profile-content{padding:0px 20px 10px 5px;}

.research{color:#777;padding-top:10px;padding-bottom:10px;}
.research p{
	color: #424242;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 5px;
	line-height: 15px;
	letter-spacing: 1.23px;
}
.research p, .research a{
	font-size: 12px;
}

.research-term{font-size:16px;color: black; cursor:pointer;line-height:20px;}
.research-term:not(:last-child):after{content:" | ";}
.none-listed{color:#cecece;font-size:16px;line-height:20px;}
.name-title{border-bottom:1px solid #cecece;}
.name-title.no-border{border-bottom:none;}
.name-title .title{font-size:18px;color:black;line-height:24px;margin-bottom:10px;}
.name { padding:10px 5px; font-size:24px; line-height:30px;margin:0px; }

.pronouns {
	font-size:12px;
	line-height:20px;
	color:#757575;
	margin-bottom:10px;
}

a.profile-link{text-decoration:none;}
a.profile-link:hover > .profile-content{/*background-color:#E1FAF6;*/}


.staff-content{padding-top:10px;}
.staff-content li:before{content:'';}
.staff-cell span{padding-right:10px;}
.staff-content .staff-cell{display:block;list-style:none;float:left;width:20%;font-size:16px!important;min-width:100px;color:#555;}
.staff-content .staff-cell.hide-groups{width:25%;}
/*.staff-cell.emails.hide-groups .email{padding-left:10px;}*/
.staff-cell .email:not(:empty)::before{font-feature-settings: 'liga';font-family: "Material Icons";padding-right:10px;content:'email';font-size:24px;vertical-align:bottom;}
.staff-cell .phone:not(:empty)::before{font-feature-settings: 'liga';font-family: "Material Icons";padding-right:10px;content:'call';font-size:24px;vertical-align:bottom;}
.staff-cell .room:not(:empty)::before{font-feature-settings: 'liga';font-family: "Material Icons";padding-right:10px;content:'location_on';font-size:24px;position:absolute;left:-28px;}
.staff-cell.name .profile-name{font-size:22px;}
.staff-cell .profile-title {color: black;}
.staff-cell .group{font-size:12px;text-transform:uppercase;color:#000000;text-align:center;}
.staff-cell .room{float:right;}
li.staff-cell.rooms{display:flex;justify-content:flex-end;}
li.staff-cell.rooms span.room{position:relative;margin-left:25px;}
/* .element-item.staff{border:none;border-bottom:1px solid #cecece;padding-bottom:15px} */
/* .element-item.staff.wants-link:hover{cursor:pointer;} */
#staff-header{width:100%;clear:both;border-bottom:1px solid #cecece;height:25px;padding-top:20px;padding-bottom:10px;}
#staff-header .staff-cell{font-size:14px;color:black;}

.sort_button{background:none;border:none;padding:0;padding-left:60px;}
.sort_button:before{font-feature-settings: 'liga';font-family: "Material Icons";padding-right:10px;content:'expand_more';font-size:24px;vertical-align:bottom;}
.sort_button.active:before{font-feature-settings: 'liga';font-family: "Material Icons";padding-right:10px;content:'expand_less';font-size:24px;vertical-align:bottom;}

/* details */
.staff-cell.details{display:none;width:10%;cursor:pointer}
.staff-cell .details_button:before{font-feature-settings: 'liga';font-family: "Material Icons";padding-right:10px;content:'expand_more';font-size:24px;vertical-align:bottom;}
.staff-cell .details_button.active:before{font-feature-settings: 'liga';font-family: "Material Icons";padding-right:10px;content:'expand_less';font-size:24px;vertical-align:bottom;}


.staff-cell.phones{text-align:center;}
.staff-cell.details{text-align:right;}
.staff-cell.groups .hgroup,.staff-cell.groups .group{padding-left:20px;}



.profile-child{
	clear:both;
	padding: 10px 25px;
	display:none;
}
.profile-child .staff-cell{list-style:none; font-size:16px; color:#555; text-align:left; margin:4px;}

/* View Stuff */
.staff-cell.views{
	clear: both;
	width: 20%;
	float: none;
	margin-left: -4px;
	padding-top: 10px;
}

.staff-cell .view a{text-decoration:none;}

.staff-cell .view:after{font-family: FontAwesome; padding-left:4px; content:'\f178';}

.hover-overlay{
	width:100%;
	height:100%;
	opacity:0.5;
	display:none;
	position: absolute;
}
.profile-img-wrapper{
	position:relative;
}
.on-leave-wrapper {
	padding: 8px 10px;
	position: absolute;
	bottom: 0px;
	width: 100%;
	box-sizing: border-box;
}
.on-leave-wrapper > div:first-child{
	font-weight:600;
	padding-bottom:4px;
}
.on-leave-wrapper > div {
	color: white;
	font-size: 12px;
	line-height: 15px;
}
.profile-info-container {
	margin-bottom: 5px;
	display: flex;
}
.profile-info-container .material-icons{
	color: #4c4c4c;
	width: 24px;
	min-width: 24px;
	max-width: 24px;
	font-size: 18px;
	margin-top:0px;
}
.profile-info-container span {
	font-size:12px;
	line-height: 20px;
}
.faculty-group-name {
	width: 100%;
	display: flex;
	justify-content: center;
	padding: 10px 0px;
	margin-bottom: -1px;
	font-size: 12px;
	line-height: 20px;
	font-weight: 600;
	letter-spacing: 1.23px;
	text-transform: uppercase;
	border-top: 1px solid #424242;
	border-bottom: 1px solid #cecece;
	position:absolute;
	top:-41px;
}
.profile-excerpt {
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 15px;
}
.faculty-group-container {
	margin-top:41px;
}
.profile-view-btns-wrapper{
	display:flex;
	flex-direction: row-reverse;
}
#list-view-btn, #grid-view-btn {
	cursor:pointer;
}
#list-view-btn {
	margin-right:5px;
}
#grid-view-btn::after {
	content: "";
	background-image: url("/wp-content/plugins/arts-clf/images/View-Grid.svg")!important;
	background: #EEEEEE;
	height:18px;
	width:26px;
	display:inline-block;
}
#list-view-btn::after {
	content: "";
	background-image: url("/wp-content/plugins/arts-clf/images/View-List.svg")!important;
	background: #EEEEEE;
	height:18px;
	width:26px;
	display:inline-block;
}






/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
	-webkit-animation-name: fadeIn; /* Fade in the background */
	-webkit-animation-duration: 0.4s;
	animation-name: fadeIn;
	animation-duration: 0.4s
}

/* Modal Content */
.modal-content {
	position: fixed;
	bottom: 0;
	background-color: #fefefe;
	width: 100%;
	-webkit-animation-name: slideIn;
	-webkit-animation-duration: 0.4s;
	animation-name: slideIn;
	animation-duration: 0.4s;
	width: calc(100% - 40px);
	margin: 0px 20px;
	height: calc(100vh - 100px);
	display:flex;
	flex-direction: column;
}

/* The Close Button */
.close {
	color: white;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

.modal-header {
	padding: 12px 20px;
	border: none;
	text-align: center;
}

.modal-body {
	padding: 12px 0px;
	flex: 1;
	max-height:unset;
}

.modal-footer {
	padding: 20px 10px 25px 10px;
	display: flex;
	gap: 15px;
	background-color: #ffffff;
	margin-left:10px;
	margin-right:10px;
}

.modal-content .modal-footer:before, .modal-footer:after {
	display:unset;
	content:unset;
}

.modal-footer button {
	flex: 1;
	font-size: 12px;
	line-height: 20px;
	padding: 5px 0px;
	font-weight:normal;
}

/* Add Animation */
@-webkit-keyframes slideIn {
	from {bottom: -300px; opacity: 0}
	to {bottom: 0; opacity: 1}
}

@keyframes slideIn {
	from {bottom: -300px; opacity: 0}
	to {bottom: 0; opacity: 1}
}

@-webkit-keyframes fadeIn {
	from {opacity: 0}
	to {opacity: 1}
}

@keyframes fadeIn {
	from {opacity: 0}
	to {opacity: 1}
}

.ms-wrapper {
	flex:1;
	max-width:50%;
}

.ms-select-list {
	margin:0px;
}

.number-of-options{
	padding-left:5px;
	font-weight:normal;
}
.ms-select-list li {
	padding-left:50px;
	font-size: 15px;
	line-height: 20px;
	padding-bottom: 7px;
	padding-top:7px;
	cursor:pointer;
	position:relative;
}
.ms-select-list li:hover {
	background:#eeeeee;
}
.ms-select-list li:not(.grouped-option)::before{
	margin-left: 0px;
	left: 22px;
	margin-top:3px;
	padding: 5px;
	border-radius: 0px;
	border: 1.75px solid;
	color: rgba(0,0,0,0.7);
	content: "";
	display: inline-block;
	font-size: inherit;
	font-weight: bold;
}

.ms-select-list li:not(.grouped-option).active::after{
	margin-left: -24px;
	margin-top: 5px;
	height: 6px;
	width: 3px;
	border-bottom: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	content: "";
	font-size: inherit;
	float: left;
	margin-left: -24px;
	display: inline-block;
	transform: rotate(45deg);
	position: absolute;
	top: 7px;
	left: 50px;
}
.vsb-menu li.active, .ms-select-list li.active {
	font-weight:bold;
}
#clear-modal-btn{
	border:1px solid #eeeeee;
	color:#eeeeee;
	border-radius: 5px;
}
#clear-modal-btn.modal-enable-clear:hover {
	color:white;
}
#close-modal-btn {
	border:none;
	font-weight:bold;
}
.profiles-menu-mobile-wrapper{
	font-size: 12px;
	line-height: 15px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom:20px;
}
.profiles-menu-select {
	cursor:pointer;
	padding:10px;
	letter-spacing:1.23px;
	color:white;
	display: flex;
	justify-content: space-between;
}
.profiles-menu-select:after {
	content: "\e5cf";
	font-size: 22px;
	font-family: 'Material Icons';
}
.profiles-menu-options{
	display:none;
	border: 1px solid black;
	margin-top: 5px;
}
.mobile-modal-btn {
	font-size:12px;
	line-height:15px;
	text-transform: uppercase;
	letter-spacing: 1.23px;
	width: 100%;
	padding: 10px;
	justify-content: space-between;
	border:1px solid #cccccc;
	color:black;
}
.mobile-modal-btn.closed:after {
	content: "\e5cf";
	font-size: 22px;
	font-family: 'Material Icons';
	margin-right:-5px;
}
.mobile-modal-btn.closed:hover {
	background:#eeeeee;
}
h1.page-title.entry-title {
	margin-bottom:40px;
}
.profile-info-container .material-icons.email-icon {
	margin-top:2px;
}

@media screen and (max-width: 1200px) {
	.staff-content .staff-cell.rooms, .staff-content .staff-cell.views{display:none;}
	.staff-content .staff-cell.details{display:block;}
	.staff-content .staff-cell{width:22%;}
	.staff-content .staff-cell.hide-groups{width:29%;}
	.staff-content .staff-cell.details{width:10%;}
	.profile-child .staff-cell{float:left;}
	.faculty-group-container.list-view .profile-content{margin-left:190px }
	.faculty-group-container.list-view .profile-content .profile-link .img-wrap{left:-195px;}
	h1.page-title.entry-title{margin-top:10px; margin-bottom:35px;}
}

@media screen and (max-width: 980px) {
	.grid-sizer,.element-item{width:23.5%;}
	.element-item.staff{width: 99.8%;}
	h1.page-title.entry-title{margin-top:0px; margin-bottom:25px;}

}

@media screen and (max-width: 980px) {
	.staff-content .staff-cell.rooms, .staff-content .staff-cell.phones, .staff-content .staff-cell.emails{display:none;}
	.staff-content .staff-cell.details{display:block;}
	.staff-content .staff-cell{width:42%;}
	.staff-content .staff-cell.details{width:10%;}
	.staff-content .staff-cell.details.hide-groups{width:62%;}
	.name {font-size:18px; line-height: 24px;}
	.name-title .title {font-size:16px; line-height:22px;}
	a.research-area-link {font-size:12px; line-height:20px;}
}

@media screen and (max-width: 680px) {
	.staff-content .staff-cell{width:38%;}
	.staff-content .staff-cell.details{width:5%;display:block;}
	.profile-child .staff-cell{width:100%;}
	li.staff-cell.rooms{justify-content:flex-start;}
}

@media screen and (max-width: 580px) {
	.staff-content .staff-cell{width:30%;}
	.staff-content .staff-cell.details{width:5%;display:block;}
	.profile-child .staff-cell{width:100%;}
	li.staff-cell.rooms{justify-content:flex-start;}
	.staff-content .staff-cell{font-size:12px!important;}
}

@media screen and (max-width: 680px) {
	#filters .filter-select {flex-basis: 100%;margin-right:0;max-width:100%;}
	#profiles-menu button{
		width:100%; padding:10px 10px;text-align:left;
	}
	#profiles-menu{padding-bottom:5px;}
	#ubc-sync-courses #ubcc-controls #inner-controls{}
	/*#ubcc-controls .status-line, #ubcc-controls .status-line2{display:none;}*/

	.grid-sizer,.element-item{width:99%  ;}

	.element-item.staff{width: 99.8%;}
	#profiles-menu button.active span{border-bottom:3px solid transparent;color:#000000;}
	#profiles-menu button.active{/*background-color:#E1FAF6;*/}
	#profiles-menu button:hover{/*background-color:#E1FAF6;*/color:#000000;}
	.name-title{height:auto;border-bottom:none;}
	#profiles-menu button span{text-transform:uppercase;}
	#staff-header,.element-item{
		margin-bottom:0;
	}
	.element-item:hover{/*background-color:#E1FAF6;*/}
	#job-checkbox span{font-size:18px}
	.staff-cell .room{float:left;}
	.status-line, .status-line2 {
		padding-left:0px;
		padding-right:10px;
		width:unset;
	}
	.name {line-height:28px;}
	.name-title .title {font-size:15px; line-height:24px;padding-right:15px;}
	.grid {
		/*margin-top:0px;*/
	}
	.grid .profile-content{
		margin-left:0px;
		width:100%;
	}
	.grid .profile-card{
		flex-direction: column;
	}
	.profile-excerpt{
		display: none;
	}
	.profile-content {
		padding:0px;
	}
	.name-title.no-border {
		width: calc((100%) * (9/12));
		min-height: calc( (13 * ((100vw - 40px) * 0.25))/11 );
	}
	.grid .profile-content .profile-link span.img-wrap {
		width: calc((100% * 100 / 75) * (1/4));
		height: calc( (13 * ((100vw - 40px) * 0.25))/11 );
		right: calc(-1 * (100% * 100 / 75) * (1/4));
		left:unset;
	}
	.faculty-group-container .profile-desc-n-taxonomies {
		margin-top:15px;
		margin-bottom:5px;
	}
	.element-item{
		padding-top:15px;
	}
	.faculty-group-container{
		margin-left: -20px;
		margin-right: -20px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.grid .list-view .element-item, .faculty-group-name {
		/*width:calc(100%);*/
		margin-left:-20px;
	}
	.list-view .profile-card {
		min-height:unset;
	}

}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	#filters .filter-select {background-image:none;}
}


.row-fluid #ubc-sync-courses .list-view  [class*="span"]{width:100%; margin:0;}
.row-fluid #ubc-sync-courses .grid-view  [class*="span"]{width:23.5%; margin:0;}



@media screen and (max-width: 768px) {
	#filters {
		gap:0px;
		flex-direction: column;
	}
	.vsb-main {
		display: block !important;
		margin-bottom: 5px;
	}
	.vsb-main > button {
		display:none !important;
	}
	.ms-wrapper {
		max-width:100%;
	}
	#filters {
		flex-direction: column;
	}
	#status{
		flex-direction: row-reverse;
		justify-content: space-between;
	}
	.clear-filters {
		width:75px;
	}
	#qsearch {
		margin-bottom:5px;
	}
	#quicksearch {
		font-size:18px;
		line-height: 28px;
		height: 35px;
		padding-left: 30px
	}
	#qsearch .icon-search {
		top:10px;
		left:12px;
		padding-right:12px;
		font-size:15px;
		line-height:17px;
	}
	#clear-searchbar-btn {
		top:12px;
	}
	.grid.list-view .element-item, .grid.grid-view .element-item {
		width:calc(100% - 40px);
	}
	.mobile-modal-btn.visible-phone{
		display:flex !important;
	}
	h1.page-title.entry-title{margin-top:0px; margin-bottom:20px;}
	.grid{
		margin-left: -20px;
		margin-right: -20px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.grid-view .profile-link.profile-img-wrapper{
		display:none;
	}
	.grid-view .profile-content .profile-link {
		display:inline;
		position: relative;
	}
	.grid-view .profile-content .name {
		display:block;
	}
	.grid-view .profile-content .name {
		padding-left:0px;
		padding-top:0px;
	}
	.grid-view .profile-content .profile-link .img-wrap {
		position:absolute;
		box-sizing:border-box;
		width:170px;
		height:200px;
		left:-205px;
		top:0px;
	}

	.on-leave-wrapper{
		padding: 4px;
	}
	.on-leave-wrapper > div{
		line-height:12px;

	}
	.on-leave-wrapper > div:first-child{
	padding-bottom:0px;
	}
	.on-leave-wrapper div:not(:first-child) {
		display:none;
	}
}