/*** BEGIN Directory Styling ***/

.hide-wk-filter .wk-subnav {
    display: none !important;
}


.wk-scope .scholars-directory > div  {
    height:initial !important;
    position: relative !important;
    border:1px solid #eee;
   
    padding:0 !important;
    -webkit-box-flex:1  !important;
        -ms-flex:1 0 22%  !important;
            flex:1 0 22%  !important;
    top:0 !important;
    left: 0 !important;
    margin:.5em !important;
    min-width:150px;
}

@media all and (min-width:768px) {
	.wk-scope .scholars-directory> div  {
    max-width:220px;
}
}


.wk-scope .scholars-directory {
    display:flex !important;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    position:relative !important;
    display:-webkit-box !important;
    display:-ms-flexbox !important;
    display:grid !important;
  
    height:auto !important;
    grid-template-columns: minmax(180px, 1fr) minmax(180px, 1fr) minmax(180px, 1fr) minmax(180px, 1fr);
    grid-gap: 1.5em;
    margin-left: 0 !important;
}

@supports (display: grid) {
	.wk-scope .scholars-directory> div  {
      margin: 0 !important;
     width:auto !important;
     min-width:unset;
     max-width:unset;
	 height: 100% !important;
    }
  }


@media all and (max-width:1200px) {
	.wk-scope .scholars-directory {
        -ms-grid-columns:1fr 1fr 1fr;
    grid-template-columns: minmax(200px, 1fr) minmax(200px, 1fr) minmax(200px, 1fr);
    }
}

@media all and (max-width:800px) {
	.wk-scope .scholars-directory {
        -ms-grid-columns:1fr 1fr;
        grid-template-columns: minmax(200px, 1fr) minmax(200px, 1fr);
    }
}

@media all and (max-width:500px) {
	.wk-scope .scholars-directory {
    -ms-grid-columns:1fr;
    grid-template-columns: 1fr ;
    }
}


.wk-scope  .scholars-directory .wk-h3 {
    font-size: 1.2em;
}

 .wk-scope .scholars-directory .wk-h3 a {
    background-color:#1E6B52;
    border-bottom:4px solid #80bc00;
    padding:.4em 1em;
    display:block; 
    font-size:1em;
    color:#fff !important;
    margin-top:-20px;
    position:relative;
    z-index:1;
     min-height:50px;
     display:-webkit-box;
     display:-ms-flexbox;
     display:flex;
     -webkit-box-align:center;
         -ms-flex-align:center;
             align-items:center;
}

.wk-scope .scholars-directory .wk-h3 a:hover {
    color:#fff !important;
    text-decoration: underline !important;
}

.wk-scope .scholars-directory .faculty-profile-title  {
    font-size:1.1em !important;
    padding:0 1em;
}

.directory .wk-subnav-pill .wk-active a, .template-01.directory #content ul.wk-subnav-pill li a:link:hover {
    color: #fff !important;
    background-color:#1E6B52;
}

.wk-scope .scholars-directory a.faculty-profile--button {
    text-align:center;
        border:1px solid #80bc00 !important;
        font-family: "kulturista-web", serif !important;
    margin-top:2em;
   font-weight:bold;
   padding: .5em 1em;
display:block !important;
     margin:1.5em 1em 1em;
}

.wk-scope .scholars-directory .faculty-profile-contact-info {
    background-color:#eee;
    display:block;
    padding:10px 20px;
}


/***END Directory Styling ***/


	/** LINEAR FIX **/
	/***BEGIN Quicklinks ***/
	
	#search .btn-primary {
		padding: 1em .6em;
		border: none;
		line-height: 0;
		background-image: none;
		background-color: #1E6B52;
		text-shadow: none;
		transition: color .2s ease-out, background-color .2s ease-out;
		color: #fff;
	}
	
	#search .btn-primary:hover {
		color: #fff;
		background-color: #808285;
	}
	
	@media all and (min-width:1024px) {
		body.hd #quicklinks .divider.dropdown.deeper.parent:hover {
			text-decoration: none;
		}
		#quicklinks {
			display: flex;
			justify-content: flex-start;
			margin-top: .5em;
			flex-direction: row-reverse;
		}
		/*	#quicklinks .nav.menu.nav-pills>li>.separator:after {
        font-family: FontAwesome;
        content: " \f0d7";
        color: #82c140;
    }*/
		#quicklinks .nav.menu.nav-pills>li>.separator {
			cursor: pointer;
			text-decoration: none;
		}
		body.linear.hd #siteName {
			width: 65%;
		}
		body.linear.hd div.searchpanel {
			width: 33%;
		}
		#search .inputbox.search-query {
			border-radius: 5px 0 0 5px;
			width: 60%;
		}
	}
	
	@media all and (max-width:1024px) {
		#quicklinks .nav.menu.nav-pills>li>.separator {
			font-size: 1.2em;
			font-weight: bold;
		}
		#quicklinks .nav.menu.nav-pills>li>.separator {
			border-bottom: 1px solid #82c140 !important;
			width: 100%;
		}
		#quicklinks ul.nav.menu.nav-pills>* {
			width: 100% !important;
		}
		#quicklinks .feed.nav-pills,
		#quicklinks .moduletable,
		#quicklinks ul.nav-child.unstyled.dropdown-menu {
			background-color: transparent !important;
		}
	}
	/***END Quicklinks ***/
	/** BEGIN TIGHTEN HEADER **/
	
	@media (min-width: 980px) {
		.navbar-static-top {
			margin-top: 0px;
		}
		body.hd #whitebar {
			margin-top: 20px;
		}
	}
	/** END TIGHTEN HEADER **/
	/** Begin People Widget Height **/
	
	.wk-panel peopleHeight {
		min-height: 603px;
	}
	/** End People Widget Height **/
	/** Begin NMT Page Height **/
	
	.item-page.pageHeight {
		min-height: 850px;
	}
	/** End NMT Page Height **/
	/** Begin SHP Spotlight Overlay **/
	
	.wk-overlay-background {
		background: rgba(68, 68, 68, .7);
	}
	/** End Begin SHP Spotlight Overlay **/


	.item-page.pageHeight-400 {
		min-height: 400px;
	 }

	 .item-page.pageHeight-700 {
		min-height: 700px;
	   }

	   .item-page.pageHeight-1100 {
		min-height: 1100px;
		}

/***BEGIN Fix for WK Flicker Loading Faculty Staff Pages ***/

		.hide-wk-filter #content {
			animation-name: slow-display;
			animation-duration: 0s;
			animation-delay: 1s;
			opacity: 0;
			animation-fill-mode: forwards;
		}
		
		@keyframes slow-display {
			from {
				opacity: 0;
			}
			to {
				opacity: 1;
			}
		}

/***BEGIN Fix for WK Flicker Loading Faculty Staff Pages ***/


	/*#region Orientation Checklist **/
	
	h3.orientation {
		text-align: center;
		background-color: #1E6B52;
		color: white;
		margin-left: -21px!important;
		margin-right: -21px!important;
		margin-top: -21px!important;
		padding-bottom: 20px;
		padding-top: 20px;
		font-size: 1.3em;
		text-transform: uppercase;
		min-height: 50px;
	}

	/*#endregion Orientation Checklist **/


	@media only screen and (max-width: 575px) {
		img.heightAuto {
			width: auto!important;
		}
	}